상태관리(State Management)를 왜 할까?? 데이터관리: 애플리케이션의 규모에 따라 다루는 데이터와 정보가 커질 수 있는데, 이러한 데이터를 효과적으로 저장하고 업데이트, 검색 및 관리하기위해 상태관리가 필요하다. 데이터를 중앙 집중화하고, 일관된 방식으로 액세스하고 조작할 수 있다. 데이터 공유: 애플리케이션 안에서 데이터를 여러 컴포넌트 및 모듈 간 공유가 필요할 때 전역 상태를 통해 데이터를 공유하고 상태 변경 시 다른 부분에즉시 반영할 수 있다. 애플리케이션 상태 추적: 사용자 상호작용에 따라 애플리케이션 상태가 변경 될 때 애플리케이션의 현재 상태를 추적하고 변경 사항을 관리할 수 있어 사용자 경험이 일관되고 예측 가능해짐. 복잡한 UI 관리 상태의 지속성: 로그인 정보, 사용자 설정..

🚀 Weekly I Studied BRSand 최종 발표 진행 팀 회고록 정리 리팩토링 추후 진행예정 Savers finalTeamProject 주제 고민: 메타버스 서비스 주제선정 및 그라운드룰 세팅: 환경지킴이 S.A. 작성 wireframe/API 명세서 진행중 프로젝트 세팅 완료: next13 Next next12와 13의 핵심적인 차이점 랜더링 종류 ⚡️ Weekly I Learned BRSand 최종 팀회고록 프로젝트가 우당탕탕 완성이 다 되었지만 최종 전 마지막 프로젝트라서 긴장을 많이 했던거 같습니다. 프로젝트 사이즈가 많이 크다고 생각해서… 나름 챌린지를 해본건데 그래도 으쌰으쌰해서 완성단계까지 끌어올릴 수 있어서 좋았습니다~~ 포기하지 않으면 따라갈 수 있다. 모바일, 웹 버전의 웹사이..

🚀 Today I Studied Savers wireframe 업데이트중 API 명세서 업데이트중 프로젝트 repo 생성 및 세팅완료 ⚡️ Today I Learned 금요일회의 ==> https://xoxojw.notion.site/20230818-8c3ef59f3860429c9a7aa2194c332e6b?pvs=4 ==> https://xoxojw.notion.site/20230816-f7ea9923f9bf47858d29d81810158988?pvs=4 원장님 튜터링 ==> https://xoxojw.notion.site/20230818-1819ff9865ce4779ba2a614d47bfd6ce?pvs=4 🕰️ 오늘의 공부시간:12:35 회고 : 프로젝트를 시작한지.... 무려 3일이 지나고 주말도 ..

🚀 Today I Studied Savers git repository 생성 supabase 프로젝트 생성: db 구조 생성 notion page 업데이트: 진행현황 Next.js Next.js 소개 Next.js 13.4 App Router MPA 부터 SSR까지 Rendering Page Router Page와 Routes Data Fetching 실습 특별한 파일들 App Router Page와 Routes Data Fetching Styling ⚡️ Today I Learned Savers 회의록 ==> https://www.notion.so/09-00-09-25-25c39532a3634cdb804537e2125a01cb?pvs=4 ==> https://www.notion.so/16-00-16-3..

Rendering : JS를 이용하여 HTML을 만드는 과정. Pre-rendering : client에 HTML이 로드 되기 전에 JS를 이용하여 HTML을 만드는 것. Next의 모든 코드는 기본적으로 pre-rendering이다. SSG(Static Site Generation): Build 할 때 rendering SSR(Server Side Rendering): runtime에 rendering Run time: 애플리캐이션이 빌드/배포된 후 사용자 요청으로 app이 실행되는 기간 여러 종류 Rendering 비교

Application Multi-Page-Application : 원시적인 서버사이드 렌더링 방식이다. 페이지 이동시나 렌더링 시 깜빡거려 유저 사용성에 좋지 않다. 이를 보안하기 위해 CSR 방식의 React를 이용하여 SPA를 만들기 시작했다. Single Page Application : 유저 사용성에 큰 장점이 있다. 초기 페이지 로드 후에, 사용자와 상호작용하며 필요한 부분만 비동기적으로 업데이트(동적로딩). 서버와의 통신을 최소화 초기 로딩 시에 모든 리소스를 불러와야 하므로 초기 로딩 속도가 느림. SEO에 약함 : 웹 사이트 정보를 모으는 크롤링 봇이 CSR 방식의 웹 사이트 방문 시, 유저와 상호작용이 일어나지 않았기에 아무것도 랜더링 된 정보가 없음. ==> 해당 문제해결을 위해 nex..