성장의 순간을
한곳에서 만나보세요.

안녕하세요! 그로스로그 입니다!😊 🌱주소창에 URL을 넣고 화면이 그려지기까지의 전 과정, 그리고 옵션 하나를 끄고 켜서 빌드 결과물을 직접 비교해본 기록. 2기 10회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🖥️ 브라우저 렌더링 과정 톺아보기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 주소창에 URL을 입력한 순간부터 화면에 픽셀이 찍히기까지의 전 과정을 순서대로 따라간 글입니다.네트워크 요청(DNS 조회 → TCP 핸드셰이크 → TLS 협상 → 응답), 구문 분석(DOM·CSSOM 생성), 렌더 트리 합성, 레이아웃, 페인트까지요.그리고 마지막에 리플로우..

GL 2기 성장일지 9회차 큐레이션안녕하세요! 그로스로그 입니다!😊 🌱깃허브가 내 컴퓨터를 못 찾는 문제를 뚫은 기록, 그리고 분명히 붙였는데 동작하지 않던 어노테이션의 원인을 바이트코드까지 내려가 밝힌 기록. 2기 9회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🔌 GitHub WebHooks — failed to connect to host 에러이범수 님이런 내용이에요 깃허브 웹훅을 젠킨스에 연결하려는데 Last delivery was not successful. failed to connect to host. 오류가 납니다.원인은 젠킨스가 사설 IP를 쓰는 로컬 환..

안녕하세요! 그로스로그 입니다!😊 🌱"일단 나라도 깨끗하게 해보자"로 시작한 테스트 공부, 그리고 3개월을 달려 크리스마스 이브에 내놓은 베타 서비스. 2기 8회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🧪 JUnit 단위 테스트 어노테이션 정리이태형 님이런 내용이에요 시작 문장이 솔직합니다. "회사는 테스트 코드를 짜지 않고 바로 개발하기 때문에 코드가 지저분하고, 메서드가 길어져 다른 사람 코드 보기가 힘들다."그래서 "일단 나라도 깨끗하게 해보자"며 클린 코드와 TDD를 찾아보기 시작한 기록이에요.Mock, MockMvc, Mockito.mock(), @Mock,..

안녕하세요! 그로스로그 입니다!😊 🌱프로젝트가 커지며 길어진 빌드 시간을, 도구를 바꿔 35% 줄인 기록입니다. 2기 7회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 큐레이션 한 편입니다. 회차마다 글의 수는 달라지지만, 한 편이든 세 편이든 기록은 이어집니다. 오늘 소개할 글은 짧지만 밀도가 높아요. 01⚡ Bun으로 빌드시간 35% 단축하기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 회사에서 pnpm으로 빌드하던 프로젝트가 커지면서 빌드 시간이 점점 길어지는 문제를 만납니다.이를 해결하려고 Bun을 도입했고, 설치 방법과 특징, 그리고 실제 도입 후 얻..

안녕하세요! 그로스로그 입니다!😊 🌱"클린 코드를 지향할수록 구현 능력이 떨어진다"는 물음에서 시작한 강연 정리, 그리고 스레드가 겹쳐 생긴 버그를 막은 기록. 2기 6회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🧹 클린 스프링: 스프링 개발자를 위한 클린 코드 전략오연수 님오연수 님 원문에 실린 이미지이런 내용이에요 2024 인프콘에서 진행된 이일민(토비) 님의 클린 코드 강연을 듣고 정리한 글입니다.시작이 도발적이에요. "클린 코드를 지향할수록 구현 능력이 떨어지는 것 같지 않나요?" 개발자라면 한 번쯤 품어본 의심입니다.강연은 그 의심에 답하며 클린 코드의 진짜 ..

GL 2기 성장일지 5회차 큐레이션안녕하세요! 그로스로그 입니다!😊 🌱프레임워크 안쪽까지 따라 들어가 무한 루프를 잡아낸 기록, 면접 대비 개념 정리, 그리고 프로젝트를 끝까지 끌고 가는 법. 2기 5회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🔐 스프링 시큐리티 로그인 실패 시 무한 재로그인 문제 해결오연수 님이런 내용이에요 리팩터링을 한 뒤로 로그인에 실패하면 실패 응답이 오는 게 아니라 인증을 무한히 다시 시도하다가 타임아웃이 나는 문제를 만납니다.저자는 디버거를 붙여 스프링 시큐리티의 ProviderManager 내부까지 따라 들어가고, 무한 루프가 생기는 정확..

안녕하세요! 그로스로그 입니다!😊 🌱탭 여러 개가 데이터를 나눠 쓰게 만들다 메모리 누수를 밟은 이야기, 코틀린 문법 정리, 그리고 배포하다 요금을 문 이야기. 2기 4회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🔗 React에서 Shared Worker 사용하기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 브라우저 탭을 여러 개 띄웠을 때, 탭들이 같은 데이터를 실시간으로 공유하게 만드는 방법을 다룹니다. Shared Worker라는 브라우저 기능을 React에 붙인 사례예요.그런데 이 글의 백미는 성공담이 아니라 함정을 밟은 기록입니다. Shared Work..

안녕하세요! 그로스로그 입니다!😊 🌱라이브러리로 때우는 지점을 바이너리까지 내려가 직접 만든 기록, 그리고 앱에 머신러닝 모델을 실제로 붙여본 기록. 2기 3회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 한 겹 더 내려가본 두 편입니다. 01🎧 webm을 wav로 변환하기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 브라우저에서 녹음한 webm 오디오를 wav로 바꾸는 작업을, 라이브러리 없이 직접 구현한 기록입니다.wav 파일은 그냥 소리 데이터가 아니라 정해진 형식이 있습니다. RIFF 헤더가 있고, fmt 청크에 샘플레이트 같은 정보가 들어가고, da..

안녕하세요! 그로스로그 입니다!😊 🌱국내 자료가 거의 없는 플러그인을 직접 파본 기록, 통신이 되는 이유까지 따진 쿠버네티스 정리, 그리고 컨퍼런스를 자기 경험과 엮은 후기. 2기 2회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 "남이 정리해둔 게 없을 때 어떻게 하는가"를 보여준 세 편입니다. 01🤖 [언리얼5.4] Learning Agents 개요허해수 님허해수 님 원문에 실린 이미지이런 내용이에요 언리얼 엔진 5.4에 들어간 Learning Agents 플러그인을 정리한 글입니다. 게임 안의 캐릭터를 강화학습으로 훈련시킬 수 있게 해주는 기능이에요.국내에 참..