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

[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였는지부터 밝히고 시작합니다. 도구를 고른 이유가 먼저 나오는 글이라 따라가기 편해요...

[GL 1기] AWS 프리티어 12개월 제대로 쓰기, 그리고 JSP 404 추적 (성장일지 6회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱무료라고 들었는데 3천원이 청구된 이야기, 그리고 분명 만들어둔 페이지가 404를 뱉던 이야기. 1기 6회차 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 공식 문서가 알려주지 않는 것들을 다룬 두 편입니다. 01☁️ AWS EC2 서버와 RDS, 12개월 무료로 써보자곽경훈 님곽경훈 님 원문에 실린 이미지이런 내용이에요 AWS 프리티어로 EC2 서버와 RDS 데이터베이스를 12개월 동안 무료로 쓰는 구성 방법을 정리했습니다. EC2 30GB, RDS 20GB까지가 무료 범위예요.단순한 가입 안내가 아니라 실제로 요금이 나올 수..

[GL 1기] React-Flask 배포 시행착오와 환경별 설정 분리 (성장일지 5회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱처음 배포하며 막히고 또 막힌 기록, 그리고 개발 환경에서 실제 사용자에게 알림이 갈 뻔한 아찔함. 1기 5회차 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 "만든 것을 세상에 내놓는 단계"에서 만나는 벽을 다룬 두 편입니다. 01🚀 Vercel과 Heroku로 React-Flask 앱 배포하기이민경 님이민경 님 원문에 실린 이미지이런 내용이에요 React 프론트엔드와 Flask 백엔드로 만든 앱을 Vercel과 Heroku에 배포하면서 겪은 시행착오를 담았습니다.로컬에서는 잘 돌아가던 프로젝트가 배포 단계에서 계속 막혔고,..

[GL 1기] FCM 푸시 알림 붙이기와 간헐적 ChunkLoadError 추적 (성장일지 4회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱푸시 알림을 처음 붙이며 공식 문서를 파고든 기록, 그리고 시크릿탭에서만 간헐적으로 터지던 에러를 끝까지 쫓아간 기록. 1기 4회차 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 문서와 로그를 읽어내는 힘이 그대로 드러난 두 편이었습니다. 01📲 FCM 푸시 알림 (코틀린, 스프링부트)오연수 님오연수 님 원문에 실린 이미지이런 내용이에요 스프링부트와 코틀린으로 모바일 앱에 FCM 푸시 알림을 붙이는 전 과정을 담았습니다.설정 코드부터 실제로 서버가 보내는 요청 페이로드까지 그대로 실려 있어서, 같은 작업을 해야 하는 사람이 화..

[GL 1기] EC2에서만 멈추는 스트리밍, 500줄짜리 검색 쿼리 (성장일지 3회차 큐레이션) 🌱

안녕하세요! 그로스로그 입니다!😊 🌱로컬에선 멀쩡하던 스트리밍이 EC2에서만 멈춘 일, 그리고 500줄짜리 검색 쿼리 앞에 선 시간. 끝까지 파고든 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 문제 해결의 과정이 유난히 잘 드러난 두 편이었어요. 01🔍 [Nextjs] 트러블슈팅 — 스트리밍을 위한 NGINX 프록시 설정변기원 님변기원 님 원문에 실린 이미지이런 내용이에요 Next.js App Router로 만든 개인 프로젝트를 다시 배포하면서, 로딩과 렌더링 성능 최적화에 가장 공을 들인 과정을 담았습니다.문제는 로컬에서 잘 되던 스트리밍이 EC2에 올리자 ..