본문 바로가기

전체 글83

TypeScript 정리 TypeScript란? 2012년 마이크로소프트가 개발한 JavaScript 기반의 정적 타입 문법을 추가한 ‘프로그래밍 언어 TypeScript는 JavaScript의 슈퍼 셋, 즉 상위 확장자로 JavaScript 엔진을 사용하며 자신이 원하는 변수의 타입을 정의하고 프로그래밍을 하면 JavaScript로 컴파일되어 실행할 수 있다. TypeScript를 사용하는 이유 강력한 타입 시스템 TypeScript를 사용하는 가장 큰 이유는 ‘타입’ 때문입니다. 타입을 사용함으로써 코드 퀄리티와 가독성을 높일 수 있다 여기서 ‘타입’이란, 어떠한 변수가 숫자인지, 문자인지, true/false 인지에 관한 추상 형태입니다. JavaScript는 이미 string, number, object, undefine.. 2024. 3. 9.
Recoil을 이용해서 쉽게 상태관리를 해보자 Recoil 이란? 리코일은 2020년 Facebook에서 발표한 상태관리 라이브러리다. React만으로는 복잡한 상태관리가 어렵기 때문에 별도의 라이브러리를 사용 ex) Redux, Recoil, Zustand, Mobx ...등 Recoil과 다른 상태관리 방법 비교 1. React useState 부모 컴포넌트에서 prop drilling > 불편 공통 prop가 변경될 때마다 계속 re-rendering이 일어남 2. React useContext 상태 마다 Context Provider를 선언해야함 상태 변경될때마다 캐싱 없이 매번 re-rendering이 일어남 3.Redux 전역상태를 수정하기 위해 반드시 액션을 선언해서 수행해야해 데이터의 흐름 예측이 쉬움 좋은 개발자 도구가 있어서 문제 .. 2024. 3. 8.
노마드 코더 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.

티스토리툴바