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

[Task] Client / 환경설정 / react 환경구축

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

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

2022年1月21日 から。

評価

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

説明

client E:1.5h
Issue 타입(하나 이상의 Issue 타입을 선택해주세요)
  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트
상세 내용
  • 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
예상 소요 시간
  • 0.5h
  • 1h
  • 1.5h
  • 2h
  • 2.5h
  • 3h
라벨
  • 예상 소요 시간: E: 1.5h
  • 그룹: client
  • 긴급도: High
主要言語
JavaScript
スター
0
フォーク
0
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

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

codestates/mobees のほかの issue

codestates/mobees の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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