개발
📐 안드로이드 크롬에서 CSS vh 단위가 이상하게 동작했던 이유
안드로이드 크롬 108 버전부터 레이아웃 표시 영역의 동작이 달라졌기 때문입니다.
총 109개의 포스트가 있어요
에세이
🧭 어느 날, 무기력이 찾아왔다
번아웃의 원인 분석을 통해 스스로를 돌아보고 이를 극복하는 과정을 정리해 보았습니다.
서평
🎤 리액트 훅을 활용한 마이크로 상태 관리
책 『리액트 훅을 활용한 마이크로 상태 관리』 를 읽고 작성한 서평입니다.
개발
🔠 normalize 메서드를 이용해 유니코드 문자열 정규화하기
유니코드의 정규화 방법 4가지의 차이점을 알고 이를 JavaScript에서 사용하는 방법에 대해 알아봅니다.
에세이
🎁 열심히 도전해서 즐거웠던 2024년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
개발
🥘 요리책에 비유해서 알아보는 시맨틱 버저닝
소프트웨어 버전 관리의 방법 중 하나인 시맨틱 버저닝을 비유를 통해 알아봅니다.
개발
✌️ JavaScript fetch 메서드는 왜 2번 await 해야만 할까?
JavaScript fetch에서 데이터를 얻기 위해 두 번의 await이 필요한 이유에 대해 알아봅니다.
에세이
🙋🏻♂️ 개발자 면접 1분 자기소개, 이렇게 준비하자
개발자 직무 면접에서 1분 자기소개 시 사용할 수 있는 템플릿을 사례와 함께 소개합니다.
개발
🦉 글빼미야! 블로그 검수 자동화를 부탁해
글또에서 포스트 검수 자동화를 도와주는 슬랙 봇, 글빼미의 개발 후기를 소개합니다.
에세이
💯 6년간 기술 블로그에 100개의 포스트를 쓰다
지난 6년간 기술 블로그를 운영하면서 느낀 점을 공유합니다.
서평
🛰️ 그림으로 이해하는 서버 구조와 기술
책 『그림으로 이해하는 서버 구조와 기술』을 읽고 작성한 서평입니다.
서평
🔩 컴퓨터 밑바닥의 비밀
책 『컴퓨터 밑바닥의 비밀』을 읽고 작성한 서평입니다.
에세이
🥾 내가 지금까지 경험한 프론트엔드 UI 도구들
jQuery, AngularJS, Vue를 거쳐 React에 이르기까지의 경험을 공유합니다.
개발
📣 Web Speech API로 프론트엔드에서 TTS 구현하기
음성 합성(Speech Synthesis) API를 활용하여 웹 브라우저에서 텍스트를 음성으로 변환하는 방법에 대해 알아봅니다.
에세이
🕵️ 개발자가 문제 해결 과정에서 마주치는 어려움의 유형 3가지
개발자가 경험하는 어려움의 유형을 분석하고 그 해결 방안에 대해서 고민해 봅니다.
개발
🎈 우리, 이모지로 코드 리뷰 할까요?
이모지 기반의 코드 리뷰 방식, cremoji에 대해 소개합니다.
개발
☝🏻 숫자 1은 올바른 JSON 형식인가?
JSON의 역사를 둘러보며 JSON 스펙의 변화 과정에 대해 알아봅니다.
서평
🌿 나는 네이버 프런트엔드 개발자입니다
책 『나는 네이버 프런트엔드 개발자입니다』 를 읽고 작성한 서평입니다.
에세이
🔄 Re:제로부터 시작하는 2023년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
에세이
🐞 나를 가장 지치게 만들었던 버그
WebRTC와 AWS, 브라우저 호환성이 어우러진 버그를 만나 해결하는 과정을 공유합니다.
에세이
🪑 글또 8기 프론트엔드 반상회 회고.txt
오프라인으로 진행한 프론트엔드 개발 컨퍼런스의 준비 과정과 후기를 공유합니다.
서평
🐝 육각형 개발자
책 『육각형 개발자』를 읽고 작성한 서평입니다.
서평
5️⃣ 파이브 라인스 오브 코드
책 『파이브 라인스 오브 코드(Five Lines of Code)』를 읽고 작성한 서평입니다.
개발
📝 개발자를 위한 이력서 스터디 진행 후기
개발자 이력서 스터디를 운영하면서 자기소개 페이지를 제작하기까지의 과정을 공유합니다.
개발
🍅 소스 맵의 동작 원리는 무엇일까?
웹 개발에서 디버깅 시 사용되는 소스 맵이 어떤 원리로 동작하는지에 대해 알아봅니다.
서평
🖼️ 그림과 작동 원리로 쉽게 이해하는 웹의 기초
책 『그림과 작동 원리로 쉽게 이해하는 웹의 기초』 를 읽고 작성한 서평입니다.
개발
🗝️ 기술 블로그를 위한 SEO
개인 기술 블로그에 적용한 SEO 방법들을 소개하고, 그 결과물을 공유합니다.
개발
📟 Vimtutor를 이용해 Vim 명령어를 배워보자
알아두면 유용하지만 자주 까먹게 되는 Vim 명령어를 배워봅시다.
에세이
🥊 넓고 얕게 알기 vs 좁고 깊게 알기
신입 개발자가 다양성과 전문성 중 어떤 것을 추구하는 것이 더 유리할지에 대해 고찰합니다.
개발
🔐 그 많은 OTT 콘텐츠는 어떻게 웹에서 재생될 수 있을까
웹 브라우저에서 저작권 보호 콘텐츠를 재생하기 위한 개념인 DRM, CDM, EME에 대해 알아봅니다.
에세이
🤺 코드 리뷰는 스포츠다
코드 리뷰에 참여하는 저만의 태도와 철학을 공유하고자 합니다.
개발
🌩 AWS Lambda를 이용해 슬랙 앱 배포하기
Heroku에서 인스턴스로 호스팅하던 슬랙 앱을 AWS Lambda로 마이그레이션한 후기를 공유합니다.
에세이
🐣 주니어 개발자로 다시 회귀한 2022년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
서평
🧠 프로그래머의 뇌
책 『프로그래머의 뇌(The Programmer's Brain)』를 읽고 작성한 서평입니다.
에세이
👨🏫 개발자로서 첫 강연을 했어요
경희대학교 테크콘서트에서 대학생들을 상대로 강연을 준비한 과정을 공유합니다.
개발
🕘 왜 내가 작성한 JavaScript Date 코드가 서버에서는 다르게 보이는 거죠?
JavaScript에서 흔히 혼동되는 Date 객체에 대한 개념을 정리해봅니다.
개발
🔌 웹 개발자라면 알고 있어야 할 HTTP의 진화 과정
HTTP의 각 버전이 등장하게 된 배경을 알아보고 특징을 정리해봅니다.
에세이
🖋 기술 글쓰기를 통해 개인 브랜딩을 구축하는 나만의 방법
기술 포스트 발행을 개인 브랜딩으로 연결시키는 방법에 대한 전반적인 노하우를 소개합니다.
개발
🍷 하이퍼링크를 신뢰할 수 없다면? noopener, noreferrer, nofollow
HTML 앵커 태그의 rel 속성으로 해당 값을 적용해야 하는 이유에 대해 알아봅니다.
개발
⛏️ ECMAScript 2022 살펴보기
2022년 6월부터 새롭게 표준으로 지정된 ECMAScript 제안들을 정리해봅니다.
개발
⚓️ History API는 가라! 이제는 Navigation API의 시대가 온다
클라이언트 사이드 라우팅의 표준화를 위해 새롭게 제안된 Navigation API에 대해 알아봅니다.
개발
🔍 내 웹사이트를 슬랙에서 돋보이게 해줄 메타 태그 8가지
슬랙에 최적화된 메타 태그를 설정해서 여러분의 웹사이트 링크 미리보기를 멋지게 꾸며보세요.
에세이
⚙️ 프론트엔드 개발자에게도 알고리즘 공부가 중요할까?
흔히 코딩 테스트로 일컬어지는 알고리즘 공부의 중요성을 프론트엔드 개발자의 관점에서 생각해봅니다.
개발
🎋 임금님 귀는 당나귀 귀! 대나무숲 슬랙 앱 만들기
익명으로 메시지 전송이 가능한 슬랙 앱을 개발하여 커뮤니티 운영에 기여한 경험을 공유합니다.
서평
🔬 유닉스의 탄생
책 『유닉스의 탄생(UNIX: A History and a Memoir)』을 읽고 작성한 서평입니다.
서평
🧮 함수형 자바스크립트: 모던 웹 개발에 충실한 실전 함수형 프로그래밍 안내서
책 『함수형 자바스크립트(Functional Programming in JavaScript)』를 읽고 작성한 서평입니다.
개발
🛫 Jekyll에서 Gatsby로 떠나는 마이그레이션 여정
블로그 플랫폼을 Jekyll에서 Gatsby로 바꾸는 이유와 그 과정을 소개합니다.
에세이
🍪 복학생 개발자의 2021년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
에세이
🍀 2021 하반기 네이버 신입 공채 후기
올해 하반기에 진행된 네이버 신입 공채에 참여한 경험을 공유합니다.
개발
🧴 Sanitizer API를 이용해 안전하게 DOM 조작하기
문자열을 이용한 DOM 조작을 보다 안전하게 처리할 수 있게 도와주는 Sanitizer API를 소개합니다.
개발
🧵 Rollup 기반 라이브러리 개발 환경 구성하기
Rollup, React, TypeScript 기반의 라이브러리 개발 환경을 구성하는 과정에 대해 살펴봅니다.
개발
💩 브라우저의 사용자 에이전트는 왜 이렇게 복잡하게 생겼을까?
브라우저의 사용자 에이전트(User Agent)에 얽힌 역사적인 이야기를 이해하기 쉽게 정리해봅니다.
개발
🍔 레스토랑에 비유해서 알아보는 운영체제
운영체제의 특징과 프로세스, 쓰레드의 개념을 이해하기 쉽게 정리해봅니다.
개발
⏱ 10분 만에 훑어보는 TCP와 UDP
OSI 4계층에서 동작하는 TCP와 UDP의 특징과 차이점에 대해 간략히 정리해봅니다.
에세이
📗 주니어 개발자가 처음 책 출판해본 썰.txt
책 『나는 주니어 개발자다』 출판 과정에 대한 후기를 공유합니다.
서평
⚛️ 리액트 교과서
책 『리액트 교과서(React Quickly)』를 읽고 작성한 서평입니다.
에세이
6️⃣ 3학년 2학기 되돌아보기
복학 후 첫 학기를 마무리하면서 한 학기를 어떻게 보냈는지 회고해봅니다.
개발
📊 제목은 Vue에서의 데이터 시각화로 하겠습니다, 근데 이제 Chart.js를 곁들인
Vue와 Chart.js, Annotation 플러그인을 활용해 데이터 시각화 컴포넌트를 제작한 경험을 공유합니다.
개발
🎫 네이버와 카카오의 QR 체크인 페이지 비교해보기
웹 기반으로 만들어진 네이버와 카카오의 QR 체크인 페이지를 기술적으로 분석하고 구현 방식을 비교해봅니다.
개발
🙈 컴파일러는 어떻게 내가 작성한 코드를 인식하는걸까?
프로그래밍 언어를 인식하는 컴파일러와 인식 방법을 서술하는 형식 언어에 대해 알아봅니다.
개발
🌎 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정
브라우저에서 어떤 과정을 통해 렌더링이 실행되는지에 대해 알아봅니다.
개발
📡 스크립트의 실행 시점을 조절하는 Async와 Defer 속성
로드한 스크립트의 실행 시점을 조절할 수 있게 만들어주는 Async와 Defer 속성에 대해 알아봅니다.
개발
✉️ WebOTP API를 활용한 SMS 본인인증 기능 구현하기
WebOTP API를 활용한다면 사용자에게 보다 편리한 SMS 본인인증 경험을 제공할 수 있습니다.
개발
📹 WebRTC는 어떻게 실시간으로 데이터를 교환할 수 있을까?
WebRTC 연결 절차에 대해 알아보고, 이 과정에서 접할 수 있는 낯선 용어들에 대해 정리해봅니다.
에세이
🦠 3년차 프론트엔드 개발자의 2020년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
디자인
🖌 주니어 개발자가 Figma로 로고 디자인 해본 썰.txt
이전에 그림판으로 만들었던 개인 브랜딩 로고를 Figma를 이용해 리팩토링한 경험을 공유해봅니다.
에세이
🎳 스타트업에서 조직 문화를 만들어나간다는 것
새로운 스타트업에서 조직 문화를 만들어나가면서 느낀 점을 공유해봅니다.
개발
🖇 MessageChannel API를 활용해 iframe 서비스와 통신하기
iframe 서비스와의 커뮤니케이션을 MessageChannel API를 활용해 해결한 경험을 공유합니다.
개발
⛅ AWS를 이용해 SPA 호스팅하기
AWS의 S3, CloudFront, ACM, Route 53을 이용해 SPA를 호스팅하는 과정에 대해 알아봅니다.
개발
✂️ Git Rebase --Interactive 옵션 알아보기
대화형으로 Git 커밋 히스토리를 수정할 수 있게 해주는 Interactive 옵션에 대해 알아봅니다.
개발
👑 JavaScript 번들러로 본 조선시대 붕당의 이해
JavaScript 모듈 표준화의 제안부터 현대 모듈 번들러 등장까지의 역사를 정리해봅니다.
개발
👽 정규표현식 완전정복
JavaScript를 활용하여 정규표현식의 기초부터 심화까지의 개념을 짚어봅니다.
개발
🐪 Svelte로 만드는 Todo List - 2
Svelte 프레임워크로 Todo List 어플리케이션을 제작하고 배포하는 과정을 공유합니다.
개발
🌵 Svelte로 만드는 Todo List - 1
Svelte 프레임워크를 활용하기 위해 자바스크립트 번들러인 Rollup을 설정하는 과정을 공유해봅니다.
에세이
🎖️ 나의 IT 산업기능요원 복무 후기.txt
구직, 인턴, 회사생활, 이직, 그리고 복무만료까지의 지난 시간을 되돌아보고 느낀 점을 공유해봅니다.
서평
🧹 클린 코드: 애자일 소프트웨어 장인 정신
로버트 마틴의 책 『클린 코드』 를 읽고 작성한 서평입니다.
개발
📮 Web Share API로 공유 기능 쉽게 구현하기
Web Share API를 활용해 네이티브 디바이스의 공유 기능을 웹에서 호출할 수 있습니다.
에세이
🌐 문서 번역으로 구글 컨트리뷰터가 되어보자
GitLocalize를 이용해 Google의 Web Fundamental 문서를 번역하여 기여한 경험을 공유합니다.
서평
🎾 나는 LINE 개발자입니다
책 『나는 LINE 개발자입니다』 를 읽고 작성한 서평입니다.
디자인
🧟 뉴모피즘 디자인은 어떻게 좀비가 되었나
유행처럼 번지고 있는 뉴모피즘 디자인의 등장 배경과 함께 이를 향한 비판적인 의견을 살펴봅니다.
에세이
✍ 남들 다 한다는 기술 블로그, 왜 나만 하기 힘들까
꾸준한 글쓰기를 위해 목표를 설정하고 동기부여를 얻는 방법을 공유합니다.
에세이
🏃♂️ 어쩌다보니 해커톤 멘토
2020 고려대학교 해커톤인 고카톤에 프론트엔드 멘토로 참여한 후기를 공유합니다.
에세이
⛄️ 2년차 프론트엔드 개발자의 2019년 회고
올해 있었던 사건들과 작성한 글을 되돌아보며 내년의 목표를 새롭게 다짐해 봅니다.
에세이
🔫 산업기능요원 훈련소 후기
논산 육군훈련소에서 4주간 기초군사훈련을 받은 경험을 공유합니다.
개발
🐌 왜 JSON.parse로 객체를 선언하는 방법이 더 빠를까?
JavaScript 객체 리터럴(Object literal)보다 JSON.parse로 파싱하는 것이 더 나은 성능을 보이는 이유에 대해 알아봅니다.
개발
🌠 특정 버튼의 클릭 이벤트를 통계로 보고 싶어!
구글 태그 관리자(Google Tag Manager)를 이용해 다운로드 버튼 클릭 이벤트를 추적하고 통계로 확인한 경험을 공유합니다.
개발
🎴 『곽철용 짤 생성기』, 이렇게 만들어졌습니다
HTML Canvas API를 이용한 짤 생성기 개발 과정을 소개합니다.
개발
🏷️ Jekyll 포스트에 태그 기능 추가하기
Jekyll에서 포스트 별로 태그를 추가하고 관리하는 방법에 대해 알아봅니다.
개발
🧩 React의 고차 컴포넌트(HOC) 패턴, 이제는 Vue에도 적용해보자
고차 컴포넌트(Higher-order component) 패턴을 이용하면, 믹스인(Mixin)과는 또 다른 방법으로 재사용되는 코드를 여러 컴포넌트 간에 공유할 수 있습니다.
서평
🎡 도널드 노먼의 UX 디자인 특강: 복잡한 세상의 디자인
책 『도널드 노먼의 UX 디자인 특강(Living with complexity)』을 읽고 작성한 서평입니다.
에세이
💂 Vue.js로 크롬 확장 프로그램을 만들어보자!
크롬 확장 프로그램 『전역일 계산기』를 기획하고 개발한 후 배포하는 과정을 소개합니다.
디자인
👨🎨 주니어 개발자가 그림판으로 디자인 해본 썰.txt
디자인에는 문외한인 개발자가 개인 브랜딩을 위한 로고를 기획, 디자인하고 제작하는 과정을 소개합니다.
에세이
🎉 개발 블로그 1년 째, 나는 어떻게 바뀌었을까
개발 블로그를 시작한 이후로 얻은 성과와 느낀 점, 앞으로의 다짐을 정리했습니다.
개발
⚒️ 주니어 개발자가 반응형 레이아웃 리팩토링한 썰.txt
레거시 코드로 작성된 기존의 반응형 디자인을 효율적으로 리팩토링한 경험을 공유합니다.
개발
👨🏫 ECMAScript 튜토리얼
ECMAScript 6를 바탕으로 JavaScript에서 새롭게 사용할 수 있는 문법들을 정리해보았습니다.
서평
🚴 소프트웨어 장인: 아마추어에서 프로페셔널로
책 『소프트웨어 장인(Software Craftsmanship)』을 읽고 작성한 서평입니다.
개발
🗽 JavaScript 개발자라면 꼭 알아야 할 this
JavaScript에서 흔히 혼동되는 this에 대한 개념을 정리해봅니다.
개발
🤝 주니어 개발자가 처음 풀 리퀘스트 보내본 썰.txt
난생 처음으로 오픈 소스 프로젝트에 풀 리퀘스트를 보내 기여해 본 경험을 기술합니다.
개발
🤹 Vue 라이프사이클 이해하기
Vue 인스턴스의 상태가 변화함에 따라, 각 상태가 어떤 특징을 가지고 있는지 알아봅니다.
개발
😏 GUI로 Vue 프로젝트 쉽게 만들기
Vue CLI 3버전에 새로 추가된 UI 기능을 이용하면 쉽고 간편하게 프로젝트를 시작할 수 있습니다.
개발
🤔 JavaScript와 ECMAScript는 무슨 차이점이 있을까?
웹 개발에서 JavaScript와 ECMAScript라는 용어가 혼용되어 사용되고 있는 이유와 그 차이점에 대해 알아봅니다.
개발
♻️ 스크럼으로 처음 만나는 애자일 튜토리얼
여러분의 프로젝트에 애자일 방법론 중 하나인 스크럼을 도입하는 방법을 알아봅니다.
디자인
🎨 웹 개발자를 위한 7가지 실용적인 디자인 팁
재능에 기대지 않고 전략적으로 여러분의 디자인 실력을 향상시킬 수 있습니다.
개발
🕹️ Jekyll 서버를 실행시키는 batch 파일 만들기
서버를 실행시키는 과정을 batch 파일을 이용해 간소화하였습니다.
개발
🚀 전체화면 스크롤 웹 사이트 플러그인 fullPage.js
fullPage.js를 이용해 웹 사이트를 슬라이드 쇼처럼 만들 수 있습니다.
개발
🎆 코드를 보기 쉽게 만들어주는 highlight.js
오픈소스 코드 하이라이터 highlight.js를 블로그에 설치합니다.
개발
💎 Windows에서 Github와 Jekyll 개발 환경 설치하기
Windows에 Ruby, Jekyll, Bundle 등 개발 환경 구축 과정을 하나씩 짚어 나갑니다.
개발
📯 Jekyll 테마로 나만의 Github 페이지 만들기
Git을 설치하고, 이미 만들어진 테마를 복사해 내 계정 소유의 Github 페이지를 호스팅합니다.
개발
🔰 내가 개발 블로그 플랫폼으로 Github과 Jekyll을 선택한 이유
네이버 블로그, 티스토리, 워드프레스를 거쳐 Jekyll에 자리 잡았습니다.