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를 통해 표현함