일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 데이터테이블 데이터 넣기
- 서버동기화
- c# datagridview 데이터 넣기
- transfer
- allow_anonymouse
- mySQL_Replication
- pm2
- setInterval 정지
- 1883
- Replication
- mosquitto
- pm2 설치
- AntDesign
- setInterval 외부 정지
- datagridview 직접입력
- setInterval clear
- 맥 어드레스
- setInterval 중지
- pm2 시작
- pm2 상태 확인
- listener 1883
- invalid data
- mosquitto.conf
- pm2 확인
- DatePicker
- timepicker
- html #select #option #multiple
- 공인IP
- DataGridView 직접 입력
- map이 undefined가 뜰 때
- Today
- Total
목록분류 전체보기 (740)
개발 노트
backup관련 코드 농장코드 수정하기 가져오는 데이터 갯수 조절하기 agiso 사이트 영상부분 썸네일 유튜브사이즈로 수정하기 라우팅설정 보완하기 server component활용하기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/kH6Pu/btsC5019uIQ/GrdR7Qlk8u1rpJAjfJUAZ0/img.png)
Server Component 위 그림에서 Navbar나 Sidebar, Main컴포넌트는 interactive한 요소가 없으므로 Server Component가 적합합니다. 내부에 Search나 button같은 경우에는 상호작용 요소가 있으므로 Client Component가 적합합니다. 왜 Server Component를 써야하는가 Server Component 사용 시 초기 로드 속도가 향상되고 클라이언트의 js번들 사이즈는 감소합니다. 기존의 client 측의 런타임은 캐시할 수 있고 크기를 예측 가능하며 어플리케이션이 커져도 증가하지 않습니다. App router에서는 기본적으로 모든 컴포넌트가 Server Component가 Default로 사용됩니다. Client Component로 사용하고..
next.js 프로젝트 시작하기 npx create-next-app@latest yarn create next-app pnpm create next-app bunx create-next-app 원하는 조건에 맞춰서 세팅할 수 있습니다 What is your project named? my-app Would you like to use TypeScript? No / Yes Would you like to use ESLint? No / Yes Would you like to use Tailwind CSS? No / Yes Would you like to use `src/` directory? No / Yes Would you like to use App Router? (recommended) No / Yes..
next.js라우팅관련 포스팅하기 공고/ 뉴스 / 링크페이지 만들기
아기소 nav 라우팅 설정하기 컴포넌트 설계하기 메인페이지 만들기
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/KbyIU/btsCZ53vuf2/V7wegLsFrO7lEGyAWJ8bf1/img.png)
세팅 후 프로젝트 시작시 파싱에러 발생 루트 경로 에 .bablerc 파일생성 // .bablerc { "presets": ["next/babel"], "plugins": [] } .eslintrc.json파일 수정 { "extends": "next/core-web-vitals" } ↓ 다음과 같이 수정 { "extends": ["next/babel","next/core-web-vitals"] } 에러가 해제된것을 확인할 수 있습니다