로니의 개발 이야기

1. React build 프로덕션 모드의 애플리케이션을 만들 때, build 할 때는 터미널 창에 아래와 같이 입력을 하면 되는데, 그 과정을 진행하게 되면, 아래와 같이 build 디렉토리가 생기게 된다. 여기서 index.html을 들어가보면 공백 없이 코드가 나열되어있는 것을 볼 수 있는데, 이는 공백과 같이 불필요하게 용량을 차지하는 것들을 제거해주었기 때문이다.

1. React에서 JS 코딩하는 법 public 폴더에 index.html을 들어가서 하단부에 내려가 보면, div 태그에 id가 'root'로 되어있는 부분이 있는데, 이 부분 안쪽에 react를 통해서 만든 component들을 넣기로 약속되어 있다. 그렇다면, 이 component들은 어떤 폴더를 수정해서 만들어볼 수 있을까? 가장 먼저 진입하게 되는 파일은 index.js 파일이다. index.js 파일에 들어가보면 아래와 같은 코드를 볼 수 있는데, 여기에서 'root'가 앞서 언급했던 index.html 파일의 'root' id 부분에 해당되는 것이다. 따라서 이 부분의 이름을 수정하고 싶다면 index.html과 index.js 파일의 두 부분을 동일하게 수정해주어야 한다. 그리고 이라고 ..

1. React? React는 페이스북에서 만든 UI 라이브러리이다. 2. React의 component 사용을 통해 얻을 수 있는 이점 가독성을 높일 수 있다. 재사용성이 높아 진다. 유지보수가 편리해진다.