React Lesson

NodeJS

(1) ESLint (문법 검사)ES : ECMAScript의 약자자바스크립트 문법 검사(2) Prettier (문자 포멧)(3) Reactjs Code Snippets (단축키 생성)npm

React

리액트는 상태변화를 감지하는 엔진이다. 리액트는 컴포넌트를 쪼개서 사용할 수 있음 > style component 이름 규칙 style component의 이름 규칙은 따로 없음 그러므로 스스로 규칙을 정해서 사용하는게 좋음 철자 두개만 치면 내가 사용할 코드가 자

State 관리

Bottom.js에서 버튼을 누르면 Top의 number가 1씩 증가하게 하기 위해서 App.js에서 Bottom에다가 함수 형태의 increase를 넘겨 주는게 코드가 깔끔함button이 잘 작동함훨씬 편리한 자바스크립트의 문법components에 SubTop.js,

"key" : "value"

전개연산자

쿠키, 토큰

JWT, C.I.A

RAS, HMAC

헤더 값을 받기 위해서 이렇게 적어주고, 제이슨 값이 아닌 텍스트 값을 받으므로 return은 res.text()로 함 통신 유무 확인 주소값이 없어서 에러가 남 ![](https://images.velog.io/images/ruinak_4127/post/ba3a1

노드 설치 이유 >+ 자바스크립트를 런타임하기 위해서! VS 설치 이유 >+ tool이 필요하므로! let과 var 차이 >+ scope가 다름 ( 탐색 범위 ) then then 문법 >+ 로그인 버튼을 클릭하면 fetch가 실행되는데 IO가 발생함 IO가 실

변수 선언이 아닌 setFoods 안에서 바로 선언...foods0을 선언한 것은 id 1번 데이터를 지정하기 위함전체 배열을 흩뿌리고, 흩뿌린 1번 값 위에 name: Tomato를 흩뿌림...foods0을 빼고 하면 모든 name이 Tomato로 바뀌게 됨결과를 보

Movie.js에서 CSS를 사용하지 않고 styled-components를 이용해서 디자인하기App.js에서 styled-components를 추가해서 GirdBox를 작성하고 코드 수정화면 출력 결과 확인react-router-dom을 설치설치하고나서 부터 컴파일

1. 테이블 생성