[TIL] 프리온보딩 3일차 - 220505

📍 개인 과제

🔍 해야 할 일 : 사전 과제 전체적인 수정

 

1️⃣ classNames.bind()를 이용해 조건부 스타일 주기

지금까진 조건에 따른 className을 어떻게 추가하고 삭제하는지를 몰라 아래 방식으로 하였다.

<div className={`${classes.circle} ${toggle && classes['circle-trans']}`}></div>

 

근데 위 방식은 가독성이 떨어져 별로 좋은 방식이 아니였다.

그래서 classNames.bind()를 변수 cx에 선언하고,

const cx = classNames.bind(styles)

 

아래와 같이 className에 조건부 스타일을 주었더니 훨씬 보기 깔끔한 코드가 되었다.

{클래스명 : state명} : state가 true이면 클래스가 적용되고, false이면 클래스가 적용되지 않는다.

<div className={cx('circle', {'circle-trans' : toggle})} />

---

📍 팀 회의

1️⃣ Git-flow로 브랜치 정하기

우리팀은 main, develop, feature 3개의 branch로 나누어 진행하기로 했고,

feature branch는 feature/각자 담당한 기능으로 이름을 정하기로 하였다.

(내 branch명은 feature/selectedCategory)

 

🔽 Git-flow에 대해 더 알고 싶다면 아래 사이트 참고 !

우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그

 

 

2️⃣ git rule 정하기

- git commit message type

  ex) feat: login 기능 추가

git commit message type

 

- git commit message body : 필수는 아니지만 작성한다면 한글로 !

 

 

3️⃣ todolist 배포 일정

- pr 후 1시간 내에 코드리뷰 받고 수정 후 develop branch에 merge

- 개인 기능 구현 기간 : 일요일 10시까지

- 이후 develop ▶ main branch에 merge 후 배포

---

📍 알 수 없는 에러가 떴던 git fork

fork한 repo를 clone하려고 했는데 알 수 없는 에러가 떴다.

그래서 clone을 하지 않고 아래와 방식으로 하였더니 에러없이 repo를 가져올 수 있었다.

- [FORK한 URL] : 자신의 git repo로 fork한 url을 붙이면 된다.

- branch명 : 생성할 branch명을 작성하면 된다. (난 feature/selectedCategory라고 하였다.)

git init
git remote add origin [FORK한 URL]
git pull origin develop

git branch -m main develop
git branch branch명
git checkout branch명