Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Front-end To Do List

Aperta
#10 0 commenti 0 reazioni 2 assegnatari Vedi su GitHub

@JaeHyup0504 ci sta già lavorando.

Dal 21/1/2022.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

client

개발환경

  • VScode 설치 - Prettier: 코드 자동 정렬 도구, ESLint: 자바스크립트 문법 유효성 검사 도구
  • node.js : Jabascript 런타임. Babel, Webpack 등의 모듈을 가지고 있음
  • npm : Node Package Manager. Node.js의 패키지를 관리
  • React 개발환경 구축 : npx create-react-app : create-react-app으로 프로젝트를 생성하면 Babel이나 Webpack 등이 자동으로 설정 됨.
  • Debugger 설정 : VScode의 디버그 환경 설정을 진행하여, Chrome을 기본 구성으로 추가
  • 라우터 설정 : npm i react-router react-router-dom
  • axios 설치 : cmd에서 파일경로를 리액트 프로젝트에 맞춘후 npm i axios , 설치 완료 후 HTTP request가 필요한 컴포넌트에 import axios from 'axios'; 적기.
  • 스타일컴포넌트 : npm i styled-components

구현

1. App Page
  • App.js Page 컴포넌트 영역 잡기
  • App.js Page에 들어가는 컴포넌트 작성
    • Header.js Component : 버튼 링크 연결, 드롭다운 메뉴 작성
    • Footer.js Component :
  • App.js Page 완성
2. Main Page
  • Main.js Page 컴포넌트 영역 잡기
  • Main.js Page에 들어가는 컴포넌트 작성
    • Genre.js Component
    • MovieList.js Component
    • Loading.js Component
  • Main.js Page 완성
3. MainMovieDetail Page

  • MainMovieDetail.js Page 컴포넌트 영역 잡기

  • MainMovieDetail.js Page에 들어가는 컴포넌트 작성

    • MovieDetail.js Componenet (조건: 내가작성, 다른사람작성)
    • Comments.js Componenet

  • MainMovieDetail.js Page 완성

  • MyMovieDetail Page 컴포넌트 영역 잡기

  • MyMovieDetail.js Page에 들어가는 컴포넌트 작성

    • Profile.js Component 작성

  • MyMovieDetail.js Page 완성

4. MyPage Page

  • MyMovie.js Page 컴포넌트 영역 잡기

  • MyMovie.js Page 완성

  • MyPage Page 컴포넌트 영역 잡기

  • MyPage.js Page에 들어가는 컴포넌트 작성

    • MyPage Component 작성

  • MyPage.js Page 완성

5. SignUp Page
  • SignUp.js Page 컴포넌트 영역 잡기
  • SignUp.js Page에 들어가는 컴포넌트 작성
    • SignUp.js Component 작성
  • SignUp.js Page 완성
6. Posting Page
  • Posting Page 컴포넌트 영역 잡기
  • Posting Page에 들어가는 컴포넌트 작성
    • Posting Component 작성
  • Posting Page 완성
7. Login Page
  • Login Page 컴포넌트 영역 잡기
  • Login Page에 들어가는 컴포넌트 작성
    • Login Component 작성
  • Login Page 완성
8. CSS
  • css 페이지 공통
Lingua principale
JavaScript
Stelle
0
Fork
0
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di codestates/mobees

Tutte le issue di codestates/mobees

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.