React

React

[React] Create react app으로 리액트 앱 생성하기

지금까지 노마드코더 니꼬쌤의 강의를 수강하며 해온 실습은 스크립트를 import 해서 진행했었다. 강의 내용 너무너무 좋고 재밌어서 블로그로 복습해야겠다 😊 이제 진짜 프로젝트를 만들어보기 위해 나만의 리액트 애플리케이션을 생성해보자! 📌 Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 추천 버전에서 OS에 맞는 파일을 설치해준다. 시키는대로 따라가면 끝. 설치 다 하고 터미널에 node -v 써봤을 때 버전이 출력되면 정상적으로 설치되어 실행이 가능하다 📌 폴더 생성 애플리케이션을 생성할 폴더에 접근 후 새로운 애플리케이션을 생성해주자. npx create-react-..

React

[React] 리액트 첫 걸음 내딛기

현재 근무하고 있는 회사에서는 솔루션 기반으로 퍼블리싱을 하고 있는데, 전부 바닐라JS로 작업 중이다. 카페24 솔루션 기반의 사이트라 개발단을 건드릴 일이 없었다. 끽해야 애니메이션이나 if.. for 깔짝이는 정도~... 바닐라 JS로 기능 구현은 해왔지만, '진짜 개발자'가 되기 위해 프레임워크 공부가 필요할 것 같아 바로 공부 시작! 📌 React 설치 나중엔 다시 작업환경을 세팅하겠지만, 일단 import 해왔다! React는 UI를 Interactive하게 만들어준다. ReactDOM은 라이브러리, 또는 패키지인데 React Element를 HTML body에 넣을 수 있게 해준다. 📌 요소 추가하는 방법 ReactDOM.render(추가할 요소, 추가할 위치) React Element를 HT..

안댕이
'React' 카테고리의 글 목록