재그지그의 개발 블로그 - mysetting

8:51 5/30

wormwlrm.github.io

mobile screenshot relative

8:51

wormwlrm.github.io

mobile screenshot

재그지그의 개발 블로그
https://wormwlrm.github.io/

디자인과 UI, UX에 관심이 많은 주니어 웹 프론트엔드 개발자입니다.

최종 피드 수집: 2025-05-07 20:46

전체 (68)

2M

안드로이드 크롬에서 CSS vh 단위가 이상하게 동작했던 이유

작년에 회사에서 QA를 진행하다가 이상한 버그를 발견했습니다. 구형 안드로이드 기기에서 가상 키보드가 올라오면 CSS 단위인 vh 값이 예상과 다르게 동작하고 있었던 것이죠. 그런데 비교적 최신 기기였던 제 스마트폰에서는 정상적으

000

2M

어느 날, 무기력이 찾아왔다

1월 중순, 저는 새로운 기능을 구현하기 위해 팀원들과 스펙 회의를 진행했습니다. 그런데… 회의를 진행할수록 의욕이 떨어진다는 느낌을 받았습니다. 마치 넘어야 할 산이 끊임없이 나타난다는 느낌을 받았습니다. 가슴이 답답했고 무기력

000

3M

리액트 훅을 활용한 마이크로 상태 관리

올해 첫 책을 읽었습니다. 원래 작년에 읽으려 했지만 미뤄둔 책이라, 이번 설 연휴를 계기로 완독하고 후기를 남겨보려고 합니다.

설에 할머니 집까지 와서 블로그 쓰는 중… 유난이다 유난이야

000

4M

normalize 메서드를 이용해 유니코드 문자열 정규화하기

알파벳 첫 글자에 따라 그루핑 된 국가 이름들
최근 회사 업무 중 국가 이름을 알파벳 첫 글자에 따라 그루핑하는 작업을 맡게 되었습니다. 단순히 알파벳 별로 국가들을 묶으면 되는 일이라 쉽게 생각했지만, 예상치 못한 난관에 부딪혔

000

4M

열심히 도전해서 즐거웠던 2024년 회고

다사다난했던 2024년도 어느덧 끝을 향해 가고 있습니다. 매년 연말마다 이어온 연간 회고는 벌써 6회 차에 접어들었네요. 시간의 흐름을 새삼 실감하며, 올해의 기록을 시작해 봅니다.

IS

000

5M

요리책에 비유해서 알아보는 시맨틱 버저닝

최근 친구에게서 이런 질문을 받았습니다.
“스마트폰에서 소프트웨어 버전이 X.Y.Z 형태로 표시되던데, 이게 무슨 뜻이야?”
저는 개발자로 일을 하고 있는 덕분에 이러한 버전 관리 방식이 익숙했지만, 친구는 소프트웨어 개발에 대해

000

6M

JavaScript fetch 메서드는 왜 2번 await 해야만 할까?

일반적인 JavaScript 코드에서 fetch 함수를 사용할 때, 우리는 다음과 같이 코드를 작성하곤 합니다.
// 첫 번째 await
let response = await fetch('/url');
// 두 번째 await
l

000

6M

개발자 면접 1분 자기소개, 이렇게 준비하자

대나무숲에 올라온 질문
최근에 글또 대나무숲에서 자기소개에 대한 고민 글을 보게 되었습니다.
“내일 면접인데 혹시 자기소개는 보통 어떤 식으로 하나요? 무슨 말로 자기소개를 해야 할지, 어느 정도 문장으로 구성해야 할지 고민이네요

006

6M

글빼미야! 블로그 검수 자동화를 부탁해

제가 활동하고 있는 글 쓰는 개발자 커뮤니티, 글또에 참여하는 모든 사람들은 2주마다 각자의 기술 블로그에 포스트를 작성하고 이를 제출해야 합니다.
그런데 지난 기수(9기)부터는 조금 특별한 피드백 시스템이 도입되었습니다. 바로

000

8M

6년간 기술 블로그에 100개의 포스트를 쓰다

여러분이 현재 보고 계시는 저의 기술 블로그는 2018년 7월의 첫 포스트 발행을 시작으로 지금까지 만 6년을 운영해 온 저의 소중한 자산입니다. 그리고 2024년 8월을 맞이하여 드디어 100번째 포스트를 작성하게 되었습니다.

003

9M

그림으로 이해하는 서버 구조와 기술

지난달에 읽었던 책 『컴퓨터 밑바닥의 비밀』 의 경험이 만족스러워서, 길벗의 책을 하나 더 지원받게 되었습니다. 이번에 읽은 책은 『그림으로 이해하는 서버 구조와 기술』 입니다. 제목만 보고 고르긴 했는데 표지가 귀엽네요.

003

11M

컴퓨터 밑바닥의 비밀

5월에 다녀온 해외여행을 핑계로 최근에 블로그를 안 쓰다가, 길벗에서 IT 도서 지원을 해주셔서 이를 기회 삼아 다시 포스트를 쓰게 되었습니다. 서평을 쓰는 것도 거의 5개월 만이긴 하네요. 이번에 읽은 책 이름은 『컴퓨터 밑바닥

002

1y

내가 지금까지 경험한 프론트엔드 UI 도구들

오늘은 어떤 주제로 글을 쓸까 고민을 하다가, 예전에 생각해두었던 주제인 저의 기술 스택의 변화에 대해 이야기해보려고 합니다.

나의 기술 스택 진화 과정
제 블로그를 초창기부터 살펴보신 분

004

1y

Web Speech API로 프론트엔드에서 TTS 구현하기

블로그 본문 하단을 보면 확인할 수 있다
최근에 블로그에 새로운 기능을 하나 추가했습니다. 바로 음성으로 포스트를 읽어주는 TTS(Text to Speech) 기능입니다.
뜬금없이 웬 TTS냐고 생각하실 수도 있겠지만, 저는 사실

003

1y

개발자가 문제 해결 과정에서 마주치는 어려움의 유형 3가지

아, 이거 어렵네요.
개발자로 살아가면서 어려움을 겪는 것은 피할 수 없는 일입니다. 나의 기술적 실력이 모자라서 그럴 수도 있고, 개발하고 있는 분야에 대한 도메인 지식이 부족해서 그럴 수도 있죠. 또한 동료와의 커뮤니케이션,

000

1y

우리, 이모지로 코드 리뷰 할까요?

여러분이 알고 계신 코드 리뷰 규칙이 있으신가요? 개발자들 사이에서 가장 일반적으로 널리 알려진 코드 리뷰 규칙이라고 한다면, 아마도 뱅크샐러드에서 제시한 Pn 룰이 아닐까 생각합니다. 우아한형제들, 당근마켓 같은 큰 규모의 회사

003

1y

숫자 1은 올바른 JSON 형식인가?

여러분께 퀴즈를 내보겠습니다. 첫 번째 문제! 아래의 JSON 파일은 올바른 JSON 형식일까요?
// data.json
{
"version": 1
}
정답은 그렇다 입니다. 우리가 잘 알고 있는 객체 형태의 데이터이니까요.

002

1y

나는 네이버 프런트엔드 개발자입니다

네이버와 프론트엔드의 조합이라니 읽어보지 않을 수 없었다
이 책은 작년 7월에 이벤트로 받은 책입니다. 당시에 사내 개발자 밋업이 있었는데, 참여하면 직접 저자 분들과 만나 이야기도 나눌 수 있고 추첨을 통해 책도 증정한다고 해서

000

1y

Re:제로부터 시작하는 2023년 회고

12월입니다. 회고의 시즌이 돌아왔다는 걸 의미하죠. 2019년부터 본격적으로 블로그에 회고를 썼으니, 2023년 회고는 다섯 번째 회고글입니다.

새로운 창조
올해 회고의 콘셉트는 Re:제

000

1y

나를 가장 오랫동안 삽질하게 만들었던 버그.txt

꽤 오랜만에 블로그를 쓰네요. 9월에 마지막으로 포스트를 썼으니 2달 만의 복귀입니다. 마침 글또 9기를 시작한 만큼 다시 열심히 블로그를 써보려고 합니다. 💪
그래서 오늘은 글쓰기에 대한 워밍업(?)을 할 겸, 예전에 겪었던

000