[한 주에, 한 주제] 배너 생성기 A/S - 3일차

김민석·2021년 11월 19일
0

한 달에, 한 주제

목록 보기
11/19
post-thumbnail

오늘 아침에는 css를 정리했다.

이런 식으로 각 속성들을 분류한 후, 필요한 곳에서 가져다 쓸 수 있게 만들었다.
각 파일들에 정의된게 적어서 조금 오버한 것 같긴하지만,
각 속성이 어디에서와서 무엇을 위해 쓰였는지 한눈에 파악할 수 있다는 장점을 가져갈 수 있었다.


🤯 기존 input



🧹 정리된 Input

완벽하게 만족스럽지 못하다.

css를 기본부터 확실히 바로잡다보면 합성을 하면서 좀~더 간결하게 스타일링을 할 수 있을 것이다.

예를 들어 기본 spacingfont-size 등을 정의한 후
이 조합들을 조합해 나가면서 더 다양한 곳에 대응할 수 있는 체계를 잡을 수 있을 것이다.

조금은 깔끔해지고, 저번처럼 색의 hex 값을 찾아 이리저리 뒤지는 일은 확실히 덜해지긴 했지만, 체계적!이라는 느낌은 들지 않는다.

더 나아가서

아직 시기상조이긴 하지만 이런 식으로 프로젝트를 조금 더 진행하다보면 이전 것을 조금씩 가져오고 다양한 상황에 대응할 수 있게
함수화typescripe를 통한 type 검사를 통해 나만의 라이브러리를 구축하고 npm에 릴리즈 할 수 있지 않을까하는 생각이 든다.

0개의 댓글