프론트엔드 개발자의 기록 공간

❗❗ 데브코스 72일차 (11.9) 72일차에는 71일차에 학습한 TS를 이용하여 TodoList를 만드는 실습을 진행한다. TodoList의 모든 파일의 코드를 다루면서 소개하기 보다는 특정 일부분만 코드와 주석으로 간략하게 설명할 예정이다. ✅ useToggle.tsx 사용자 정의 hook으로 todoList에서 완료, 미완료를 처리하는 토글 버튼의 기능을 정의한다. import { useCallback, useState } from 'react' //props의 타입 정의 return값 정의 const useToggle = (initialState: boolean): [boolean, typeof toggle] => { const [state, setState] = useState(initialSt..

❗❗ 데브코스 71일차 (11.8) 오늘은 TS에 대해 학습을 진행한다. JS을 좀 더 똑똑하고 안정성 있게 사용할 수 있을 뿐만 아니라 모집 공고에서 볼 수 있듯이 요즘 TS는 무조건 알아야 하는 지식 중에 하나이다. ✅ TypeScript 타입스크립트 말 그대로 타입이 적용된 자바스크립트이다. 장점 안정성 : 컴파일 단계에서 미리 오류를 감지할 수 있다. 가독성 : 타입을 보고 무엇을 하는지 미리 알 수 있다. 단점 초기 설정을 해야한다. (초기 설정 하는법 포스팅 해두었으니 참고) 스크립트 언어의 유연성이 낮아진다. 컴파일 시간이 길어질 수 있다. ✅ 타입스크립트 문법 ✍ 1. 타입 주석과 타입 추론 타입 주석은 변수, 상수 혹은 반환 값이 무슨 타입인지를 나타내는 것을 의미 타입 추론은 해당 변수..