About IT13 2024년 돌아보기 들어가며..2024년 한 해를 돌이켜보니 참 많은 일들이 있었다. 사실 회고를 하기 전까지는 정말 강렬했던 사건들 외에는 기억이 거의 나지 않았고, 심지어는 어떤 기억이 23년이었는지 24년이었는지 헷갈릴 때도 있었다. 내 삶을 돌아보는 행위 자체가 꽤나 중요하다고 느꼈고, 이렇게 글로 정리하는 회고가 나에게 큰 의미를 남긴다고 생각한다.개인적으로 보통 년 단위의 회고에서는 월별로 기억나는 이벤트를 정리하고, 총평을 남기는 정도였다. 하지만 글또에서 다양한 사람들이 적은 각자만의 다채로운 회고를 보면서, 이번에는 키워드를 중심으로 회고를 남겨보려고 한다. P처럼 살아보기 시즌 2..본래 파워 J였기 때문에, 연 단위 계획부터 월간, 주간, 일 단위 계획까지 세우는 편이었었다. 이렇게 살아보니 22년도 .. 2025. 1. 5. 2024년 4분기 돌아보기 3분기 회고 recap4분기를 회고하기에 앞서, 3분기 회고에서 무엇을 이야기 했었는지 되돌아보았다. 4분기 액션 아이템들운동 외 다른 취미 만들기:어쩌다 보니 레고를 시작하게 되었다. 소소하게 만드는 재미가 있으나 비용이 많이 드는 단점이 있다. 또 다른 취미를 찾아봐야겠다.일과 생활의 분리:퇴근 후 회사 업무나 슬랙 확인을 자제하였다. 확실히 피로감이 줄었고, 업무에 대한 집중력도 향상된 것 같다.글또 활동 잘 해보기:현재까지 패스 없이 글 제출하기에 성공했고, 다른 활동도 1회 참여했다.사실 4분기동안 위 액션 아이템을 잘 지키기 위해 체크 리스트를 만들어 중간에 확인하거나 하지는 않았다. 어쩌면 액션 아이템 보다는 4분기를 임하는 마음가짐에 가까웠을지도 모르겠다는 생각이 든다. ‘4분기에는 이렇게.. 2024. 12. 30. 알고 쓰는 서브 픽셀: 웹 개발자와 디자이너의 협업을 위한 필수 지식 목차1. 들어가며2. 서브 픽셀 기술이란?3. 서브 픽셀 렌더링 vs. 서브 픽셀 정밀도4. 서브 픽셀 정밀도가 중요한 CSS 속성들 (1) 적용되는 속성들 (2) 적용되지 않는 속성들5. 마무리 들어가며웹 서비스를 개발하며 디자이너와 협업하다 보면, 다음과 같은 상황을 마주할 수 있습니다.디자인 시안에 border: 1.55px가 적혀있는데, 개발자는 “브라우저가 border 소수점 처리를 제대로 하지 못해, 사실상 적용이 안 된다”고 설명합니다. 그러자 디자이너는 “그럼 box-shadow에는 소수점을 쓸 수 있는데, 왜 border는 안 되나요?”라며 반문합니다. 결국 개발자는 “그 둘은 동작 방식이 다르고, 아무튼 border는 소수점 처리가 안 된다”며 직접 브라우저 개발자 도구를 통해 소수.. 2024. 12. 22. Next.js 배포 실패? Vercel에서 Sentry CLI 오류 해결하기 들어가며배포 환경에서의 오류는 마치 감기처럼, 언제 올지 모르는 불청객입니다. (저리가) 이번 글에서는 평소에는 문제없이 배포되던 프로젝트에서 발생한 예기치 못한 배포 실패 오류로 인한 땀 삐질 모먼트와 이를 해결한 경험을 공유합니다. 문제 상황 : Sentry CLI 플러그인 에러 (Command failed)오랫동안 참여하지 않았던 프로젝트에서 간단한 수정 요청을 받았습니다. 단순히 텍스트를 변경하는 수준의 요구사항이었기에, 바로 프로덕션 배포까지 하루 안에 진행되어야 했습니다. 수정사항이 담긴 PR은 문제없이 머지되었고, Staging에서의 QA도 통과되었습니다. 그리고 여느 때처럼, 프로덕션 환경에 배포를 시작했습니다. 원래라면 문제없이 배포되어야 하는데, 어찌된 영문인지 배포에 실패하고 말았습.. 2024. 11. 24. 안녕한 스프린트를 위하여: 실무 경험과 개선 사례 들어가며.다양한 회사와 많은 팀들이 개발 방법론 중 하나로 스프린트 개발 방법론을 사용합니다. 대부분의 기술 블로그에서 스프린트 개발 방법론의 장점에 대해 소개를 하고 있는데요, 일반적인 스프린트 장점 소개에서 벗어나 실제 경험을 중심으로 이야기해 보려 합니다. 스프린트를 경험하다.도입 배경팀에서 제로 투 원으로 MVP부터 beta 서비스를 개발하는 데에 스프린트 방법론을 사용하였습니다. Mvp를 빠르게 출시하여 고객의 반응을 확인하고 개선하기 위해 스프린트 방법론을 도입하였는데요, 이 방법론에 대해 잘 모르는 분들이 있을 수 있어 간단히 알아보고 넘어가겠습니다. 스프린트란 무엇?스프린트는 애자일 개발 방법론에서 사용되는 용어로, 짧은 주기 (1주~4주)로 프로젝트를 나누어 집중적으로 작업하는 방식입.. 2024. 11. 10. ReactQuery로 브라우저 탭 간 데이터 동기화 해결하기 들어가며.. 개발을 하다 보면, 기획자로부터 크고 작은 다양한 기능에 대한 요구사항을 받게 됩니다. 때로는 어려워 보이는 기능이 쉽게 풀리는 경우도 있고, 쉬워 보이는 기능이 오히려 어렵게 개발되는 경우도 있습니다. 저는 이번 프로젝트에서 브라우저 탭 간 데이터 동기화에 관련한 기능을 구현해달라 요구받았습니다. 여러 개의 탭을 열고 작업하는 상황에서, 한 탭에서 수정한 내용이 다른 탭에서도 즉시 반영되어야 하는 것이었습니다. 거의 실시간 데이터 동기화 같은 느낌이라 여러가지 생각이 들었습니다만, 결과적으로 react-query의 유용한 옵션을 통해 문제를 해결했습니다. 이번 글에서는 문제를 어떤 방식으로 해결했는지 공유해보려 합니다. 문제는..제가 마주했던 문제인 브라우저 탭 간 데이터 동기화에 .. 2024. 10. 22. 이전 1 2 3 다음
