오늘 뭐했나요?

아뢰옵기 황송하게도 오늘 뭘 했다고 할 만큼 열심히 한 게 없읍니다...이러면 안되는데...
어제 막 시작했던 포트폴리오 프로젝트에 Main, Contacts, Projects, About 등의 페이지를 아주아주 간단히 만들고, Nav 컴포넌트 정도만 만들었습니다. 아무래도 무얼 만들지 구상이 되어있지 않은 상태에서 어거지로 만드려 하니 뭘 하든 이게 맞나 싶고 갈팡질팡 하는 중입니다.

1분코딩에서 배운 반응형의 아주 기본적인 부분만 간단하게 적용해두었습니다. 테일윈드도 처음인데 반응형도 처음이라 많은 어려움을 겪고 있습니다
그리고...

정말 단순한 스타일만 적용했는데도 클래스 네임들이 엄청나게 길어졌습니다! 스타일드 컴포넌트 쓸 때는 스타일 파일에 구구절절하게 작성해두면 컴포넌트 파일에서는 아주 깔끔하게 보이도록 할 수 있었는데... 물론 컴포넌트 네이밍때문에 머리 터질 것 같았지만...
아무래도 강의를 들으면서 해야하지 않을까 하는 생각도 조금 드네요. 트랜지션도 어떻게 적용하는지 모르겠고... 중복되는 코드도 엄청 많은 것 같은데 이런 문제들을 어떻게 해결할 수 있을지 궁금합니다.

남은 의문점

• 테일윈드 css에서 트랜지션 활용하는 법
• 테일윈드 css에서 동일한 성격의 태그들(Nav로 치자면 NavItem같은...)마다 일일히 스타일을 인라인으로 작성해줘야 하는지, 이걸 줄일 방법은 없는지
• 테일윈드 css랑 framer-motion같은 애니메이션 라이브러리를 같이 쓸 수 있는지
• 키보드 반응이 현저하게 느려졌고 자꾸 키가 씹혀서 오타가 자주 나는데 원인이 대체 뭔지 (이거 굉장히 열받음)

느낀 점 있나요

타입스크립트도 배워야하고 테일윈드도 배워야하고 리덕스툴킷도 쓰는 법 다시 찾아봐야하고 배울 것 천지에요!!!!!와우!!!!!
계속 포트폴리오를 찾아보고는 있는데, 소감은 대충 이렇습니다

• 다들 뭔가 애니메이션이 엄청 화려하다
• 별다른 기능보다는 시각 효과에 집중한 케이스가 많은 것 같다
• 그냥 원페이지로 간단하게 구현한 사람들도 적지는 않다
• 공통점은 내용이 풍부하다는 것...(적어도 나보다는)
• 지금 당장 사이드 프로젝트를 한 5개정도 해야 내용의 풍부함을 따라잡을 수 있지 않을까?
• 쓸 내용이 없다면 다른 어떤 부분에서 충당할 수 있을까?