코린이

·코딩/REACT
본격적으로 프로젝트가 시작되었다. 지금껏 만든 방식 그대로 Button을 한 개 만들어 볼 것이다. 자바스크립트에서는 애플리케이션을 실행하기 위해 한 파일에서 코드를 작성하기에는 너무 불편한 점이 많기에 하나의 파일을 여러개로 쪼개는 것이 가능한데, 그때 사용하는 것이 import와 export이다. export를 붙인 모듈은 파일 외부에서도 import를 통해 사용할 수 있다. 두 파일의 오작교 같은 역할이다. 지금 위의 line5에서도 이 버튼을 외부에서 즉 index.js에서 사용하기 위해 적은 것이다. 비교적 되게 최근에 한 것들이 여러 보인다. Button.js에서 Button을 만들고 Button {text}에 들어갈 형식을 string으로 정해주는 propTypes를 npm i 를 통해 설치..
·코딩/REACT
본격적으로 프로젝트를(클론 코딩) 시작하기 앞서 몇 가지 준비물을 갖추자 1. Create React App을 위해 Nodejs 를 설치해야 한다.(많은 스크립트와 사전 설정을 도와줘 애플리케이션을 만들기 훨씬 쉽고 유용하다. 1-1 Nodejs 홈페이지에 들어가 내게 맞는 버전을 설치 후 cmd를 열어 npm -v를 한다. 설치가 되었다면 현재의 버전이 보일 것이다. 1-2 npx커맨드를 사용할 수 있는지 확인한다. 나의 경우엔 'npx를 사용하기 위해서는 ~을 설치해야합니다. 라고 뜨길래 설치했다. 1-3 npx create-react-app (내가 원하는 프로젝트 명) 나는 my-react-project라고 했다. 막 이것저것 만들고 우당탕탕 한다. 기다리면 다 만들어졌다는 문구가 뜬다. 생성된 M..