프론트엔드 개발자 꿈나무의 일기 1

Kyla Kim·2023년 2월 19일

프엔꿈나무

목록 보기
1/8

👶 개발 환경 걸음마

이 내용은 지극히 초초초초초촟ㅊ초촟ㅊ초보 개발 연습생(?)의 입장에서 쓰여진 기록장이므로, 정보를 얻어가기에는 매우 힘듭니다...

npx create-react-app my-app

으로 React 프로젝트 폴더 생성 후 깃에 푸시해줌(git clone을 해준게 아니라서..)

git init
git add .
git remote add origin [레파지토리 url]
git push -u origin main

어차피 브랜치는 origin 하나만 쓸거라 그냥 origin main으로 햇슴

암튼 이렇게 깃 연결하고 나서..

cd my-app
npm start

해주면 바로 로컬 호스트 (포트 3000)이 브라우저 창에 뙇 하고 뜸

여러번 시도 끝에 필요없는 파일들을 제거하고 대충 어떤 식으로 컴포넌트 만들고 사용하는지 익히기 시작

컴포넌트 만들기

실제 뭐...연습한 걸 보여드리자면 ( 유튜브 보고 했슴 )
캡쳐화면

이런식으로
캡쳐화면
컴포넌트라는 폴더를 따로 만들어서 컴포넌트를 만들어보고.. js 확장명에서는 jsx 문법이 자동완성이 안되길래 걍 jsx로 만들어봤는데 진짜 돼서 혼자 신났던 뽀인뜨

자 이제 시작이야 ...

뭔가 얼마 하지도 않았는데 벌써 굉장히 지쳐버렸다..
패캠 강의 파이널 프로젝트를 완성하고 60점 이상 맞으면 평생소장권을 주는데... 원래 그게 목표였는데 과연 가능할지 ... . . .

자 이제 부끄러우니까 다들 나가주세요

profile
The only way of discovering the limits of the possible is to venture a little way past them into the impossible.

0개의 댓글