목록분류 전체보기 (348)
Jieunny의 블로그
➰ 43일차 오늘부터 타입스크립트 공부하기 시작 그냥 타입만 붙이는건데 왜 이렇게 어려운건지 알 수 없네 타입스크립트 핸드북이 잘 되있다고 생각했는데 뭔가 순서대로 이어지는 내용이 아니라 챕터 느낌으로 따로따로 되있어서 공부를 이거했다 저거했다 하는 느낌..? 원래도 책을 사서 볼까 고민하고 있었는데 다음에 서울 나가면 책 한번 보고 괜찮으면 사는 것도 고려해 봐야겠다 근데 아직 저번에 산 리팩토링 책 한쪽도 못읽었는데..ㅎㅎ 내일도 타입스크립트 공부하고.. 코테 문제도 좀 풀고... 파이팅....
📌 문제 수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수는 제일 오른쪽에 있는 음식부터 왼쪽으로 순서대로 먹는 방식으로 진행됩니다. 중앙에는 물을 배치하고, 물을 먼저 먹는 선수가 승리하게 됩니다. 이때, 대회의 공정성을 위해 두 선수가 먹는 음식의 종류와 양이 같아야 하며, 음식을 먹는 순서도 같아야 합니다. 또한, 이번 대회부터는 칼로리가 낮은 음식을 먼저 먹을 수 있게 배치하여 선수들이 음식을 더 잘 먹을 수 있게 하려고 합니다. 이번 대회를 위해 수웅이는 음식을 주문했는데, 대회의 조건을..
✏️ 목차 더보기 ﹒원시 타입 ﹒Array ﹒Tuple ﹒Enum ﹒Any ﹒Void ﹒Never ﹒함수 ﹒객체 ﹒유니언 타입 ﹒인터페이스 ﹒제네릭 ﹒타입 추론 ﹒타입 호환 ﹒타입 별칭 📣 TS에서 타입 표현하기 ✔️ ':'를 이용하여 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation) 이라고 한다. ➰ 타입 표기는 필수가 아닌 선택 사항, 가능하면 적게! 사용해라. ➰ 대부분의 경우 타입 표기는 필요하지 않다. // 타입 표기가 필요하지 않다. -> string 타입으로 추론된다. let myName = 'Alice'; 📍 원시타입 ✔️ string, number, boolean let str: string = "hi"; let num: number = 10; let isLogged..
📣 State ✔️ 컴포넌트 사용 중 컴포넌트 내부에서 변할 수 있는 값 ✔️ 내부에서 변화하는 값 📣 State hook, useState 사용법 ✔️ useState() 1️⃣ 불러오기 import { useState } from "react"; 2️⃣ 컴포넌트 안에서 호출하기 -> state라는 변수를 선언하는 것과 같다(state변수는 함수가 끝나도 사라지지 않는다) function CheckboxExample() { // 새로운 state 변수를 선언하고, 여기서는 이것을 isChecked 라 부르겠습니다. const [isChecked, setIsChecked] = useState(false); // useState의 리턴값을 구조 분해 할당 하고 있다. // setIsChecked함수는 is..
📣 타입스크립트란? ✔️ 자바스크립트에 타입을 부여한 언어 ✔️ 브라우저에서 실행하려면 파일을 한번 변환해주어야 한다(컴파일) 📣 타입스크립트의 컴파일러 tsc ✔️ 타입 검사기 npm install -g typescript tsc hello.ts ➰ hello.js 파일을 얻을 수 있다. 📣 왜 타입스크립트를 써야 하는가? ✔️ 에러의 사전 방지 // JS 코드 function sum(a, b) { return a + b; } sum('10', '20); // 1020 // TS 코드 function sum(a: number, b:number) { return a + b; } sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다. ➰ 의도하지 않은 코드의 동작을 ..