인텔리제이로 리액트 시작하기
1.새 프로젝트 생성
당연한 말이지만 Node.js 가 먼저 깔려있어야 된다. Next 누르고 파일 경로와 프로젝트 이름 만든 다음 Finsh 하면 프로젝트가 생성된다.나는 패키지 관리자는 yarn을 쓸 거다.https://blog.naver.com/alsrb9434/2222277
2.리액트 실행흐름
복습할 겸 다시 적어본다.package.json : 리액트 설정파일여기서 index.js를 실행index.js가 순차적으로 실행되면서 render라는 함수를 실행render는 APP을 document.getElementById('root') 여기에다 실행하는데, r
3.리액트 개발환경셋팅
Prettier 는 자동으로 코드의 스타일을 관리해주는 도구다.이제 저장하면 코드가 예쁘게 정렬된 채로 나오게 될 것이다. 기본 포맷을 Custom 하고 싶으면 최상위 폴더(루트 폴더) 위치에 .prettierrc 파일 생성ESLint 는 자바스크립트의 문법을 확인해주
4.React와 Node.js의 관계
Back-end (java + springboot) + Front-end (react) 쪽을 공부하면서, Node.js란 내게 단순히 React를 사용하게 하는 중간 매개체의 역할로 밖에 인식되지 않았다. 오늘은 이 Node.js란 놈이 무엇인지 살짝 발을 담글 정도로
5.React란?
HTML parser가 HTML을 바탕으로 DOM tree를 그린다.CSS parser가 CSS를 바탕으로 CSSOM을 그린다.DOM에 CSSOM을 적용하여 Render Tree를 그린다.Render Tree를 바탕으로 Painting 하여 실제 화면에 렌더링 한다.\