@dev_jaelll
Ctrlk
  • README.md
  • CSS
    • TailwindCSS
    • <a></a> 클릭 영역 설정
    • absolute 요소 중앙정렬
    • SVG를 배경으로 사용하기
    • 텍스트 균등 정렬 👉🏻 text-align
    • absolute 요소가 클릭영역을 방해할때 👉🏻 pointer-events
    • 그라데이션 그리드 배경 구현하기
  • JAVASCRIPT
    • JSON to XLSX
    • JavaScript로 재사용 컴포넌트 만들기
    • 크롬 모바일 브라우저에서 100vh 적용하는 방법
    • ffmpeg를 이용해 포맷 변환하기
    • Proxy 객체 활용하기
    • 두 배열의 겹치는 값 찾기 👉🏻 Set
    • URL 쿼리 파라미터 객체로 변환하기 👉🏻 Object.fromEntries()
    • 무한 스크롤 텍스트 구현하기 👉🏻 requestAnimationFrame
  • REACT
    • MEGATERA
    • DeviceType을 확인하는 함수
    • Wath's new in React 19
  • NEXT JS
    • Documents
    • 외부 이미지 적용하기
    • 폰트 적용하기
    • Not Found Page 만들기
    • viewport에 따라 이미지 반응형 적용하기
    • 텍스트 길이에 따라 fontSize 조절하기
    • 클래스 이름을 동적으로 적용하기
    • fetchData를 병렬로 가져오기
    • 병렬 라우팅(Parallel Routes)
    • 인터셉팅 라우팅(Intercepting Routes)
    • metadata를 동적으로 적용하기
    • NextAuth 카카오 로그인
    • 이미지를 업로드하는 컴포넌트 구현하기
    • Server actions 기능 사용하기
    • Form 컴포넌트 구현하기 (+ shadcn/ui)
    • offsetWidth와 Height를 감지하는 커스텀훅 만들기 👉🏻 useDimensions
    • client side에서 캐시를 효율적으로 관리하는 방법 👉🏻 staleTimes
  • error
    • Next.js
    • TypeScript
    • PostgreSQL
  • DATABASE
    • PostgreSQL
    • Prisma
    • Firebase
  • SETTINGS
    • Prisma
    • Next.js & TailwindCSS & Shadcn UI & Vercel storage
    • Next.js 14 & Langchain & Vercel SDK & ChatGPT API & TailwindCSS
    • Migrating Next.js from Create React App
  • OTHER LIBRARIES
    • GSAP
      • 마우스 이동에 따라 HTML 요소 움직이기 👉🏻 quickTo()
      • 스크롤 애니메이션 효과 구현하기 👉🏻 ScrollTrigger
    • Three.js Basics
    • React Three Fiber
    • React Markdown
    • Framer Motion
  • ALGORITHM
    • 효율성
  • frontend
    • HTML 속성 vs DOM 프로퍼티
    • Provider 패턴
    • Compound 패턴
    • Command 패턴
    • Singleton 패턴
  • typescript
    • Partial 활용하기
    • Readonly
    • Polymorphic 컴포넌트를 사용한 유연한 UI 패턴 만들기
  • react native
    • Android 빌드하기
  • OS
    • Vi / Vim 명령어 정리
  • Git
    • 삭제된 브랜치 복구하기
Powered by GitBook
On this page
  1. OTHER LIBRARIES

GSAP

마우스 이동에 따라 HTML 요소 움직이기 👉🏻 quickTo()스크롤 애니메이션 효과 구현하기 👉🏻 ScrollTrigger
PreviousMigrating Next.js from Create React AppNext마우스 이동에 따라 HTML 요소 움직이기 👉🏻 quickTo()