Next.js new project building프로젝트 디렉토리를 미리 생성했다면 - 추천설치윈도우- 작업폴더에 shift + 우클릭- powershell 열기맥- 손가락 두개 클릭- 터미널열기npx create-next-app@14 terminal입력엔터설치 중 - App router 선택 - YVS CODE project openFileOpen Folder작업용 디렉토리 오픈터미널에 프로젝트 네임 체크안뜨면 다시VS CODE server view실시간 미리보기로컬호스트서버에디터 상단메뉴TerminalNew Terminal npm run dev입력후 엔터localhost:3000 브라우저 접속브라우저 자동으로 안뜨면?크롬 브라우저localhost:3000입력프로젝트 디렉토리 생성 안 한 경우Next..
JavaScript 코드를 TypeScript로 전환하기 위해 필요한 주요 수정 사항 핵심은 JavaScript 코드에 '타입 정보'를 추가하고, TypeScript 컴파일러가 해당 타입을 이해하고 검사할 수 있도록 환경을 설정하는 것입니다.1. 파일 확장자 변경가장 기본적인 첫 단계는 JavaScript 파일의 확장자를 변경하는 것입니다..js 파일을 .ts로 변경합니다.React를 사용하는 .jsx 파일은 .tsx로 변경합니다.이것만으로도 TypeScript 컴파일러는 해당 파일들을 TypeScript 코드로 인식하기 시작합니다.2. TypeScript 설정 파일 (tsconfig.json) 추가 및 구성프로젝트 루트에 tsconfig.json 파일을 생성하여 TypeScript 컴파일러의 동작 방식..
JavaScript와 TypeScript 문법의 가장 큰 차이는 '타입 명시' 입니다. TypeScript는 JavaScript가 실행되기 전에 코드의 오류를 더 잘 찾을 수 있도록 '어떤 종류의 데이터'가 사용될지 미리 알려주는 문법들을 추가했습니다.쉽고 간단하게 주요 차이점을 설명해 드릴게요!1. 변수와 상수에 '타입'을 명시하는 문법JavaScript: 변수를 선언할 때, 이 변수가 숫자 데이터를 가질지, 문자열 데이터를 가질지 등을 미리 정해두지 않습니다. 어떤 값이든 자유롭게 넣을 수 있습니다.let 이름 = "김철수"; // 문자열 할당let 나이 = 30; // 숫자 할당// 나중에 `이름 = 123;` 처럼 숫자를 넣어도 문법적으로는 문제가 없습니다.TypeScript: 변..