에세이
💯 6년간 기술 블로그에 100개의 포스트를 쓰다
지난 6년간 기술 블로그를 운영하면서 느낀 점을 공유합니다.
전체 포스트 목록을 살펴보세요.
총 100개의 포스트가 있어요
에세이
지난 6년간 기술 블로그를 운영하면서 느낀 점을 공유합니다.
서평
책 『그림으로 이해하는 서버 구조와 기술』을 읽고 작성한 서평입니다.
서평
책 『컴퓨터 밑바닥의 비밀』을 읽고 작성한 서평입니다.
에세이
jQuery, AngularJS, Vue를 거쳐 React에 이르기까지의 경험을 공유합니다.
개발
음성 합성(Speech Synthesis) API를 활용하여 웹 브라우저에서 텍스트를 음성으로 변환하는 방법에 대해 알아봅니다.
에세이
개발자가 경험하는 어려움의 유형을 분석하고 그 해결 방안에 대해서 고민해 봅니다.
개발
이모지 기반의 코드 리뷰 방식, cremoji에 대해 소개합니다.
개발
JSON의 역사를 둘러보며 JSON 스펙의 변화 과정에 대해 알아봅니다.
서평
책 『나는 네이버 프런트엔드 개발자입니다』 를 읽고 작성한 서평입니다.
에세이
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해봅니다.
에세이
WebRTC와 AWS, 브라우저 호환성이 어우러진 버그를 만나 해결하는 과정을 공유합니다.
에세이
오프라인으로 진행한 프론트엔드 개발 컨퍼런스의 준비 과정과 후기를 공유합니다.
서평
책 『육각형 개발자』를 읽고 작성한 서평입니다.
서평
책 『파이브 라인스 오브 코드(Five Lines of Code)』를 읽고 작성한 서평입니다.
개발
개발자 이력서 스터디를 운영하면서 자기소개 페이지를 제작하기까지의 과정을 공유합니다.
개발
웹 개발에서 디버깅 시 사용되는 소스 맵이 어떤 원리로 동작하는지에 대해 알아봅니다.
서평
책 『그림과 작동 원리로 쉽게 이해하는 웹의 기초』 를 읽고 작성한 서평입니다.
개발
개인 기술 블로그에 적용한 SEO 방법들을 소개하고, 그 결과물을 공유합니다.
개발
알아두면 유용하지만 자주 까먹게 되는 Vim 명령어를 배워봅시다.
에세이
신입 개발자가 다양성과 전문성 중 어떤 것을 추구하는 것이 더 유리할지에 대해 고찰합니다.
개발
웹 브라우저에서 저작권 보호 콘텐츠를 재생하기 위한 개념인 DRM, CDM, EME에 대해 알아봅니다.
에세이
코드 리뷰에 참여하는 저만의 태도와 철학을 공유하고자 합니다.
개발
Heroku에서 인스턴스로 호스팅하던 슬랙 앱을 AWS Lambda로 마이그레이션한 후기를 공유합니다.
에세이
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해봅니다.
서평
책 『프로그래머의 뇌(The Programmer's Brain)』를 읽고 작성한 서평입니다.
에세이
경희대학교 테크콘서트에서 대학생들을 상대로 강연을 준비한 과정을 공유합니다.
개발
JavaScript에서 흔히 혼동되는 Date 객체에 대한 개념을 정리해봅니다.
개발
HTTP의 각 버전이 등장하게 된 배경을 알아보고 특징을 정리해봅니다.
에세이
기술 포스트 발행을 개인 브랜딩으로 연결시키는 방법에 대한 전반적인 노하우를 소개합니다.
개발
HTML 앵커 태그의 rel 속성으로 해당 값을 적용해야 하는 이유에 대해 알아봅니다.
개발
2022년 6월부터 새롭게 표준으로 지정된 ECMAScript 제안들을 정리해봅니다.
개발
클라이언트 사이드 라우팅의 표준화를 위해 새롭게 제안된 Navigation API에 대해 알아봅니다.
개발
슬랙에 최적화된 메타 태그를 설정해서 여러분의 웹사이트 링크 미리보기를 멋지게 꾸며보세요.
에세이
흔히 코딩 테스트로 일컬어지는 알고리즘 공부의 중요성을 프론트엔드 개발자의 관점에서 생각해봅니다.
개발
익명으로 메시지 전송이 가능한 슬랙 앱을 개발하여 커뮤니티 운영에 기여한 경험을 공유합니다.
서평
책 『유닉스의 탄생(UNIX: A History and a Memoir)』을 읽고 작성한 서평입니다.
서평
책 『함수형 자바스크립트(Functional Programming in JavaScript)』를 읽고 작성한 서평입니다.
개발
블로그 플랫폼을 Jekyll에서 Gatsby로 바꾸는 이유와 그 과정을 소개합니다.
에세이
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해봅니다.
에세이
올해 하반기에 진행된 네이버 신입 공채에 참여한 경험을 공유합니다.
개발
문자열을 이용한 DOM 조작을 보다 안전하게 처리할 수 있게 도와주는 Sanitizer API를 소개합니다.
개발
Rollup, React, TypeScript 기반의 라이브러리 개발 환경을 구성하는 과정에 대해 살펴봅니다.
개발
브라우저의 사용자 에이전트(User Agent)에 얽힌 역사적인 이야기를 이해하기 쉽게 정리해봅니다.
개발
운영체제의 특징과 프로세스, 쓰레드의 개념을 이해하기 쉽게 정리해봅니다.
개발
OSI 4계층에서 동작하는 TCP와 UDP의 특징과 차이점에 대해 간략히 정리해봅니다.
에세이
책 『나는 주니어 개발자다』 출판 과정에 대한 후기를 공유합니다.
서평
책 『리액트 교과서(React Quickly)』를 읽고 작성한 서평입니다.
에세이
복학 후 첫 학기를 마무리하면서 한 학기를 어떻게 보냈는지 회고해봅니다.
개발
Vue와 Chart.js, Annotation 플러그인을 활용해 데이터 시각화 컴포넌트를 제작한 경험을 공유합니다.
개발
웹 기반으로 만들어진 네이버와 카카오의 QR 체크인 페이지를 기술적으로 분석하고 구현 방식을 비교해봅니다.
개발
프로그래밍 언어를 인식하는 컴파일러와 인식 방법을 서술하는 형식 언어에 대해 알아봅니다.
개발
브라우저에서 어떤 과정을 통해 렌더링이 실행되는지에 대해 알아봅니다.
개발
로드한 스크립트의 실행 시점을 조절할 수 있게 만들어주는 Async와 Defer 속성에 대해 알아봅니다.
개발
WebOTP API를 활용한다면 사용자에게 보다 편리한 SMS 본인인증 경험을 제공할 수 있습니다.
개발
WebRTC 연결 절차에 대해 알아보고, 이 과정에서 접할 수 있는 낯선 용어들에 대해 정리해봅니다.
에세이
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해봅니다.
디자인
이전에 그림판으로 만들었던 개인 브랜딩 로고를 Figma를 이용해 리팩토링한 경험을 공유해봅니다.
에세이
새로운 스타트업에서 조직 문화를 만들어나가면서 느낀 점을 공유해봅니다.
개발
iframe 서비스와의 커뮤니케이션을 MessageChannel API를 활용해 해결한 경험을 공유합니다.
개발
AWS의 S3, CloudFront, ACM, Route 53을 이용해 SPA를 호스팅하는 과정에 대해 알아봅니다.
개발
대화형으로 Git 커밋 히스토리를 수정할 수 있게 해주는 Interactive 옵션에 대해 알아봅니다.
개발
JavaScript 모듈 표준화의 제안부터 현대 모듈 번들러 등장까지의 역사를 정리해봅니다.
개발
JavaScript를 활용하여 정규표현식의 기초부터 심화까지의 개념을 짚어봅니다.
개발
Svelte 프레임워크로 Todo List 어플리케이션을 제작하고 배포하는 과정을 공유합니다.
개발
Svelte 프레임워크를 활용하기 위해 자바스크립트 번들러인 Rollup을 설정하는 과정을 공유해봅니다.
에세이
구직, 인턴, 회사생활, 이직, 그리고 복무만료까지의 지난 시간을 되돌아보고 느낀 점을 공유해봅니다.
서평
로버트 마틴의 책 『클린 코드』 를 읽고 작성한 서평입니다.
개발
Web Share API를 활용해 네이티브 디바이스의 공유 기능을 웹에서 호출할 수 있습니다.
에세이
GitLocalize를 이용해 Google의 Web Fundamental 문서를 번역하여 기여한 경험을 공유합니다.
서평
책 『나는 LINE 개발자입니다』 를 읽고 작성한 서평입니다.
디자인
유행처럼 번지고 있는 뉴모피즘 디자인의 등장 배경과 함께 이를 향한 비판적인 의견을 살펴봅니다.
에세이
꾸준한 글쓰기를 위해 목표를 설정하고 동기부여를 얻는 방법을 공유합니다.
에세이
2020 고려대학교 해커톤인 고카톤에 프론트엔드 멘토로 참여한 후기를 공유합니다.
에세이
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해봅니다.
에세이
논산 육군훈련소에서 4주간 기초군사훈련을 받은 경험을 공유합니다.
개발
JavaScript 객체 리터럴(Object literal)보다 JSON.parse로 파싱하는 것이 더 나은 성능을 보이는 이유에 대해 알아봅니다.
개발
구글 태그 관리자(Google Tag Manager)를 이용해 다운로드 버튼 클릭 이벤트를 추적하고 통계로 확인한 경험을 공유합니다.
개발
HTML Canvas API를 이용한 짤 생성기 개발 과정을 소개합니다.
개발
Jekyll에서 포스트 별로 태그를 추가하고 관리하는 방법에 대해 알아봅니다.
개발
고차 컴포넌트(Higher-order component) 패턴을 이용하면, 믹스인(Mixin)과는 또 다른 방법으로 재사용되는 코드를 여러 컴포넌트 간에 공유할 수 있습니다.
서평
책 『도널드 노먼의 UX 디자인 특강(Living with complexity)』을 읽고 작성한 서평입니다.
에세이
크롬 확장 프로그램 『전역일 계산기』를 기획하고 개발한 후 배포하는 과정을 소개합니다.
디자인
디자인에는 문외한인 개발자가 개인 브랜딩을 위한 로고를 기획, 디자인하고 제작하는 과정을 소개합니다.
에세이
개발 블로그를 시작한 이후로 얻은 성과와 느낀 점, 앞으로의 다짐을 정리했습니다.
개발
레거시 코드로 작성된 기존의 반응형 디자인을 효율적으로 리팩토링한 경험을 공유합니다.
개발
ECMAScript 6를 바탕으로 JavaScript에서 새롭게 사용할 수 있는 문법들을 정리해보았습니다.
서평
책 『소프트웨어 장인(Software Craftsmanship)』을 읽고 작성한 서평입니다.
개발
JavaScript에서 흔히 혼동되는 this에 대한 개념을 정리해봅니다.
개발
난생 처음으로 오픈 소스 프로젝트에 풀 리퀘스트를 보내 기여해 본 경험을 기술합니다.
개발
Vue 인스턴스의 상태가 변화함에 따라, 각 상태가 어떤 특징을 가지고 있는지 알아봅니다.
개발
Vue CLI 3버전에 새로 추가된 UI 기능을 이용하면 쉽고 간편하게 프로젝트를 시작할 수 있습니다.
개발
웹 개발에서 JavaScript와 ECMAScript라는 용어가 혼용되어 사용되고 있는 이유와 그 차이점에 대해 알아봅니다.
개발
여러분의 프로젝트에 애자일 방법론 중 하나인 스크럼을 도입하는 방법을 알아봅니다.
디자인
재능에 기대지 않고 전략적으로 여러분의 디자인 실력을 향상시킬 수 있습니다.
개발
서버를 실행시키는 과정을 batch 파일을 이용해 간소화하였습니다.
개발
fullPage.js를 이용해 웹 사이트를 슬라이드 쇼처럼 만들 수 있습니다.
개발
오픈소스 코드 하이라이터 highlight.js를 블로그에 설치합니다.
개발
Windows에 Ruby, Jekyll, Bundle 등 개발 환경 구축 과정을 하나씩 짚어 나갑니다.
개발
Git을 설치하고, 이미 만들어진 테마를 복사해 내 계정 소유의 Github 페이지를 호스팅합니다.
개발
네이버 블로그, 티스토리, 워드프레스를 거쳐 Jekyll에 자리 잡았습니다.