hanyugeon/NextJS13_Playground

🛝 NEXT.js 13, 페이지 렌더링, data-fetch 등 어색한 기술들과 친해지는 나만의 놀이터

NEXT.js 13 플레이그라운드

기술스택

• TypeScript
• node (v16.14.0)
• React (v18.2.0)
• NEXT.js (v13.1.6)
• Emotion
• ESLint
• Prettier
• yarn
• Vercel
• GitHub Action
• API

디자인(Figma)

• Desktop
• Mobile
• Figma 바로가기

23.01.31

Figma

• 디자이너가 없이 시작한다면 진짜 사용할 소수의 주요색상 몇 가지만 정해놓고 시작해야 디자인의 큰 틀을 잡는데 시간이 짧게 걸리고 그 다음의 작업하기 수월한것같다.

23.02.01

Figma

• 레퍼런스도 큰 역할을 하는것같다. 많이 찾아보고 뜯어보자.

개발(React, NEXT.js(13), TS)

23.01.31

NEXT.js

• app 디렉토리를 제외한 다른 컴포넌트 및 페이지들은 코드 상단에 'use client'를 추가해주어야한다.
• app 디렉토리에 이후에 loading과 error코드도 추가해 보아야겠다. 로딩시에 자동으로 사용된다니 굉장히 기대된다. 스켈레톤? 그것도 구현할 수 있을까? 쉽게 구현할 수 있다면 굉장히 멋있을것같다. 킹갓Remix 최고

23.02.01

• 반복되는 코드는 하나로 묶어라... 갓갓 리팩터링 마틴 파울러 근데 TS 에러인것같은데 자꾸 HeaderNav.tsx에서 빨간줄이 나온다 왜그럴까. 이유를 못찾았다.