yarn install reduxstate는 application안에서 바뀌는 data를 말한다.redux에는 createStore이라는 function이 있다.redux는 data를 관리하는데 도와주는 역할을 하기 위해 만들어졌다.reducer is a functio

React는 컴포넌트들이다.React는 데이터가 조금이라도 업데이트가 되면 (state나 관련된 props이 변하면) 전체적으로 어플리케이션이 다 re-render가 된다.하지만 React자체의 Virtual DOM을 사용하기 때문에 실제로는 정말 업데이트 돼야 하는

새벽에 잠 안와서 시작하는 타입스크립트 공부 듣고 있는 강의는 요거 👇 Udemy Understanding TypeScript - 2021 Edition https://www.udemy.com/course/understanding-typescript 타입스크립트란

: div, h1-h6, p, form, header, footer, section같은 block item의 경우, 혹은 display: block을 따로 주는 경우margin 의 오른쪽 왼쪽을 auto로 주어서 centering을 할수있다.한가지 주의할 점은 이경우에

debugger 키워드를 멈추고 싶은 곳에 입력한 후, function을 셀프로 불러준다.터미널에 해당 폴더로 간다음 node.inspect 파일명.jscont (혹은 continue, 혹은 c) 를 친다.repl 를 친다.그 후 디버깅 하고 싶은 코드를 치면 된다.예

새로운 for loop (ES2015)go through each character of 'str', one by one. and set the each character equal to 'character'(which is the temporary variable)e

Mobile: 320-480pxtablet: 768-1024pxdesktop: 1024px~화면의 넓이가 0~768일때flex-box로 지정해준 것이 수직으로 일렬로 나열된다.px은 고정값이기때문에 보통 부모 div에 width:80% 이런식으로 반응형으로 사용한다.그

쉽게 정리하고, 한눈에 알아보기 좋다.'state'를 쓸 수 있어서 user input을 처리하기에 좋다.lifecycle eventsJavascript class여야한다.React.Component로 extend 되어야 한다.JSX를 return하는 'render'을

Lifecycle method는 class component에서 옵션으로 쓸 수 있는 function이다.화면에 (혹은 DOM에) 나타나서 -> re-render가 되고 -> 어느 순간에 화면에서 이 component가 사라지는 일련의 과정들을 Lifecycle이라고

Hooks 의 목적은 재사용가능한 코드를 만드는데에 도움을 주는것! Hooks System > useState -> functional component안에서 state를 사용할 수 있는 접근권한을 준다. useEffect -> useState 사용법 여기에서

ref의 특징: single DOM element에 접근할 수 있게 해준다.constructor function안에서 ref를 만든다.그 ref를 instance variable로 선언한다.그 ref를 JSX에 props로 전달해준다.이렇게 접근한 DOM element

understand Map function and use it in React

Javascript에서 fetch를 이용하여 Get request를 보내는 것만 해보다가 오늘은 React에서 API request를 하는 날이다! 두근두근. 과연 리액트에서는 뭐가 어떻게 다를까? 😃 오늘의 목표 : 유저가 검색창에 "자동차" 키워드를 검색했을때