Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Front-end To Do List

オープン
  • 何か問題がありますか？
#10 コメント 0 件 リアクション 0 件 担当者 2 名 GitHub で見る

@JaeHyup0504 がすでに取り組んでいます。

2022年1月21日 から。

評価

この issue はまだ評価されていません。

説明

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 페이지 공통
主要言語
JavaScript
スター
0
フォーク
0
30日以内にマージされた PR はありません

環境構築

このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

codestates/mobees のほかの issue

codestates/mobees の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。