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

[GL 2기] 테스트 없는 회사에서 혼자 시작한 단위 테스트, 그리고 크리스마스 이브의 베타 출시 (성장일지 8회차 큐레이션) 🌱

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

[GL 2기] 빌드가 3분에서 2분으로, 회사 프로젝트에 Bun을 도입한 기록 (성장일지 7회차 큐레이션) 🌱

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

[GL 2기] 토비의 클린 코드 강연 정리, 그리고 스레드가 겹칠 때 쓰는 synchronized (성장일지 6회차 큐레이션) 🌱

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

[GL 2기] 로그인 실패가 무한 반복된 이유, OOP 면접 정리, 프로젝트 생존법 (성장일지 5회차 큐레이션) 🌱

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

[GL 2기] 멀티탭 데이터 공유, 코틀린 스코프 함수, 그리고 예상 못한 EC2 과금 (성장일지 4회차 큐레이션) 🌱

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

[GL 2기] 오디오 파일을 바이너리부터 조립하기, 그리고 앱에 ML 모델 붙이기 (성장일지 3회차 큐레이션) 🌱

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

[GL 2기] 언리얼 강화학습 플러그인, 쿠버네티스 Service, 컨퍼런스에서 건진 것 (성장일지 2회차 큐레이션) 🌱

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

[GL 2기] import 정렬 자동화부터 언리얼 이동 동기화까지 (성장일지 1회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱바로 복붙해 쓸 수 있는 팀 컨벤션 설정, 기존 앱에 Flutter를 조금씩 들이는 법, 그리고 게임 엔진 내부 파헤치기. 2기 첫 회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.2기는 2024년 9월에 시작됐습니다. 1기보다 인원이 늘면서 다루는 분야도 넓어졌어요. 첫 회차부터 프론트엔드·앱·게임엔진이 한자리에 모였습니다. 01📐 ESLint로 import 순서 규칙 만들기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 프로젝트마다 제각각인 import 문 순서를 ESLint 규칙으로 강제하는 방법을 정리했습니다.React를 맨 위에..

[GL 1기] Cypress로 시작하는 E2E 테스트, 그리고 4주 만에 동작한 웹크롤러 (성장일지 7회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱브라우저를 대신 조작해주는 테스트 도구를 처음 써본 기록, 그리고 엑셀 노가다에서 시작한 아이디어가 4주 만에 동작하기까지의 기록. 1기 마지막 회차 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.1기는 2024년 5월에 시작해 8월에 마무리됐습니다. 이번이 그 마지막 회차예요. 01🧪 Cypress 사용하기이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 E2E 테스트 도구로 Cypress를 도입하면서, 왜 Playwright가 아니라 Cypress였는지부터 밝히고 시작합니다. 도구를 고른 이유가 먼저 나오는 글이라 따라가기 편해요...