8일

8일

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

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

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

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

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

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

오늘의 실수!

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

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

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

문제를 해결하기 위한 노력

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

Last updated