[POBTIL] 2일차

오늘 한 일

• 신입면접질문 1개

• 딥다이브 day2

• 당일 할 일 계획

• 10시 팀과제 회의(작업분배,컨벤션 설정(git,디렉토리, 코드) 등)
  https://dribbble.com/shots/14100356-ToDo-App-UI
  

• 독서 20분 나는LINE개발자입니다

• 팀과제진행

• TIL마무리

공부했던 내용

• 오전개인공부

  +브라우저는어떻게동작하는가

https://velog.io/@wkqkel/1.-브라우저의-렌더링원리

• 팀과제

• 깃브랜치

  https://andongbaksu.tistory.com/6 // 생성참고
  yarn global add create-react-app // pull받은 것으로, 리액트 실행 // -g 안됨

• VSCode 확장기능 셋팅

  ESLint //JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구
  Prettier // Code Formatter이다. 개발자들에게 일관적인 코딩 스타일을 유지할 수 있게 도와주는 툴
  stylelint // css 코드를 분석하는 도구이다
  TODO highlight
  https://still-growing.tistory.com/entry/PostCSS-vs-Scss

• 스타일린트 적용

  먼저 적용 후 팀원들에게 공유함!
  https://chinsun9.github.io/2021/01/05/css-%EC%84%A0%EC%96%B8-%EC%88%9C%EC%84%9C-%EC%A0%95%EB%A0%AC%ED%95%98%EA%B8%B0-prettier-plugin-style-order/

• 리코일,scss 사용이유(장단점) => 사용법

https://velog.io/@wkqkel/리코일-쓰기

https://velog.io/@wkqkel/sass-조각모음집

https://recoiljs.org/ko/

• 시맨틱 커밋 메시지

https://doublesprogramming.tistory.com/256

회고

(오른쪽 작업중)

이전처럼 변수명도 맘대로 짓고, div 엄청 쓰고, styled components로 했으면 더 빨리했겠지만,
처음 사용하게될 리코일,scss 어떻게 쓰는지, 또 왜 사용하는지 찾아보고.
강사님이 짜주신 템플릿 코드를 보며, 이게 무슨 코든가 살펴보고 따라해보려고 하니까 속도가 진짜 엄~청 느리다.

이번 POB 목표는 속도보단 방향!

오늘 해결한 문제

• svg 색상 변경 안되는 문제

  
  svg 태그 끝쪽에 fill로 값이 들어가있어서 css의 color가 적용이 안됨
  fill='currentColor'로 바꿔주니 해결

앞으로 하고싶은 일

내일할일

• 팀과제
  +아톰에 add함수 따로? // 분리? 너무 분리?
  +창닫기모션
  +미입력시알림창
  +카테고리입력받기추가+객체에추가
  +로컬스토리지관리
  +추가된거에도 색표시
• 개인과제
  +셋팅 및 리팩토링 시작_ 강의 한번 더듣기

## 개인적인 잡담

## 강의내용

## 흥미로운 글

---