일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- js
- error
- 자주 까먹는
- 소셜 로그인
- useRouter
- 프로그래머스
- React
- 리터럴
- 모던 자바스크립트
- 코딩테스트
- domain
- 셋팅
- 코테
- 프로젝트 셋팅
- nextjs
- 모던자바스크립트
- 내일배움캠프
- vscode
- 오블완
- deep dive
- Next
- 초기셋팅
- 티스토리챌린지
- 코드카타
- 스파르타코딩클럽
- array정적메서드
- git
- vercel
- 구글 로그인
- CORS
- Today
- Total
목록2024/07 (21)
파피루스
에러 메세지Error: Invalid src prop (이미지 URL) on `next/image`, hostname "도메인" is not configured under images in your `next.config.js` See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host 해석하자면, 이미지 띄우려고 하니 next.config.js 파일에 이미지 파일의 도메인 등록이 안되어 있다. 자세한 사항은 문서를 봐라. 해결책메세지 내용 그대로 next.config 파일에 domain을 등록해주면 된다.
페이지(page) 몇 장 쓰세요?1) MPA (Multi Page application) : 새로운 페이지를 요청할 때마다 정적 리소스를 다운받아 렌더링하는 방식 2) SPA (Single Page application): 필요한 데이터가 있을 때마다 비동기로 받아와, 동적으로 현재 화면에 재렌더링 하는 방식 TTV ? TTI? TTV (Time To View) : 첫 페이지 로딩 시간TTI (Time To Interact) : 인터렉션 (버튼 클릭, 슬라이드 이동 등) 가능한 상태로의 로딩 시간 페이지(page) 어디에서 만드나요?1) CSR (Client Side Rendering) : 클라이언트(브라우저)에서 페이지를 동적 생성하는 방식장단점+👍최초 한번이 느리고, 그 이후의 상..
Next Js의 6가지 원칙 (특징, 장점)1. out-of-the-box functionality requiring no setup : 어려운 셋팅 이제 그만2. js everywhere + all functions are wrriten in JavaScript : 자바스크립트 어디서든3. automatic code-splitting and server-rendering4. configurable data-fetching : 데이터 패칭 설정을 제공하겠다5. anticipating requests : 사용자 요청을 예측가능하게 한다6. simplifying deployment : 배포 쉽게 Next Js 기능들HMR : 애플리케이션 실행 중일 때 특정 모듈의 변경사항을 실시간으로 교체지원하는 렌더링 방..