본문 바로가기
728x90
반응형

> 코딩애플 (부분공개)/React 리액트 기초부터 쇼핑몰 프로젝트까지!46

저번 시간 숙제 해설 (Card 컴포넌트 만들기) 보호되어 있는 글 입니다. 2024. 5. 17.
코드 길어지면 import export 하면 됩니다 보호되어 있는 글 입니다. 2024. 5. 17.
이미지 넣는 법 & public 폴더 이용하기 보호되어 있는 글 입니다. 2024. 5. 17.
새로운 프로젝트 생성 & Bootstrap 사용하기 오늘부터 쇼핑몰 프로젝트를 새로 만들어봅시다.그래서 새로운 리액트 프로젝트 생성부터 하면 되는데 CSS짜기 귀찮으니 react-bootstrap 라이브러리를 설치해서 레이아웃을 좀 쉽게 복사붙여넣기 식으로 만들어봅시다.   새로운 프로젝트 생성은 ▲ 1. 작업폴더에 shift + 우클릭해서 powershell/터미널 열고   2. 터미널에 리액트 프로젝트 생성 명령어 입력합니다.npx create-react-app shop그럼 shop이라는 프로젝트가 하나 하위폴더로 생성됩니다.  3. shop이라는 폴더를 VScode 에디터로 오픈한 뒤에 코드짭시다.4. App.js에 필요없는 html들은 지우고 div 하나만 남겨두고 시작합시다.import logo from "./logo.svg";import "./.. 2024. 5. 16.
만든 리액트 사이트 build & Github Pages로 배포해보기 보호되어 있는 글 입니다. 2024. 5. 15.
class를 이용한 옛날 React 문법 보호되어 있는 글 입니다. 2024. 5. 15.
input 다루기 2 : 블로그 글 발행 기능 만들기 보호되어 있는 글 입니다. 2024. 5. 13.
input 1 : 사용자가 입력한 글 다루기 보호되어 있는 글 입니다. 2024. 5. 13.
props를 응용한 상세 페이지 만들기 보호되어 있는 글 입니다. 2024. 5. 12.
728x90
반응형