AI 회사 사이트 구현 프로젝트
1.[styled-components] animation에 props를 줄 때 keyframes에 발생한 문제 해결하기
css helper 사용하기
2024년 1월 23일
2.[IntersectionObserver] fade-in 애니메이션 구현 중 이슈 해결하기
구현 중 추가적으로 발생한 이슈 해결하기
2024년 1월 25일
3.[IntersectionObserver] 스크롤 위치에 따라 스타일 분기 구현
기능 구현 및 리팩토링
2024년 2월 6일
4.[에러 해결] ES6 문법을 쓰려다가 발생한 에러 (feat. 문자열 -> spread, tsc 설정)
텍스트 문장에 마침표('.')가 포함되어 있으면 해당 텍스트 라인 밑에 margin을 추가하는 클래스명 조건을 작성하고 있을 때였다.문자열인 text를 spread로 풀어 배열로 만드는 \[...text] 부분에서 위와 같은 에러가 떴다. 최신 문법을 쓰려면 es201
2024년 2월 14일
5.[react-i18next] 스타일 이슈 (React에서 리렌더링이 일어나지 않는 경우를 파악하여 문제 해결)
i18next.language로 현재 언어 가져오기 (feat. 리액트에서 리렌더링이 일어나지 않는 경우)
2024년 2월 23일
6.[반응형] 리팩토링 시도기
ThemeProvider의 theme의 필요성에 대해 알게 된 계기
2024년 2월 27일
7.[AWS] S3에 폰트 파일 올려보기
과정 중에 마주친 이슈 해결하기
2024년 2월 29일
8.[AWS] S3와 CloudFront란? + 클라우드 배포하기
클라우드 배포하기
2024년 3월 3일
9.[font] 폰트 preload하기
첫 렌더링 때 폰트가 움찔(!)하는 현상을 수정해보자
2024년 3월 5일
10.[useSearchParams] 쿼리 스트링을 활용해서 특정 섹션으로 스크롤 이동하기
useSearchParams 활용하기
2024년 3월 5일
11.[font] pxToRem 함수 없이 rem 편하게 쓰기
font-size: 10px ?
2024년 3월 7일
12.Github Actions를 활용한 CI/CD 구축기
클라우드 배포 후 CI/CD 구축하기
2024년 3월 19일