콛 다이어리

타입스크립트(TypeScript)자바스크립트에 정적 타입을 추가한 프로그래밍 언어자바스크립트로 작성된 코드를 확장하여 타입 검사와 코드 안정성을 높여줌런타임 오류를 줄이고 더 안정적인 코드를 작성할 수 있음(컴파일 시점에 타입 오류를 잡아낼 수 있기 때문)컴파일 시점: 우리가 vsc에서 코드를 작성하는 시점런타임 시점: 프로젝트가 동작하는 시점특징1. 정적 타입: 변수, 함수의 매개변수 및 반환 값에 타입을 지정하여 컴파일 시점에 타입 오류를 검사할 수 있음2. 타입 추론: 타입을 자동으로 추론3. jsx와 호환: 그대로 사용하면서 타입 검사를 추가할 수 있음장점1. 타입 안정성: 컴파일 시점에서 오류를 방지할 수 있음2. 자동 완성: 코드 작성이 빠르고 오류가 줄어듬3. 유지 보수성 향상: 오류를 미리..

target: 이벤트가 일어난 대상value: 입력한 데이터e.target: 이벤트 객체의 target만 가져와서 출력*e.target.value: input의 value를 가져오므로 입력한 값을 출력

Terminal → new Terminal (윈도우? Gitbash : powershell)→ Git Bash로 변경→  yarn create vite입력→  프로젝트명 입력→ react 선택→ javascript 선택  내 리액트 파일 인터넷창에서 보는 방법yarn dev→ 파란색 로컬주소 뜨면1. Ctrl 누른채로 클릭2. 웹 브라우저에 로컬주소 복사 붙여넣기

카멜케이스(camelCase): 낙타등처럼 굽어져 있는 모습변수, 함수, 대부분에서 사용케밥케이스(kebab-case): 케밥처럼 꼬치에 끼워져 있는 모습css 클래스, 폴더, 컴포넌트가 아닌 일반 자바스크립트 파일파스칼케이스(PascalCase): 파스칼 언어에서 쓰던 표기법리액트 컴포넌트, 클래스명스네이크 케이스(snake_case): 뱀이 기어가는 것처럼 언더바 사용 자바스크립트에서는 쓰이지 않음 분류하는 이유표기법만 보고 파일의 역할을 알 수 있기 때문작명할 때줄임말 사용하지 않기길어도 확실하게 작명하기되도록 2개이상의 단어 사용하기단어의 단수와 복수 구분하기.: 현재 파일