STUDY36 노마드 코더 NEXT JS 강의 정리 2 https://nomadcoders.co/nextjs-for-beginners NextJS 14 시작하기 – 노마드 코더 Nomad Coders NextJS 14 For Beginners nomadcoders.co 자 남은 부분 정리 들어갑니다. #3 DATA FETCHING Fetch Next.js는 서버의 각 요청이 자체 영구 캐싱 시맨틱을 설정할 수 있도록 기본 Web fetch() API를 확장. 서버 컴포넌트 내에서 직접 비동기 및 대기 상태로 fetch를 호출할 수 있다. Loading UI and Streaming 특수 파일 loading.js를 사용하 React Suspense로 로딩 UI를 만들 수 있다. 이 규칙을 사용하면 경로 세그먼트의 콘텐츠가 로드되는 동안 서버에서 즉각적인 로딩 .. 2024. 3. 7. 노마드 코더 NEXT JS 강의 정리 1 https://nomadcoders.co/nextjs-for-beginners NextJS 14 시작하기 – 노마드 코더 Nomad Coders NextJS 14 For Beginners nomadcoders.co 노마드 코더 NEXT JS 강의 정리 #1 INTRODUCTION Next js 는 성능이 좋다. 앙 다양한 웹사이트에서 프레임워크로 사용 app router / page router 포로젝트 초기설정 npm init -y npm install react@latest next@latest react-dom@latest app폴더에 page.tsx / page.jsx 생성 npm run dev #2 ROUTING Creating Routes next.js는 폴더를 사용하여 경로를 정의하는 파일시.. 2024. 3. 6. SSR 과 CSR 비교! 일단 SSR(서버 사이드 렌더링)과 CSR(클라이언트 사이드 렌더링)은 웹에서 페이지의 내용을 사용자에게 보여주는 두가지 방식이다. 클라이언트 사이드 렌더링(CSR) CSR은 렌더링 프로세스가 사용자의 웹 브라우저의 클라이언트 측에서 일어난다. 서버는 JavaScript 파일과 함께 최소한의 HTML 문서를 클라이언트에 보낸다. JavaScript 코드는 API에서 데이터를 가져오고 DOM을 조작하여 사용자 인터페이스를 업데이트한다. 🐇CSR의 장점: 빠른 상호 작용: CSR을 사용하면 클라이언트가 서버에 추가 요청을 하지 않고도 UI를 업데이트할 수 있다. 원활하고 빠른 사용자 경험을 제공한다. 성능 향상: 첫 페이지를 로딩한 후에는 렌더링이 필요한 부분만 불러오기때문에 빠르다. 필요한 구성 요소나 데.. 2024. 3. 1. 프레임워크(Framework) VS 라이브러리(Library) 개발자들은 종종 "라이브러리"와 "프레임워크"라는 용어를 혼용하여 사용한다잉 하지만 차이점이 있다!? 일단, 프레임워크와 라이브러리는 모두 일반적인 문제를 해결하는 데 사용되는 다른 사람이 작성한 코드다. 비유로 차이점 설명 들어갑니다~ 라이브러리 vs 프레임워크 라이브러리는 이케아에 가는 것이다. 이미 나에게 집이 있지만 가구에 대해서는 약간의 도움이 필요하다. 테이블을 처음부터 직접 만들고 싶지않으니.. 이케아에서는 집에 놓을 다양한 가구를 직접 고를 수 있다. 여러분 마음대루.. 반면에 프레임워크는 모델하우스를 짓는 것이다. 설계도가 정해져있고 건축과 디자인에 관한 몇 가지 제한된 선택지가 있다. 궁극적으로 계약자와 설계도가 통제권을 갖는다. 기술적 차이점 프레임워크와 라이브러리의 큰 차이는 "제어.. 2024. 2. 28. 이전 1 ··· 6 7 8 9 다음
