Notion Project

오늘 한 일 :
로티 애니메이션을 적용
헤더의 각 nav에 link연결
다크모드

로티 애니메이션 같은 경우는 어제 거의 마무리된 상태라 오늘은 코드에 이상이 없는지만

확인하고 마무리됐다.

Link

이제 Next에서 제공해주는 Link를 이용해서 경로를 통해 이동하는건

익숙한 느낌이 든다.

메인 페이지와 프로젝트까지 연결해주었다.

오늘의 특이점은 연락하기 를 클릭하면 나한테 직접 카톡을 할 수 있게도 만들어봤다.

카카오톡 관리자센터에서 내 채널을 만들어 조금 번거로웠지만 만들고나니 폼은 났다.

오픈채팅 링크를 걸어둘까도 했지만 그거말고 찐 카톡이다.

다크모드

이건 충격이었다.

다크모드를 구글링해서 정말 쉽게 구현했다.

물론 적어놓고 나서 코드를 읽고 해석하는 시간은 가졌지만,

내가 생각했던 것 보다 훨씬 쉽게 가능했다.

다크모드일때 라이트모드일때 각각 상황마다 삼항으로 css도 입혔다.

다크모드가 잘 읽히지 않아 고생했지만,

오히려 해결할때 유용한 문법을 확인해서 좋았다.

className={h-6 w-6 transition-all duration-500 translate-x-0 hover:text-orange-400 ${ theme === "light" ? "opacity-100" : "opacity-0 translate-x-[-20px]" }}

사용감이 훨씬 좋아졌다.

내일 할 일 :
노션 API 받아오기(포스트맨 사용할 예정)
데이터 받아오기