자주 사용하거나 좋은
컴포넌트 & 애니메이션 & 웹 표준 을 모아놓는 사이트

• @ 간단한 속성을 변경하여 적용 기능

• @ 복사 기능

• @ 좋아요 기능

• @ 카운트 기능

• @ 해시태그 기능

• @ 페이지 높이에 따른 헤더에 Progresive Bar

• @ 그 외

  • @ 반응형

  • @ 관리자 대시보드

  • @ 관리자 계정을 위한 JWT 로그인

  • @ RTL & Jest & Cypress 테스트 코드 (Unit + E2E)

  • @ 모니터링 후 성능 개선

  • @ AWS EC2 사용

  • @ Github Actions 사용

  • @ d3 & webgl 을 이용한 커스텀 컴포넌트

  • @ transition & framer-motion 을 이용한 커스텀 애니메이션

  • @ Render 호스팅

  • @ PostgreSQL 사용

• Page

  • Home
  • Detail

• Feature

  • Tab

    • Package Guide
    • Code
    • View
    
    

  • Like

  • Copy

  • Count

    • Like
    • Copy
    
    

  • Hash Tag

  • Attribute Value Change & Update

@ Front

1️⃣ 페이지 구성
    => Home
    => Detail

2️⃣ 컴포넌트 구현
    => Layout (Grid, Flex)

3️⃣ 애니메이션 구현
    => Button

4️⃣ 테스트 코드

5️⃣ 복사/좋아요/해시태그

6️⃣ JWT 로그인

7️⃣ 반응형

8️⃣ 성능

@ Back

1️⃣ DB 설계

2️⃣ PostgreSQL DB 연결

3️⃣ AWS EC2

4️⃣ JWT

5️⃣ Render Hosting

6️⃣ Github Actions

React
SCSS
Next.js
Typescript
Redux
Jest
Cypress
d3
Webgl
styled-components
Chakra UI
Bulma

--

DJango
DRF
PostgreSQL
AWS

--

Github
Github Actions
Sentry
Light House
Render