🎬 액션 React

웹앱을 만들때 가장 많은 사람들이 사용하는 자바스크립트 기반의 (Facebook에서 만든) 프레임워크Node.js 설치\*\* 최신버전으로 깔아야 버그가 안생긴다고 (코딩애플 React 기초 1강) 하셨는데 최신버전보단 가장 많은 사람들이 쓰는 버전을 다운받는 것을 추

jsx 는 자바스크립트의 확장된 문법html과 비슷한데, property는 HTML과 같은 방식으로 길게 적어주면 됨html 내부에 js 문법을 활용해 {}안에 담기브라우저가 jsx를 이해할 수 있게 반환해주어야 함전체 브라우저의 새로고침 없이도 부분적으로 필요한 부분

props({......}) =>hooksuseSomething()스타일 : 컴포넌트의 CSS 스타일로직 : 컴포넌트에 쓰이는 UI 조직에 필요한 커스텀 로직 ㅣ 커스텀 훅 형태로 작성전역상태 : 현재 UI를 표현하기 위해서, 유저의 액션을 통해 초래된 상태리모트 데이

React의 가장 큰 특징은 SPA ! 그럼 SPA란 무엇일까? "Single Page App" 즉, 리액트는 페이지가 하나 ! 그렇다면, html도 하나 ! 그래서 생기는 여러가지 특징들을 알아보자

속성 : property : props : 부모가 자식에게 전해주는 것. 부모 -> 자식갯수, 제한bind -> this를 컨트롤 할 수 있는 것 (this를 가르키는)hook : 함수형 컴포넌트에서 최상위에서만 사용가능<hook의 종류>useState() ->

useRef

컴포넌트가 셀프클로징이 아닌 , 시작태그와 끝태그가 있다면 children 컴포넌트이다.children으로 쓰는 이유는 > 뭐가 올지 모르고 다양하게 쓰고 싶을때 단순히 props와 props.children을 사용하는 것의 차이는?

https://velog.io/@devjade/React-State-%EB%81%8C%EC%96%B4%EC%98%AC%EB%A6%AC%EA%B8%B0Lifting-State-Uphttps://ko.reactjs.org/docs/lifting-state

Do More, with less. - Design SystemUI 개발의 일반적인 문제 (디자인 시스템)1\. 코드를 디자인에 일치시키는 어려움2\. 소통의 어려움3\. 엄격함과 유연함 사이의 어려움디자인 스세템을 도입하면 무엇이 나아질ㄹ지 궁금, 운영하는 디자인 시

\-> API 공식문서를 읽어야 하는 상황이 생길지도 모른다. 하지만 우리가 앞으로 읽어야 하는 상황이 많아질 것이기 때문에 읽는 연습을 해야한다. 왜 관심사를 분리하기 시작했을까?내가 만든 컴포넌트에 \~~한 조건이 추가되면 어떻게 하지? 이미 한참 만들었는데 \~~

\-> Main.js\-> Pagination.js

Model - data (백엔드)View - UI Controller - 관리하고 있는 상태들, 백엔드에서 받아오는 것, UI 컴포넌트들관심사 분리로 코드의 단순화 및 유지보수의 더 높은 수준의 자유모든 뷰는 컨트롤러를 통해 제어된다action : 내가 무슨 행위를 ,