TIL #28. 프로젝트1 초기설정

ceres·2020년 2월 24일
0

TIL

목록 보기
10/34

(20/2/24)

git 사용법 (정리하기)

  • master branch 만들기
  • branch 만들기
  • push 하기
  • 충돌 생길 때

초기설정하기

폴더 만들고 설정하기

  • 필요없는 파일 삭제 : index.css / app.js / app.css 등

  • css파일 scss

  • 폴더, 파일 만들기
    예) src 폴더> pages 폴더> Login 폴더> Login.js, Login.scss

  • Router.js 에 추가할 내용

import React from "react";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
import Flavor from "Pages/Flavor/Flavor";
import Login from "Pages/Login/Login"; //Login 컴포넌트 추가해주기

class Routes extends React.Component {
  render() {
    return (
      <Router>
        <Switch>
          <Route exact path="/" component={Flavor} />
          <Route exact path="/login" component={Login} />
            // path="/"는 url 주소 뒤에 붙는것
            // 두번째 줄에 다른 사람들은 본인이 만든 컴포넌트 넣어서 commit 할 것
            // merge하면 충돌 일어날 것 그러기 전에 일단 빨리 commit 하자
        </Switch>
      </Router>
    );
  }
}

export default Routes;
  • Login.js 에 추가할 내용
import React, { Component } from "react";

class Login extends Component {
  render() {
    return (
      <div>
        //여기 안에다가 html 작성해주면 됨
        // 무조건 최상위 태그 있어야해!! 여기선 <div>안에 내용 넣어!
      </div>
    );
  }
}

export default Login; 
//Login export 해줘

0개의 댓글