728x90

react 시작하기 2

React App Create 기능 만들기

React App Create 기능 만들기 현재 필자는 생활코딩 React를 보고 학습 내용을 작성하고 있다. 이 글을 쓰기 전까지 React의 Component, Props, Event, State에 대해서 알아보았다. 이번에는 응용 편이라고 할 수 있겠다. React App Create 기능 만들기 먼저 App.js 파일의 App 컴포넌트의 컴포넌트 배치 부분에서 본문이 보여지는 곳 아래에 Create 버튼(a tag)을 만들었다. 그리고 다른 a 태그들과 같이 기본 event는 막도록 하였다. 그리고 Header나 Nav 컴포넌트의 메뉴 리스트를 클릭했을 때 mode state가 변경되었던 것처럼, Create에서도 mode를 변경해 준다. 다른 화면을 띄우기 위해 mode를 변경하는 코드를 추가한..

JS/react 2023.06.21

React.js Start 리액트 시작하기, React App 만들기

React.js Start 리액트 시작하기, React App 만들기 React Project 설치 & 생성하기 React를 시작하기 위해서는 먼저 node.js가 설치되어 있어야 한다. 설치하지 않았다면 node.js 공식홈페이지에서 설치를 먼저 진행해야 한다. nodejs 공식 홈페이지 https://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 학습하는 과정에서 Node 버전은 상관없다. LTS, Current 둘 중 하나 선택해서 Node.js 설치를 진행한다. node.js를 설치했다면 react 프로젝트를 생성한다. React 프로젝트 생성 명령어 npx c..

JS/react 2023.06.18
728x90