개요 Next.js 13 버전 app router 릴리즈 이후 이후 이전 page router를 썼을때보다 편의사항들이 많아졌다. 더 이상 React Router를 쓰지 않아도 되고, 간편하게 레이아웃, 로딩, 에러 페이지, 404 페이지 처리가 가능하다. 이외에도 서버 컴포넌트 등장 이후 app 디렉토리 내 파일은 기본적으로 서버 컴포넌트로 동작된다. 물론 어디까지나 프레임워크이기에 자유도는 조금 제한되지만 한번 써보면 굉장히 매력적으로 다가올 것이다. 변경사항 라우팅 기존 page 방식 라우팅은 page 중심이었다. 하지만 app 라우팅은 파일 시스템 기반 라우팅이다. Next.js 12 이하: /pages/a/b.tsx Ehsms /pages/a/b/index.tsx는 모두 동일한 주소로 변환된다...

개요 리액트 관련돼서 서칭 하다 보면 한 번쯤 방문해 봤을 법한 블로그를 운영하시는 yceffort(김용찬)님께서 책을 내셨다. 글들이 좋아서 자주 들렀었는데, 책을 내셨다고해서 구매해 봤다. 책을 읽고 느꼈던 점은 React에 정말 Deep Dive 할 수 있다는 것과, 친절한 사수를 옆에 둔 느낌이었다. 대상 독자 사람에 따라 편차가 있겠지만, 자바스크립트와 리액트를 어느 정도 다루지 못한다면 책 내용이 다소 난해할 수 있다. 자바스크립트의 코어한 내용들을 이해하고 있어야 하고, 리액트도 다뤄봤어야 이해가 가는 부분들이 많다. 책 난이도는 입문서보다는 리액트 내지는 프론트엔드 개발자를 위한 중급서 정도로 생각된다. 후기 일단 목차 구성부터 굉장히 세심했다. 리액트에 코어하게 작용되는 자바스크립트 문법..

Props Props란 Properties의 줄임말로, 리액트에서는 속성을 나타내는 데이터로 사용됩니다. props는 상위 컴포넌트에서 하위 컴포넌트의 단방향 데이터 흐름을 갖습니다. props는 하위 컴포넌트에서 값을 직접적으로 수정할 수 없습니다. 즉, props는 👉 컴포넌트가 부모 컴포넌트로부터 받아온 데이터입니다. State State란 일반적으로 컴포넌트의 내부에서 변경 가능한 데이터를 관리해야할 때에 사용됩니다. 컴포넌트에서 동적인 값을 상태(state)라고 부르며, 동적인 데이터를 다룰 때 주로 사용됩니다. 프로퍼티(props)의 특징은 컴포넌트 내부에서 값을 바꿀 수 없다는 것입니다. 하지만 값을 바꿔야 하는 경우도 분명 존재하며, 이럴때 state라는 것을 사용합니다. 값을 저장하거나 ..