계속 개발하고 싶은 고래

Preserving and Resetting State https://react.dev/learn/preserving-and-resetting-state https://react.dev/learn/preserving-and-resetting-state#the-ui-tree https://react.dev/learn/preserving-and-resetting-state#state-is-tied-to-a-position-in-the-tree pitfall 부분 To React, these two counters have the same “address”: the first child of the first child of the root. This is how React matches them up bet..

https://react.dev/learn/managing-state Reacting to input with state 1 https://react.dev/learn/reacting-to-input-with-state https://react.dev/learn/reacting-to-input-with-state#how-declarative-ui-compares-to-imperative https://react.dev/learn/reacting-to-input-with-state#thinking-about-ui-declaratively https://react.dev/learn/reacting-to-input-with-state#step-1-identify-your-components-different-..

챕터 https://react.dev/learn/your-first-component 챕터 https://react.dev/learn/importing-and-exporting-components 포인트1. https://react.dev/learn/importing-and-exporting-components#the-root-component-file These currently live in a root component file, named App.js in this example. In Create React App, your app lives in src/App.js. Depending on your setup, your root component could be in another file, ..

1. state가 바뀔 때 2. props가 바뀔 때 3. 내 부모 컴포넌트가 다시 렌더링 될 때 -> 가끔은 자식 컴포넌트가 리렌더링 될 필요 없는데 억울하게 리렌더링 될 경우가 있다. 그 때 사용하는 것이 'memo'. 대신 state나 props가 바뀌면 잘 리렌더링 된다.

create-react-app으로 프로젝트 셋팅하고 tailwind css 추가하려고 하니까 별 에러가 다 나와서... 다 지우고 공식 문서에 나온대로만 따라했더니 이제야 잘 된다.. 1. 타입스크립트가 적용된 리액트 프로젝트 셋팅하기 나는 create-react-app 을 사용해서 프로젝트를 셋팅할거다. create-react-app 홈페이지에 나와있는 아래의 명령어를 실행한다. npx create-react-app my-app --template typescript 2. tailwind css 설치하고 적용하기 tailwind css 공식 홈페이지에 나온대로 명령어를 실행한다. npm install -D tailwindcss postcss autoprefixer 그 다음 아래 명령어를 실행하면 tai..

결론: create-react-app으로 리액트 프로젝트 만들 때, 프로젝트 이름에 'react' 넣지 말자^^ 리액트 프로젝트 만들 때 많이 사용하는 마법의 명령어 npx create-react-app begin-react 를 쳤는데 아래와 같은 에러가 나왔다. 구글링 해서 아래 명령어들 다 해봤는데 여전히 create-react-app이 안 먹힌다! npm uninstall -g create-react-app npm i create-react-app 이렇게 해서 다시 설치도 해보고 npx clear-npx-cache 이것도 해보고... 그러다 순간 든 생각이 '프로젝트 이름에 react가 들어가서 그런가?' 였다. 그냥 리액트 공부용으로 만들 프로젝트라서 대충 npx create-react-app b..