본문 바로가기

전체 글

 (47)
#1 개발환경 세팅 Node.js 다운로드 리액트는 npm이라는 node.js 기반의 패키지 관리 소프트웨어를 통해 다운로드 받을 수 있다. 공식 홈페이지로 들어가면 좌측은 안정화 된 버전(LTS), 우측은 최신 버전인데 안정화된 버전을 다운 받는 것을 추천한다. npm install create-react-app npm은 리액트 개발 환경을 바로 구축할 수 있도록 create-react-app을 제공한다. npm install 명령을 통해 다운로드 받을 수 있다. 이 때 별개로 npx라는 패키지 관리자도 있는데, 이는 실행시킬 때만 다운로드한 후 종료시 삭제한다. 패키지의 버전을 항상 최신으로 유지할 수 있으며 스토리지를 상당히 적게 먹기 때문에 실무에서 사용하는 것을 추천한다. create-react-app 다운로드가 ..
#0 필기
4] React가 없다면? 대단원의 막을 시작해자!! 두둥 그것은 바로바로 컴포넌트를 만드는 것!!야호 배고프다 하하 1. 기본 html public 디렉토리는 npm run start를 했을 때, 파일을 찾는 document root이다. react가 쓰이기 전의 html코드를 짜보자. public폴더에 pure.html이라는 파일을 새로 만들었다. 리액트를 적용하지 않은 기본 html코드와 적용 페이지이다. 조금 더 복잡하게 보이기 위해 시멘틱 태그로 감싸보았다. * 시멘틱 태그 : 기능상의 변화는 없지만, 코드의 구분을 위해 의미록적으로 적는 태그 만약 코드가 천만 줄, 일억 줄이라면 한 눈에 코드가 들어올까? 복잡한 코드를 그대로 보이지 않고, 다른 곳에 숨겨둔 후 메인 페이지를 구성하는 파일에는 이름만 적어주면(사용자 정..

티스토리툴바