개발 알다가도 모르겠네요

1. 설치 # typescript를 사용하실 분들은(권장) **$ npx create-react-app 서비스이름 **--template typescript** # javascript를 사용하실 분들은 $ npx create-react-app 서비스이름 #eslint: 코드 검사 도구 (안쓰는 변수, 오타 잡아줌) yarn add -D eslint //yarn add eslint --save-dev npx eslint --init //eslint 초기화 설정 #prettier: 코드 정렬도구 yarn add -D prettier eslint-plugin-prettier eslint-config-prettier yarn add eslint-import-resolver-typescript -D tsconfi..

컴포넌트의 생명주기 모든 리액트 컴포넌트에는 수명 주기가 존재함. 컴포넌트의 수명은 페이지에 렌더링 되기 전인 준비과정에서 시작, 페이지에서 사라질 때 끝남. Mount DOM이 생성되고 웹 브라우저상에 나타나는 것 componentDidMount: 컴포넌트가 웹 브라우저상에 나타난 후 호출하는 메서드 Update props가 바뀔 때 state가 바뀔 때 부모 컴포넌트가 리렌더링될 때 this.forceUpdate로 강제로 렌더링 트리거할 때 componentDidUpdate: 컴포넌트의 업데이트 작업이 끝난 후 호출하는 메서드 Unmount 컴포넌트를 DOM에서 제거하는 것 componentWillUnmount: 컴포넌트가 웹 브라우저상에서 사라지기 전에 호출하는 메서드 LifeCycle Method..

1.Component Component에는 클래스형과 함수형있음. 리액트가 레고 라면? 컴포넌트는 블록. 웹 사이트의 조각(컴포넌트)을 모아서 웹사이트에 뿌림. HTML을 한 단어로 줄여서 쓸 수 있는 방법 항상 Component는 대문자로 function Modal(){ ←이름 짓고 return ( ←원하는 HTML담고 ) } return() 내부 묶을때 의미없는 쓰기 싫으면 ←fragment 문법 Component로 만들면 좋은 경우 반복 출현하는 HTML 덩어리들 자주 변경되는 HTML UI들 다른 페이지 만들때도 컴포넌트로 만듦. 2.State&Props props는 사용자가 지정하는 값에 의해 달라지는 컴포넌트의 변수 state는 컴포넌트 내부에서 사용되는 변수 이벤트는 state값을 변경하기위..