[TIL] 2022-05-04

malgam·2022년 5월 4일
0

TIL

목록 보기
2/21

프리온보딩 2일차


github

github organization

  • 깃허브 단체 계정
  • 단체 계정을 생성하여 단체에 속한 저장소를 만들 수 있고, 단체에 속한 멤버들을 관리할 수 있다.

참고


github branch

  • 여러 개발자들이 협업할 때, 동시에 다양한 작업을 할 수 있게 만들어주는 기능
  • 브랜치(branch)를 통해 하나의 프로젝트를 여러 갈래로 나누어서 관리할 수 있다.
  • 각각 독립된 branch에서 마음대로 소스코드를 변경하여 작업한 후 원래 버전과 비교하여 또 하나의 새로운 버전을 만들어 낼 수 있다.
git branch (브랜치명) 
// 브랜치 생성
git push --set-upstream origin (브랜치명)
// 원격 레포지토리에 리모트 레포지토리 push

  • write_jijeong 이라는 신규 브랜치가 만들어졌다.

참고


VSCODE

VSCODE live share

  • 실시간으로 다른 사람과 같은 문서에서 작업하며 협업할 수 있는 vscode의 확장 프로그램

참고


team project 관련

린터 이용하기

  • 린터 또는 린터는 프로그래밍 오류, 버그, 스타일 오류 및 의심스러운 구조에 플래그를 지정하는데 사용하는 정적 코드 분석도구이다.

문제 발생

문제 해결

  • eslintrc.json 파일에서 "react/prop-types": "off",를 추가했다.
    • props의 유효성 체크 해제

+ 추가

function func(props) {
  return (
    <div className={styles.optionButton}>
      <button type="button" name={props.name}>
        {props.svg}
      </button>
    </div>
  );
}
// ERROR : Must use destructuring props assignment
  • props으로 바로 받아서 props.name처럼 하지말고,
function func({ name, svg }) {
  return (
    <div className={styles.optionButton}>
      <button type="button" name={name}>
        {svg}
      </button>
    </div>
  );
}
  • 위와 같이 분리(?)하여 진행해야 한다.

참고


svg

  • svg 파일은 fill='currentColor'을 이용해 현재 색상을 바꿔줄 수 있다.
    • 만약fill='특정색상'으로 되어있다면 색이 고정되어 변하지 않는다.

scss

  • 이 부분은 계속해서 공부를 해야 할 부분...

오늘 하루 후기

리액트를 너어어어어무 조금 공부한 상태에서 프로젝트를 진행하려고 하니 조금 힘들었다..😥
내가 알고 있던 리액트는 거의 무슨 새발의 피도 아니고 분자 수준이었다. 암쿠라잉...
팀에서 제발 1인분 역할을 할 수 있도록 노력하자아자아자

profile
전 척척학사지만 말하는 감자에요

0개의 댓글