공부 기록일지📚

▶JS와 다른점: state를 직접적으로 수정하지 않는다. state는 무조건 setState함수를 사용하여 수정한다. e.g.) 기존에 빈배열에 요소를 추가해줄 때, array명.push() 이런식으로 코드를 작성했는데 그렇게 하지 않습니다. 혹은 toDos = []; 이런 식으로 X toDos array를 수정하고 싶다면 수정하는 modifier function을 사용해야 합니다. array에 element를 추가하는 방법 (array를 직접적으로 수정하지 않으면서 setToDos로 array에 element를 추가하는 방법) state는 항상 새로운 거여야 한다. modifier 함수를 사용할 때는 두가지 옵션이 있다. (복습개념) 1. setToDo("hi") // 직접 값을 전달하기 2. set..

JSX에서 JavaScript를 쓸 때에는 {}중괄호 안에 자바스크립트를 써야 한다. component는 단지 jsx를 부르는 function(함수)일 뿐이다. react.js는 state를 변화시킬 때 component를 재실행(refresh)시킨다. -> 모든 코드가 재실행된다. UI의 관점으로 보면, 새로운 데이터가 들어올 때마다 자동으로 새로고침되니 좋은 일이라고 할 수 있다. 하지만 성능적으로 좋다고 할 수 있을까? 처음에만 실행되고 그 이후에는 state가 변경이 있더라도 실행되지 않게 하는 방법을 알아야 한다. 내 컴포넌트 내부의 몇몇 코드는 처음 딱 한번만 실행되고 다시는 실행되지 않도록 하고 싶을 수 있기 때문이다. e.g.) API불러오기 또한, 특정한 코드만 변화했을 때 원하는 코드들..

All ref: https://velog.io/@kwonh/React-CRA-create-react-app-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React] CRA (create-react-app) 시작하기 안녕하세요!오늘부터 React관련 포스팅을 해보겠습니다.이 번 포스팅의 내용인 create-react-app, 이 하 "CRA" 에 대해 알아보겠습니다.개발 툴은 Visual Studio Code를 사용했습니다.React는 UI기능만 제공합 velog.io React를 시작하는 간편한 방법 CRA -react는 UI기능만 제공한다. 따라서 전역 상태관리, 라우팅, 빌드시스템을 개발자가 직접 구축해야 함 -angular와 같은 풀 스택 프레임워크와 대조 -그래서 react..

https://2hyes.tistory.com/91 Github: 깃헙에 프로젝트 올리는 법(윈도우) github에 가입이 되어있는 상태라는 가정 하에 방법을 작성하겠다. 사실 내가 자꾸 명령어를 까먹어서 쓰는 거다..🤦🏻‍♀️ 1. Git(깃)을 설치( https://git-scm.com/downloads ) OS에 맞는 것으로 설치해 2hyes.tistory.com 내 로컬에 있는 파일을 깃허브에 올리고싶은데 어떻게 해야할 지 모르겠어서 찾은 방법 -> 주의 사항이있다면 git으로 push할때 비밀번호가 깃허브 비밀번호가 아닌 깃허브 내에서 발급받는 엑세스 토큰을 사용하는 방법을 써야한다는 것이다. 깃헙에서 2021년 8월 13일부터 비밀번호를 이용한 인증이 제거됐고 git push와 같이 서버와의 ..

Create React App ? -빌드 구성없이 React 앱을 만들 수 있습니다. -많은 스크립트와 사전설정들을 해당 프로그램에서 준비해준다. (예를 들어 개발 서버에 접근한다든가, 자동으로 새로고침을 시켜준다든가, 즉각적으로 어플리케이션 안에 CSS를 포함시켜 준다는가 하는 기능 제공) -내 어플리케이션이 publish할 시점이 되면 create-react-app은 publish하는 명령어를 가지고 있다. 코드를 압축하고 좀 더 빠르게 만들어준다. ▶설치를 위해서 필요한 사전작업 (node.js, npm, npx 설치) node.js 설치 필요( nodejs.org에 가면 Recommended For Most Users ver을 다운 받으면 된다. e.g.14.18.0 LTS) -> 설치가 제대로 ..