| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 |
- Java
- docker
- 도커
- jpa entity자동
- generate pojos
- 헤더 설정
- 초기 구축
- JavaScript
- java9
- custom valid
- ollama langflow
- docker 설치
- spring
- header setting
- NextJS
- SpringBoot
- 초기 세팅
- dto valid
- Next.js 14
- swagger
- React
- generate entity
- CentOS6
- JPA
- java8
- spring boot
- jvm
- 리눅스
- memcached
- MySQL
- Today
- Total
목록NextJS (2)
개발자의 길
[React] Nextjs + Typescript 프로젝트 시작 셋팅
npm 과 node는 설치를 이미 했다는 전제하에, 1. CREATE NEXT.JS next.js를 설치하는 방법은 간단하다.vscode에서 통합 터널을 연다음 아래와 같이 선택하면 된다.npx create-next-app@latest --ts next-test(프로젝트최상위 폴더명) ESLint는 코드의 품질을 위해서 선택했다.Tailwind CSS는 사용하기 싫어서(개인적으로), 선택안했다.src를 main directory로 설정해놓으면 import해서 컴포넌트를 불러오는데 편하다.기왕 하는김에 추천하는 ROUTER도 추가했다.마지막으로 절대경로 설정을 @파일명으로 할지인데 사용안할수도 있지만, 언젠간 할수도 있어서 설정을 해놓았다.(설치 완료) 2. NPM RUN DEV cd next-testnp..
Next.js 14 - 라우팅
1. React Server ComponentNext.js 13 버전부터 App Router가 도입되면서 그 이전의 pages 폴더 방식의 라우팅에서 획기적인 변화가 일어났는데요.라우팅의 변화에 앞서 먼저 살펴볼게 바로 React 서버 컴포넌트입니다.리액트 서버 컴포넌트는 React 버전 18부터 도입된 새로운 아키텍처인데, 나오자마자 Next.js 에서 도입했습니다.새로운 아키텍처는 리액트 컴포넌트를 두 가지로 구분하는데요.바로, "Server components"와 "Client components"입니다.1.1. Server ComponentsNext.js의 모든 컴포넌트는 기본적으로 서버 컴포넌트입니다.서버 컴포넌트는 서버 사이드 상에서 작동하기 때문에 서버의 파일을 읽을 수 있고, 데이터베이스에..