제로초 님의 Next + React Query로 SNS 서비스 만들기 인강 섹션 1을 정리한 내용이다. Section 1. 기획자와 디자이너가 기획서를 던져주었다. 1. Next 프로젝트 시작하기 Next.js 프로젝트 Install npx create-next-app@latest 프로젝트 시 기타 설정들(참고) 디렉토리 구성(참고) public: 모든 사람들이 접근 가능한 이미지를 넣어두는 곳 src/app: 앱 라우터에서 주소와 관련된 부분들을 넣어두는 곳(app 폴더의 위치는 통상적으로 src 바깥쪽이나, src 내에 라우팅 부분(src/app)과 그 외의 목적으로 사용하는 디렉토리를 src/test, src/mock 등으로 구성) => 취향에 따라 다를 수 있음 next.config.js: Nex..
제로초 님의 Next + React Query로 SNS 서비스 만들기 인강을 결제하고, 나태해지지 않기 위해 챌린지를 신청하였다. 챌린지 방식은 매주 1개의 섹션을 듣고 정리한 내용을 공유하는 것이다. 섹션 0은 아무래도, 강의의 도입이다 보니 개요와 우리가 강의를 들어야할 때 임해야하는 태도에 관한 것이었다. 이전에 Next.js 12버전의 다른 강의를 들어본 경험이 있지만, 사실 따라치는 수준에 그쳐서 그동안 많은 변화가 있기도 했고, 이번에야말로 Next.js를 체득해볼 것이다. 섹션 0 Next 13 이후 바뀐 점(Next 14에 대하여) Server Action Caching 및 Revalidating 통합 Form을 통해 간단한 함수 호출 가능 메이저 라이브러리들의 버전 업데이트(React q..
Quiz 1 다음 요구사항을 만족하도록 introduce 함수의 매개변수의 타입을 정의하세요 name 매개변수는 String 타입이며, "이정환" 이라는 기본값이 설정됩니다. tall 매개변수는 Number 타입이며, 선택적 매개변수 입니다. Answer 1 function introduce(name = "치현", tall?: number) { if (!tall) { console.log(`안녕하세요 ${name}입니다!`); } else { console.log(`안녕하세요 ${name}입니다. 키는 ${tall}입니다`); } } Quiz 2 함수 타입 표현식을 이용해 다음 요구사항을 만족하는 타입 Func를 정의하세요 2개의 매개변수 a와 b를 받습니다. 매개변수 a는 Number, b는 Strin..
[있었던 일] 게시판 부분은 피드백 반영하여, 머지한 후, 메인 페이지 레이아웃을 잡으며 시간을 썼다. [느낀 점] 반응형을 제대로 다뤄본 적이 없었던 것 같다. 게시판 페이지 만들 때는 반응형을 미고려하고 레이아웃 작성 후에 추가 작업을 하는데 시간이 많이 들었는데, 지금 메인 페이지는 반응형까지 고려하며 레이아웃을 잡고 있는데, 진작 이렇게 할 걸 하는 아쉬움이 남는다. 4일 남짓 남은 시간 내에 초안을 배포하여 잘 끝내야할텐데, 조금 시간이 촉박하다는 느낌이다. + 한 입 크기로 잘라먹는 타입스크립트 스터디 9일차. 클래스와 인터페이스에 대해 배웠다. 클래스가 아직 친숙하지 않은데, 다양하게 작성해보면서 익혀야 될 필요성을 느낀다. 이모티콘 출처는 조빔님의 깜자 이모티콘이다!
