설치 명령어 npx create-next-app@latest . 실행하기 npm run dev 배포하기 npm run build 배포판 실행하기 npm run start
전체 글
1. 함수에서 TS 사용하기 function sum(a: number, b: number): number { return a + b; } function objSum({ a, b }: { a: number; b: number }): string { return `${a + b}`; } 2. 비동기 함수에서 TS 사용하기 type Person = { id: number; age: number; height: number }; async function getPerson(): Promise { const res = await fetch(`http://localhost:5008/people`); if (!res.ok) { throw new Error(); } return res.json(); } getPers..
컴파일러란? 컴파일러는 특정 프로그래밍 언어가 정적 언어로서의 정체성을 유지할 수 있게 하는 도구이다. 컴파일러는 프로그래밍 언어로 작성된 소스 코드 → 다른 프로그래밍 언어로 변환하는 도구이다 이러한 변환 과정에서 컴파일러는 소스 코드의 구문과 구조를 검사하여 문제가 없는지 확인한다. 이를 통해 개발자가 작성한 코드에 오류가 있는 경우 미리 알려주어 문제를 해결할 수 있다. 컴파일러 등장 배경 컴퓨터는 기본적으로 기계어로 작성된 프로그램만 이해할 수 있다. 그런데, 위의 스크린샷을 보면 아시겠지만 기계어는 사람이 이해하기 어렵다. 따라서, C언어와 같은 고수준 프로그래밍 언어가 등장한 것이다. C언어로 작성된 코드를 컴퓨터가 이해하려면 기계어로 변환을 해야되었고 컴파일러가 필요하게 되었다. 컴파일러의 ..
1. 이번 심화 주차 팀플 과제는.. 지도 or 유튜브 API를 활용하거나 엑셀 스프레드 시트를 디비로 활용한 아웃소싱 프로젝트! 우리 조는 왠지 신박한 프로젝트를 하고 싶어서 선물을 추천해주는 설문조사 서비스를 만들었다. 이름하야 이거받아ㅋㅋ 프로젝트! 그럼 필수 요구사항부터 어떻게 구현됐는지 차례차례 하나씩 보도록 하자 :) 2. 필수 요구 사항 -지도 API -Youtube API -설문조사 (SpreadSheet를 db.json으로 활용) -상태관리 라이브러리는 RTK를 사용하고 firebase or json-server or supabase 중 택1 -Vercel이라는 호스팅 플랫폼을 이용해 배포 3. 프로젝트 소개 선물을 받을 상대방의 정보를 입력받아 맞춤형 선물을 추천해주는 사이트 4. 개발..