Today I Learned

프로젝트를 진행하며 useEffect에 대한 이해와이런곳에서도 useEffect를 사용할 수 있구나 하는 응용이 부족하다고 느꼈다다시한번 정리하고 잘 사용해보자!useEffect는 리액트 컴포넌트가 랜더링 될 때마다 어떤 작업을 할 수있도록 설정하는 hook이다logi

첫 프로젝트에서 상태관리라이브러리를 사용하지 않고 시작한 탓에 거의 모든 페이지에 props 지옥으로 로그인과 유저정보를 넘겨줘야 했다 파이널 프로젝트 전에 props 지옥을 해결할 방안을 공부해보자 > props 지옥은 useContext를 사용해서 해결할 수도

프로젝트를 진행하며 이름을 너무 막 지었다...handle과 on에 대해서 정확한 개념을 몰라서 였다규칙에 대해서 다시 정리해보고 꼭 지켜보자Prop 이름을 정의할 때는 on\* 접두사를 붙인다 ex) onClick이것은 기본 제공되는 이벤트 핸들러 규칙과 같다on 접

var 재선언 O 재할당 O let 재선언 X 재할당 O const 재선언 X 재할당 X const는 재선언과 재할당이 전부 불가능한데 const로 배열이나 객체를 만들었을 때 값 변경이 가능하다 이유는? 값을 변경했을 뿐이지 변수를 재할당한 것이 아니기 때문에 가능

홈페이지에서 알려준 방법대로 설치와 import를 하면 Window is not defined 라는 에러가 뜬다window는 client-side에만 존재하고 Next.js 에서는 SSR을 지원하기 때문에 처음 웹 페이지를 렌더링 할 때 window나 document

[kakao places() 공식문서 ](https://apis.map.kakao.com/web/sample/keywordBasic/)프로젝트 사용시 정리했던 글

설치 store 폴더 Provider로 감싸고 store import state 만들기 사용하기 (useSelector)

localStorage1\. key : value 형태로 저장가능2\. 문자만 저장가능 (최대 5MB)3\. 사이트 재 접속시에도 남아있음 (브라우저 청소시 삭제됨) vs Session 브라우저 끄면 없어짐데이터 저장데이터 출력데이터 삭제데이터 수정array/objec

react 18 새로운 기능batch state 변경 함수들이 여러개 있을 때 마지막에 한번만 재 렌더링이 된다 useTransition , useDeferredValue

CSR VS SSR , Next.js

부트캠프에서 프로젝트 할 때 기능구현은 할 수 있었지만좋은 코드와 나쁜 코드의 기준을 알기 어려웠다.지금도 그 기준에 대해서 공부 중이지만 언제나 리팩토링은 어렵다.원티드에서 하는 프리온보딩 코스를 알게 되었고 평소 고민하고 있던 것을 조금 더 깊이있게 배울 수 있을