대부분이 모르는 Next에서 SSG가 작동하는 방식 | 리팩토링을 통해 서비스 최적화하기 2편
많이들 이용하는 Static Site Generation은 사실 HTML이 아니라 다른걸 미리 생성합니다... SSG의 정확한 작동 방식에 대해 살펴보고, SSG을 이용해 로딩 속도를 개선한 경험을 말씀 드리고자 합니다.
CSS 속성을 통해 뚝뚝 끊기는 애니메이션 개선 | 리팩토링을 통해 서비스 최적화하기 1편
리팩토링을 통해 서비스 최적화하기 시리즈 1탄 - CSS 속성 하나의 변경만으로 툭툭 끊기던 애니메이션이 성시경 목소리보다 부드러운 애니메이션으로?!?!?!
리액트에서의 Single Source of Truth, 근데 React-Query를 곁들인
Single Source of Truth.. 혹시 들어보셨나요?
FLUX패턴을 공부하고, Redux-Toolkit의 사용법까지 익혀보자
Redux-Toolkit, 생각보다 어렵지 않습니다. 한번 읽고나면 이해가 될 수도 있으니 한번쯤 읽어보시는 것도 나쁘지 않습니다.
함수 표현식 !== 함수 선언식
자바스크립트에는 함수를 선언하는 방식이 여러가지가 있는데, 오늘은 대표적인 두가지와 호이스팅이 발생하는 상황에서 두가지의 차이점에 대해 간단히 알아보려 한다. 함수를 만드는 가장 대표적인 방법이자, 다른 언어들과 가장 유사한 방법이다. 나도 처음에 다른 언어를 쓰다가
자바스크립트 데이터 타입과 변수에 값이 할당되는 방식에 대한 고찰
자바스크립트의 데이터 타입은 크게 두가지로 볼 수 있다.컴퓨터는 모든 데이터를 0/1로 기억을 하는데, 이렇게 0/1을 표현하는 메모리 조각을 비트(bit) 라고 부른다. 각 비트는 고유한 식별자를 통해서 위치를 확인할 수 있는데, 고작 0/1밖에 표현을 못하는 비트를
리액트 생명주기에 대한 깊은 관찰 (Life Cycle, Hook Flow)
리액트 LifeCycle 또는 Hook Flow가 뭔지 모르신다면 읽어보시는 것도 나쁘지 않습니다.
넘블 싸이월드 챌린지 후기
요즘 인스타에 광고가 자주 올라오던 넘블... 뭔가 싶어서 들어가봤는데 디자이너나 개발자들이 사이드 프로젝트를 할 수 있도록 하는 그런 서비스인 것 같다. 막 챌린지같은게 자주 열리는데, 참가비를 내고 참가를 하면 넘블에서 피그마 링크를 주면서 디자이너랑 협업하는 것처