728x90 반응형 코딩애플171 코드 길어지면 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. class를 이용한 옛날 React 문법 보호되어 있는 글 입니다. 2024. 5. 15. [리액트] 암기할 것 = state / props / 컴포넌트 / UI State 만드는 방법 useState('보관할 자료') State 만드는 방법 예시)let [a,b] = useState('남자 코트 추천');a = state 에 보관했던 자료, 변수처럼 사용. {a}b = state 변경 함수. - 함수기 때문에 소괄호랑 같이 사용 . 어레이로 [ 남자코트추천, 함수 ] 이렇게 남음 let [글제목, set글제목] = useState([ "남자코트 추천", "강남 우동맛집", "파이썬 독학", ]);State 변경하는 방법= state 변경함수 사용= state변경함수(새로운state)let [ 따봉, 따봉변경 ] = useState(0);지금 state 에 0이 담긴 상태state를 변경하려면따봉변경(1) 이렇게 1로 변경해줄 수 있다. .. 2024. 5. 15. input 다루기 2 : 블로그 글 발행 기능 만들기 보호되어 있는 글 입니다. 2024. 5. 13. input 1 : 사용자가 입력한 글 다루기 보호되어 있는 글 입니다. 2024. 5. 13. props를 응용한 상세 페이지 만들기 보호되어 있는 글 입니다. 2024. 5. 12. map : 많은 div들을 반복문으로 줄이고 싶은 충동이 들 때 보호되어 있는 글 입니다. 2024. 5. 9. 이전 1 ··· 3 4 5 6 7 8 9 ··· 19 다음 728x90 반응형