리액트2 [React]컴포넌트 파일 생성하기 데이터 파일, 컴포넌트 생성 파일을 따로 생성해서 아~주 간단한 거 구현해보는 시간!! 컴포넌트 : 갯수가 많거나 변동이 잦은 데이터 조절을 위해서 ..쉽게말하면 축약어 설정해주기 정도로 이해하면 될지 않을까.. props: 부모에서 자식 컴포넌트 사이에 데이터 이동을 위한 것!! 형제요소끼리 안됨. 자식->부모 안됨. 무조건 부모-> 자식만 가능 먼저 소스코드부터 보시죠 //App.js import logo from './logo.svg'; import 'bootstrap/dist/css/bootstrap.min.css'; import { useState } from 'react'; import { Button, Navbar, Container, Nav, Row, Col} from 'react-boot.. 2023. 2. 9. [React]리액트 프로젝트 생성 Web-app 을 만들 때 가장 유용하게 만들 수 있는 라이브러리 1.모바일앱으로 발행이 쉬움 2.앱처럼 뛰어난 UX 3.비즈니스적 강점 하지만 문법이 어려우니 커피를 꼭 마시고 총명한 상태로 공부하자!! 설치방법 1.Node.js 검색 후 최신버전 설치 2. VScode 설치 3. 폴더 만들기 4. VScode 에디터에서 작업폴더 open 5.터미널로 리액트 프로젝트 생성 단계 ㄱㄱ 아래처럼 입력해도 되고 위에 처럼 입력해도된다 상관없음~ (5.ㅊㅓ럼 안해도 되고 VS실행을 한 후, 작업할 디렉토리에서 터미널창에 바로 npx create-react-app blog 쳐도된다. 여기서 blog는 프로젝트 이름이 blog일때임.) 6.npx create-react-app blog 을 터미널에 입력 npx는 .. 2023. 1. 12. 이전 1 다음
