본문 바로가기

분류 전체보기82

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.
[백준] 12852번: 1로 만들기 2 타일링 파이썬 https://www.acmicpc.net/problem/12852 12852번: 1로 만들기 2 첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 자연수 N이 주어진다. www.acmicpc.net DP는 많이 풀어보는게 좋다고 해서 계속 푼다 파이띵 풀이 일단 문제에서 과정까지 출력해야하니 값테이블 말고 경로계산용 테이블도 만들어야함띠. 그래서 값테이블 arr, 경로계산 용은 arr2 뭔가 코드가 깔끔하지 않은 기분............................... 죄송티비 저는 계산용 테이블에 1, 2, 3 일케 저장했는데 바로 i-1, i//2, i//3 저장하는게 마지막 경로 출력 할때 더 편한듯. import sys n = int(sys.stdin.readline()) arr = [.. 2024. 3. 5.

티스토리툴바