[23.06.26.] TIL 팀과제시작-뉴스피드만들기

오전 : 발제 줌회의 및 정예반 JavaScript 수업

오후 : 팀회의 후 뉴스피드 틀만들기(Top & Side Bar 맡음)

 

팀회의 내용

뉴스피드 작성할 것 피그마로 와이어프레임 만듬

 

작성과정

유길님 깃허브 메인브랜치에서 포크함

git clone  내 깃허브주소

불러온 폴더를 열고 

terminal에서 yarn add redux react-redux와 yarn add styled-components 입력하여 설치

components폴더 생성후  TopSideBar.jsx 파일생성

rfce로 기본구조 생성

 

리액트에서 아이콘 만들기

https://react-icons.github.io/react-icons/icons?name=fa 원하는 아이콘 선택

yarn add react-icons

import { FaSearch } from "react-icons/fa";

<FaSearch></FaSearch> 태그 이용

 

Top Bar 와 Side Bar 틀만든것 내 깃허브에 push하기

 

git checkout [브랜치명]

git branch 원하는 브랜치로 이동했는지 확인하기

git add . 파일/폴더 모두를 add

git commit -m "커밋메시지" 커밋메시지 작성

git push origin [브랜치명] 원하는 브랜치로 push하기