![logo](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.84cd0388.png&w=3840&q=75)
- Javascript
자바스크립트로 무한 스크롤 구현하기: Intersection Observer API
다음 화면으로 넘어가지 않아도 끊김 없이 계속해서 컨텐츠를 조회할 수 있는 무한 스크롤 기능. 이 기능을 통하여 사용자들에게 보다 뛰어난 사용자 경험을 제공할 수 있고, 웹사이트에 체류하는 시간을 증가시킬 수 있다. 웹에서는 이러한 기능을 효율적으로 작업할 수 있게 API를 제공하는데, 그것이 바로 Intersection Observer API이다.
2024년 3월 26일 - Next.js 14
Next.js 14를 활용한 블로그 제작 후기
이전에 정적 웹사이트 생성기 중에 하나인 Gatsby를 활용하여 개인 블로그를 제작한 적이 있었다. 그런데 오랜만에 글을 작성하려고 들어갔는데, 디자인도 그렇고 코드도 그렇고 수정하고 싶은 부분들이 너무 많이 보여서 전체적으로 갈아엎고 싶은 충동이 들었다. 그래서 구글에 개인 블로그 제작 관련해서 검색해 봤더니, 여러 가지 템플릿들이 많이 보였다.
2024년 3월 15일 - 회고
2024년 2월 회고
1월이 지나고 벌써 2월도 끝나버렸다. 2월 초에는 몸이 갑자기 아픈 바람에 1주일 정도 쉬었다. 설날도 껴있는 바람에 고향인 부산에 내려가서 책 조금 읽으면서 푹 쉬었다. 지난 1월 회고를 진행하면서 만다라트 계획표 제작 웹사이트를 만들어볼까 ? 생각을 했었는데, 생각한 김에 만들어 보았다. 당시에 만다라트 계획표를 만들 수 있는 사이트를 몇 개 발견하긴 했었는데, 디자인과 기능이 마음에 드는 것들이 없었다. 여기 회고에서 간략하게 제작 과정을 정리해 보고자 한다.
2024년 2월 29일 - 독서
함께 자라기
“그가 말하는 1만 시간 법칙에서 1만 시간은 ‘자신의 기량을 향상시킬 목적으로 반복적으로 하는 수련을’ 한 시간을 일컫습니다. 그런 수련을 그는 의도적 수련(deliberate practice)이라고 합니다.” 책의 내용에 따르면, “의도적 수련”을 하기 위해서 애자일 철학을 활용하면 된다고 한다. 일반적인 프로젝트에서는 피드백의 주기가 느리다. 반면에 애자일 프로젝트에서는 피드백의 주기가 짧다. 이로 인해 빠른 시간 안에 내가 했던 행동을 개선하거나 실수를 교정할 수가 있다.
2023년 12월 4일 - Typescript
Canvas 공 충돌 시뮬레이션 프로젝트 정리글
이 프로젝트는 Canvas 내에서 여러 개의 공들이 움직이고 서로 충돌하는 시뮬레이션을 구현한 것이다. 각 공은 최초 랜덤한 속도와 방향으로 움직이며, 화면 경계와 다른 공에 부딪힐 때 반사되도록 구현하였다.
2022년 8월 1일 - 상태 관리
Redux 정리
Redux는 가장 많이 사용되는 상태 관리 라이브러리이다. 리덕스를 사용하면 생성하게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리할 수 있으며 글로벌 상태 관리도 손쉽게 할 수 있는 장점이 있다.
2021년 9월 1일 - Web
브라우저 동작 원리
브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다.
2021년 8월 3일 - Javascript
변수 생성 과정, 호이스팅 정리
변수란? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 아무리 복잡한 어플리케이션이라도 실행되는 흐름은 데이터를 받고, 처리하고, 출력하는 것이 전부이다. 프로그래밍 언어에서 변수는 이러한 데이터를 관리하기 위한 핵심 개념이다.
2021년 8월 10일 - Web
HTTP와 HTTPS의 차이점
HTTP와 HTTPS의 가장 큰 차이점은 보안 소켓 계층의 유무이다. 보안 소켓 계층에 대해서 정리하기 전에 우선 HTTP가 어떤 것인지부터 정리를 해보자.
2021년 7월 25일