안녕하세요, 오랜만에 포스트를 올리게 되었습니다. 이번 포스트를 통해 웹 페이지를 개발하며 이미지 최적화를 공부하면서 알게된 내용을 다른 분들…

이번 포스트에서는 웹과 모바일 애플리케이션에서 널리 사용되는 토큰 기반 인증 방식에 대해 자세히 알아보려합니다. 특히 액세스 토큰(access…

여러분들은 구독하고 있는 뉴스레터가 있으신가요? 뉴스레터는 구독하게 되면 정기적으로 해당 메일에 글을 보내주는 서비스를 의미합니다. 최신 기술…

여러분들은 여행을 가실 때 에어비앤비를 사용해본 적이 있으신가요? 저는 저렴한 가격에 숙소를 구하기 위해서 여행할 때 종종 사용하는 서비스입니…

CSS 작성방법은 다양합니다. 전통적인 CSS, 기존의 CSS를 해결하기 위한 CSS-in-JS, Utility-First 등 더 편리하고 강…

우리 회사는 랜딩 페이지를 만들고 배포하며 HTTP 캐시를 적극적으로 이용하고 있습니다. 캐시를 적절하게 이용한다면 웹 서비스와 관련된 데이터…

전에 포스팅한 쿠키 vs 세션 vs 토큰의 이론을 테스트하고자 JWT를 활용한 인증, 인가 부분을 실습해보겠습니다.😁 🤔 JWT(Json We…

이번에는 개발자라면 많이 들어본 쿠키와 세션 그리고 토큰에 대하여 포스팅해보고자 합니다. 자주 등장하는 애들이지만 잘 알지 못하였기에 이번 기…

요즘 프론트엔드 개발자에게 거의 필수적이라고 할 수가 있는 Next.js에 대하여 오픈소스 코드들을 분석해보면서 어떤 식으로 구현되어 있는지 …

짧은 시간 동안 집중하여 코딩 공부를 하고자 원티드에서 주최한 프리온보딩 프론트엔드 챌린지를 참가하게 되었습니다. 이번에는 프리온보딩 사전과제…

이번에는 docker-compose를 사용하여 다중 컨테이너 앱 만들기 포스팅을 가지고 왔습니다. 간략하게 예시를 보여드리도록 하겠습니다. 😁…

저번 포스팅에 테스트 코드란 무엇인가? 을 포스팅하였습니다. 그렇다면 이런 질문이 나올 수 있는데요. “테스트 코드는 뭔지 알겠는데 어떻게 하…

JavaScript, React 등의 테스트 코드를 작성할 때 사용하는 Jest 프레임워크가 어떤 것인지 알아보고 사용법을 알아보자. Jest…

개발자라면 꼭 알아야 하는 테스트 코드!! 라는 말을 많이 들어보셨을 텐데요. 저 또한 이야기는 많이 들었지만, 정확히 왜 작성해야 하고 각 …

리액트 성능 최적화를 측정할 때 사용했던 도구를 한번 소개해보려고 합니다. 간단하게 라이트하우스란 어떤 것인지 라이트하우스에서 나오는 지표들은…

제가 만든 결혼 청첩장을 활용해서 그대로 쓰고 싶어 하거나 활용하여 나만의 청첩장을 만들고 싶은 분들이 계실 텐데요! 이런 분들에게 도움을 드…

나는 기술 블로그를 이것저것 많이 만들어보았다. Tistory, velog 등 많은 기술 블로그들을 경험해보았는데 항상 개발자라면 나만의 블로…