rosie

1. Issue 생성하기 Github 저장소에서 생성한 disney_plus_clone 시작 화면에서 Issues를 선택합니다. New issue 버튼을 눌러서 새로운 이슈를 생성합니다. Title에 "스토리북에 공통 이미지 컴포넌트 추가"라고 작성하고 Assignees에 코드를 작성할 사람을 선택한 후 Submit new issue 버튼을 클릭합니다. 2. branch 생성하기 VS Code 터미널을 실행한 후 아래의 코드를 작성하여 새로운 branch를 생성합니다. git checkout -b feat/4 왼쪽 하단에서 현재 branch가 feat/4인지 확인합니다. 3. 스토리북에 공통 이미지 컴포넌트 추가 coponents 폴더 안에 shared 폴더를 생성한 후 StillImage.stories..

1. Issue 생성하기 Github 저장소에서 생성한 disney_plus_clone 시작 화면에서 Issues를 선택합니다. New issue 버튼을 눌러서 새로운 이슈를 생성합니다. Title에 "스토리북 설정"이라고 작성하고 Assignees에 코드를 작성할 사람을 선택 후 Submit new issue 버튼을 클릭합니다. 2. branch 생성하기 VS Code 터미널을 실행한 후 아래의 코드를 작성하여 새로운 branch를 생성합니다. git checkout -b feat/3 왼쪽 하단에서 현재 branch가 feat/3인지 확인합니다. 3. 스토리북 생성하기 Storybook은 컴포넌트 단위의 UI 개발 환경을 지원하는 도구이며, Storybook을 사용하면 실제 웹 어플리케이션의 환경과 별..

1. Issues 생성하기 Github 저장소에서 생성한 disney_plus_clone 시작 화면에서 Issues를 선택합니다. New issue 버튼을 눌러서 새로운 이슈를 생성합니다. Title에 "라우터 설정"이라고 작성하고 Assignees에 코드를 작성할 사람을 선택한 후 Submit new issue 버튼을 클릭합니다. 2. branch 생성하기 VS Code 터미널을 실행한 후 아래의 코드를 작성하여 새로운 branch를 생성합니다. git checkout -b feat/2 왼쪽 하단에서 현재 branch가 feat/2인지 확인합니다. 3. 라우터 준비하기 라우터란 주소 표시줄에 site.com/a 나 site.com/b와 같은 주소를 입력했을 때 어떤 컴포넌트를 보여줄지 결정하는 역할을 ..

1. Github에서 Issues 생성하기 Github저장소에 생성한 disney_plus_clone 시작 화면에서 Issues를 선택합니다. New issue 버튼을 눌러서 새로운 이슈를 생성합니다. Titl에 "ES Lint&Prettier 설정" 이라고 작성하고 Assignees에 코드를 작성할 사람을 선택 후 Submit new issue 버튼을 클릭합니다. 2. branch 생성하기 VS Code 터미널을 실행한 후 아래의 코드를 작성하여 새로운 branch를 생성합니다. git checkout -b feat/1 // 숫자는 issue의 번호 왼쪽 하단에서 현재 branch가 feat/1인지 확인합니다. 3. ES LINT 설치하기 터미널에 아래 코드를 작성 후 실행합니다. npm i -D es..

1. react로 시작하기 명령 프롬프트 또는 터미널을 실행 후 원하는 위치에 create-react-app을 사용하여 리액트 프로젝트를 생성합니다. create-react-app disney_plus_clone 생성된 폴더를 기준으로 VSCode를 실행합니다. 2. Github 저장소와 연결하기 Github에 로그인 후 왼쪽 상단에 보이는 New를 눌러서 저장소 만들기 화면으로 이동합니다. Repository name(저장소 이름) 에 disney_plus_clone을 입력한 후 Create repository를 누릅니다. 아래의 코드로 Github 저장소와 diseyplusclone 폴더를 연결합니다. git remote add origin //[HTTPS주소 or SSH 주소] 3. 기초 파일 수정..