전체 글 29

#2. 자바스크립트와 타입스크립트의 자료구조와 타입에 대하여

타입(Type)이란? **타입(Type)**이란 값의 종류(데이터의 유형)를 나타내는 개념입니다.프로그래밍에서 변수를 선언할 때, 해당 변수가 가질 수 있는 값의 종류를 결정하는 것이 "타입"입니다. 타입이 왜 중요할까?데이터를 안전하게 다룰 수 있음 → 잘못된 값이 들어가는 것을 방지코드의 가독성이 높아짐 → 변수나 함수가 어떤 값을 다루는지 명확하게 이해 가능디버깅이 쉬워짐 → 잘못된 타입 사용을 사전에 방지📌 잘못된 타입 사용 예시 (TypeScript에서 오류 발생)let age: number = "스물다섯"; // ❌ 오류: number 타입에 string을 할당할 수 없음 ✅ 올바른 타입 사용let age: number = 25; // 정상 동작  정적 타입 vs 동적 타입 프로그래밍 언어에..

#1. Java script/ Type script 함수 선언 기초

함수 선언하는 방법을 왜 알아야 할까요?  함수는 프로그래밍에 있어서 필수적인 개념입니다.이 개념의 이해 여부에 따라 프로그래밍의 수준이 달라지기 때문에 제대로 이해하고 넘어가야합니다. 이를 이해하지 않고 시작할 경우는 마치 덧셈을 모르는데 곱셈을 사용하는 경우와 같습니다. 자바스크립트/ 타입스크립트에서 함수는 어떤 역할을 하나요? ✅ 재사용 가능 → 반복되는 코드 줄이기✅ 가독성 & 유지보수 용이 → 코드가 깔끔해지고 이해하기 쉬움✅ 모듈화 & 확장성 → 기능을 독립적으로 관리 가능✅ 디버깅이 쉬움 → 특정 함수만 살펴보면 문제 해결 가능✅ 고차 함수 활용 가능 → 강력한 기능을 제공 이와 같이 프로그래밍을 하면서 함수 개념을 잘 익히면 더 효율적이고 관리하기 쉬운 코드를 작성할 수 있습니다. 어떤 종..

Solid js 웹사이트 만들기 (Solid js install / Pnpm설치)

React? Solid Js? Solid JS는 무엇인가요?  Solid.js는 빠르고 반응성(reactive)을 기반으로 한 프론트엔드 JavaScript 라이브러리로, UI를 선언적 방식으로 작성할 수 있게 해줍니다. React와 비슷한 방식으로 컴포넌트를 사용하지만, 내부적으로 훨씬 더 효율적인 반응성 시스템을 사용하여 상태 변화를 처리하고 DOM을 업데이트합니다. Solid.js는 컴파일 타임에 DOM 갱신 최적화를 수행하며, 불필요한 렌더링을 최소화하여 성능을 극대화합니다. Solid js 공식 사이트https://www.solidjs.com/guides/getting-started https://www.solidjs.com/guides/getting-started www.solidjs.com ..

Solid JS 웹,앱 2024.11.10

[안드로이드 스튜디오] 프로필 사진 등록 기능

안드로이드 스튜디오에서 이미지를 가져오는 코딩에 대해 설명하겠습니다. 여러가지 공식문서를 참고하였습니다. 이미지를 가져오기전, 안드로이드 스튜디오에서는 어떻게 이미지를 저장하고 가져오는지에 대해서 간략하게 설명하겠습니다. 시작전 개념참고) URI 더보기 공식문서:Uri | Android Developers Uri는 추상적개념입니다. 저장된 데이터에서 //를 사용해여 위치를 지정하여 가져오는 겁니다. 예를 들어, 갤러리에서 이미지를 가져온 경우, 해당 이미지의 URI는 "content://media/external/images/media/1234"와 같은 형식일 수 있습니다. 안드로이드에서 이미지를 가져오는 과정에서 URI를 사용하는 이유는 안드로이드의 보안 및 데이터 관리를 위해서입니다. 갤러리에서 이미..

안드로이드 스튜디오 Activity Lifecycle(생애주기)

Activity Lifecycle(생애주기) 오늘 배워볼 것은 Activity Lifecycle(생애주기)입니다. 생애주기를 이해하면 어떤 점이 좋을까요? 앱의 동작 이해, 그러니까 액티비티 생애주기를 이해하면 어떤 시점에 어떤 메소드가 호출되는지를 알 수 있습니다. 이를 통해 앱의 동작을 더 잘 이해하고, 필요에 따라 알맞은 시점에 적절한 작업을 수행할 수 있습니다. 안드로이드 앱을 더 효율적으로 개발하고 유지보수할 수 있으며, 액티비티가 일시 중지될 때 사용자 작업을 저장하고, 다시 시작될 때 복원하여 사용자가 이전 상태에서 계속 작업할 수 있도록 지정할 수 있습니다. 안드로이드 스튜디오를 보다 잘 활용할 수 있게 됩니다. Activity Activity Lifecycle을 설명하기 앞서, 우선 Ac..

[코틀린 / Kotlin] 리스트 중복 요소 제거

.distinct() 중복요소제거 리스트 내부에 있는 중복요소를 제거할 수 있는 함수입니다. 우선 작동이 되려면 .distinct()앞에 붙은 객체가 리스트여야합니다. 중복요소인지 체크하려면 해당 객체 안에 여러요소가 있어야하는 것이 전제조건인데, 만약 하나의 요소만 들어가있는 것 뒤에 중복제거를 해도 작동이 안될 가능성이 높습니다. 작동시키는 방법은 리스트 객체 뒤에 .distinct()를 붙여주면 끝납니다. 1. .distinct() / 중복요소 제거 이 함수를 이용하면 중복된 요소를 제거할 수 있습니다. [input] fun main() { val list = listOf('a', 'b', 'c', 'a', 'c') println(list.distinct()) } [output] [a, b, c] ..

코틀린 2024.03.25

[코틀린/Kotlin] Replace 문자열 교체 (숫자 영어문자열)

프로그래머스에서 알고리즘 문제를 풀면서 자주 썼던 코틀린 문법입니다. 이 replace는 엄청 간단합니다. 공백이 있는 stringdmf 공백 없이 변하게 만들 수 도 있고, 영단어를 숫자로 변형 시킬 수 있으며 숫자를 영어로 변환 시킬 수도 있습니다. 우선 들어가는 값이 String이여야합니다. String이나 문자열이 아니라면 오류가 발생되고 진행이 안됩니다. 변환하고 싶은 값 뒤에 .replace를 작성해주시면 됩니다. ("0", "1")이라고 괄호에 넣으면 0이 1로 변합니다. replace는 종종 알고리즘 문제에 자주 쓰이는데, 정말로 replace만 쓰이는 알고리즘 문제는 이거 하나였습니다. 해당문제 링크입니다. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 ..

코틀린 2024.03.20

안드로이드 스튜디오 Intent(데이터 전송/액티비티 실행)

Intent (비동기식 메시지 객체) 저는 보통 이 Intent기능을 버튼을 눌러 다른 액티비티로 넘어갈때 가장 많이 사용합니다. Intent를 통해 A activity에 있는 데이터를 B Activity에 전송시킬때도 사용하기도 합니다. 오늘은 이 두가지 유형을 설명해보려고 합니다. 명시적 인텐트 명시적 인텐트는 앱의 특정 구성요소를 실행할때 사용되는 기능입니다. 보통은 다른 액티비티로 넘어갈 때 자주 쓰입니다. 명시적 인텐트를 사용하려면 Intent객체의 구성요소의 이름을 정의해야합니다. val downloadIntent = Intent(this, DownloadService::class.java).apply { data = Uri.parse(fileUrl) //인텐트 정의 이후 이동할 객체요소 지정..

개인 과제 로그인 앱 구현 완료

이번 개인 과제 로그인 앱을 만드는 것이었습니다. 필수 구현 조건 1. Activity 3개로 회원가입, 로그인, 로그인이후 홈 화면 만들기 2. 로그인 화면은 아이디와 비번을 전부 작성하지 않으면 화면이 넘어가지 않게 하기 3. 회원가입 화면은 이름, 아이디, 비번을 전부 작성해야지만 로그인 화면으로 돌아가기 4. 홈 화면에 로그인 했을때 쓴 아이디가 표시되게 하기 선택 구현 조건 1. 회원가입 화면에 입력된 아이디와 비번이 로그인 화면에 작성되게 하기 2. 랜덤으로 다섯가지 이미지가 홈화면에 나오게 하기 구현 영상입니다. 깃허브에 업로드 완료했습니다. GitHub - kmtso434/LoginApp: 로그인 개인과제입니다 로그인 개인과제입니다. Contribute to kmtso434/LoginApp..

코딩 일지 2024.03.20

[코틀린 Kotlin] Map Index, 이상한 문자 만들기

Map Index 정말 간단하게 설명하면 리스트에 있는 원소에 배치되어있는 순서에 맞게 지수를 붙여주는 함수입니다. 만약 list a,b,c 가 있다면 그 리스트에 붙여져있는 index(지수)를 매겨줍니다. 명칭은 언제나 다양하게 변할 수 있지만 mapIndex 뒤에 나오는 {index, element는 단어가 바뀌어도 위치에 따라 인지 됩니다. 그래서 아래화면처럼 단어가 바뀌어도 그 자리에 있어서 기능을 하고 있는 모습을 볼 수 있습니다. val result = list. mapIndexed { a, b -> 이 다음부분에 공식을 넣어주면 됩니다. 공식을 넣은 예시입니다. Map Index를 굳이 사용해야할까? 프로그래머스에서 이상한 문자 만들기 연습 문제에서 map index를 연습할 수 있습니다. ..

코틀린 2024.03.19