Tadadada Coding Blog

Github2023-11 ~ 1명(Frontend-1)

개발 및 프로젝트 내용을 게시하는 블로그

Skills
Next.jsJavascriptTypescriptnodemailerreact-markdownZustandTailwindcssantdHTML5CSS3gitgithubFigma

Main

  • react-type-animation을 사용하여 타이핑 애니메이션 구현
  • 프로젝트 트윈 캐러설을 라이브러리 사용 없이 useState와 css를 이용하여 컴포넌트를 생성하여 구현

About & Contact

  • zod로 form의 유효성을 체크하고 nodemailer를 통해 메일 전송 구축

Posts

  • grid view, list view 상태를 zustand를 사용하여 전역적으로 관리

Post & Project

  • gray-matter로 frontmatter와 content 분리하고 content의 markdown은 react-markdown를 통해 표현함