리액트기초 2

[React 복습] 연습용 프로젝트 2 - 메인 페이지 만들기

🎠 프로젝트 완성도 신경 안 쓸 거라고 한 게 불과 몇 분 전이면서 기깔난 메인 페이지가 만들고 싶어졌다. 프로젝트 실행하면 제일 먼저 보이는 게 메인 페이지니까 그래도 만들어두면 더 자주 들여다볼 의지가 생기지 않을까.. 하는 게 내 변명🎠 어떻게 만들지 고민하다가 니코 선생님의 클론 코딩 강의를 들었던 게 떠올라 메뉴바를 만들고 랜덤으로 이미지가 변하게 하기로 했다. 가운데는 내가 좋아하는 팝송 가사를 넣을 예정이다. (뭐 쓸진 안 정함)🎠랜덤이면 useEffect를 써야 하나? 아직 제대로 공부하지 않았으니 새로고침 하면 랜덤 이미지가 나오는 기능까지만 구현했다.1. header 컴포넌트 생성컴포넌트를 더 빨리 생성하기 위해 사용할 수 있는 기능이 있다.Snippets : 반복되는 코드나 패턴..

React 2024.10.10

[React 복습] 연습용 프로젝트 1 - 프로젝트 생성 및 실행

🎠 낮에 커피 먹은 게 아직도 작용을 해서 잠이 안 온다. 침대에 누워서 멀뚱멀뚱 뭐 하지 고민하다가 리액트 복습을 하기로 했다. 2차 프로젝트에서 리액트 네이티브를 써서 리액트를 많이 까먹기도 했고 useState, useEffect 사용법을 제대로 익히고 싶었다.🎠완성도 높은 웹을 만드는 것보다 리액트 사용 방법 공부에 더 초점을 두기로 했다. 그리고 1. 챗 gpt 사용 자제 2. 공식 문서 읽기를 눈앞의 목표로 삼았다.1. 리액트 프로젝트 생성하기npx create-react-app {프로젝트 명}  터미널에 위 명령어를 입력하면 프로젝트가 만들어진다. 난 prac-app이라는 프로젝트를 생성했다. 생성이 완료되고 폴더를 확인하면 이렇게 프로젝트 명으로 새 폴더가 생성된 걸 확인할 수 있다. ..

React 2024.10.10