8일

8일

설계도 잘 했겠다. 시작하면 금방 하겠지? 하고 생각했다. 아니 이럴 수가 생각보다 구성하지 않은 것들이 많았다. 기본 스타일도 설정하지 않았고, 유틸리티 함수도 없고, 미디어 파일도 가져오지 않았고, 데이터 파일도 만들지 않았다.

→ 프로젝트 들어가는 순서를 정리 하는 것이 좋겠다.

이전의 Scss 버전으로 프로젝트 했을 때와 다른 점이 있다면 믹스인 라이브러리가 없다는 것이다. 작업의 도움을 주는 라리으러리가 없다는 것은 생각보다 불편하다.

→ 라이브러리가 필요하면 만들어서 사용하자 하지만 제작에 시간을 너무 오래 쏟지 말자. → 필요하면 만들어서 쓰는 개발자가 되자! getColor() 함수를 만들어서 사용했다.

스토리북 도전 실패, 개발자에게 필요한 것은 새로운 기술을 신속하게 공부하고 작업에 사용할 수 있는 능력이다. 스토리북에서 어려웠던 점은 설정을 정하는 것이다. 내일(9일) 문서를 읽으면서 다시 사용법에 대해 다시 차근차근 해보자. 순간 이번 프로젝트에서 사용하지 말까... 하고 고민했으나 사용하지 않기엔 너무 편한 도구이다.

→ 새로운 기술을 혼자서 공부해보는 경험을 해보자.

오늘의 실수!

• styled-components 사용시 `` 기호 내부에 함수를 사용할 땐, ${} (인터폴레이션, 보간법)사용하기

• styled-components 사용시 내부에 `` 기호 중첩해서 사용하지 않도록 하기

• styled-components 코드 내부에 border-radius: '4px' 이라고 작성했다. 백틱기호(``) 내부에 이렇게 작성하니 당연히 문법 오류로 적용이 되지 않았다. 하지만 왜 문제인지 알려주지 않고 해당 스타일 속성이 계속 무시되었다.

문제를 해결하기 위한 노력

• 처음엔 무작정 구글에 css 속성이 무시 되는 현상에 대해서 검색을 했다. 하지만 원하는 답은 안나오고 결국 styled-componens 문법을 다시 확인하고서 어느 부분에서 틀렸는지 확인했다. 즉, 공식문서가 답이다.