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

안녕하세요! 그로스로그 입니다!😊 🌱import 한 줄이 표준이 되기까지 15년이 걸린 이야기, 그리고 디자인만 하던 사람이 직접 앱을 만들어본 기록. 3기 9회차 첫 번째입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 큐레이션이 네 편이라 두 번에 나눠 소개합니다. 먼저 선택지가 여럿인 이유에 대한 두 편이에요. 01📦 자바스크립트 모듈 시스템이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 지금 우리가 쓰는 import/export가 어떻게 표준이 됐는지를 역사 순서로 따라간 글입니다. 태그만 있던 시절 → CommonJS(서버) → AMD(브라우저) → UMD..

안녕하세요! 그로스로그 입니다!😊 🌱이번 회차를 정리하다 재미있는 걸 발견했어요. CSR이 두 편에 나오는데, 뜻이 완전히 다릅니다. 3기 8회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.한 편에서 CSR은 Client-Side Rendering이고, 다른 한 편에서는 Certificate Signing Request입니다. 프론트엔드와 보안에서 각각 쓰이는 약자가 우연히 겹쳤어요. 개발 용어의 세계가 얼마나 넓은지를 보여주는 회차입니다. 01🖼️ SSR, CSR 그리고 SSG 렌더링이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 웹 페이지를 만드는 세 가지 방식 — C..

GL 3기 성장일지 7회차 큐레이션안녕하세요! 그로스로그 입니다!😊 🌱경진대회에 나가려고 앱 개발 방식 네 가지를 비교한 기록, 그리고 이름이 비슷해 헷갈리는 자료구조들을 갈라본 기록. 3기 7회차 두 번째입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.앞선 큐레이션에서 UI 라이브러리와 CI/CD를 다뤘는데요, 이번 두 편은 고르기 위해 비교한 글입니다. 그리고 둘 다 표로 정리하고 결론까지 냅니다. 01📱 모바일 앱 개발 방식의 종류와 특징박지수B 님이런 내용이에요 교내 소프트웨어 경진대회에 나가려는데 앱 개발 경험이 없습니다. 그래서 방식부터 조사했어요.네이티브 앱 · 모바일..

안녕하세요! 그로스로그 입니다!😊 🌱UI 라이브러리를 내 프로젝트 안으로 가져와 직접 고치는 방식, 그리고 "코드는 없지만 코드를 담을 자리를 먼저" 만든 기록. 3기 7회차 첫 번째입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 큐레이션이 네 편이라 두 번에 나눠 소개합니다. 먼저 본격적으로 만들기 전에 기반을 놓는 두 편이에요. 01🎨 Next.js 프로젝트에 Shadcn/ui 사용하기정민아 님정민아 님 원문에 실린 이미지이런 내용이에요 Next.js 15 + TailwindCSS + Shadcn/ui를 처음 붙이는 것부터 커스터마이징까지 한 편에 정리한 글입니다...

안녕하세요! 그로스로그 입니다!😊 🌱반복되는 CS 문의에서 출발해 자동 환불 구조를 만든 기록, 그리고 "우리 규모엔 이게 과하다"에서 시작한 검색엔진 선택. 3기 6회차 두 번째입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.앞선 큐레이션에서 실행 컨텍스트와 모니터링을 다뤘는데요, 이번 두 편은 실제 서비스를 운영하다 마주친 문제에서 출발합니다. 01💳 [결제 오류 대응] 나이스페이 망취소 API 도입기조성호 님이런 내용이에요 CS 문의가 반복적으로 들어옵니다. "결제는 됐는데 예약이 안 됐고, 환불도 안 된다"는 내용이었어요.원인은 모바일에서 자주 나는 세션 만료였습니다. 결제..

안녕하세요! 그로스로그 입니다!😊 🌱this가 왜 매번 다른지를 밑바닥부터 따라간 기록, 그리고 돌아가는 서버를 숫자로 지켜보는 시스템을 만든 기록. 3기 6회차 첫 번째입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 회차는 큐레이션이 네 편이라 두 번에 나눠 소개합니다. 먼저 관찰하는 방식에 대한 두 편이에요. 하나는 안에서, 하나는 밖에서 봅니다. 01🧩 실행 컨텍스트란?이종경 님이종경 님 원문에 실린 이미지이런 내용이에요 실행 컨텍스트(Execution Context) — 자바스크립트 코드가 실행되는 환경 정보의 모음입니다.글은 이걸 세 요소로 나눠 설명해요. Varia..

안녕하세요! 그로스로그 입니다!😊 🌱"CSS에 그런 속성이 있겠지" 하고 시작했다가 네 시간을 쓴 기록, 그리고 프로그램의 1이 회로에서는 5V라는 걸 손으로 확인한 기록. 3기 5회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01⬛ QR 마스크 만들기 (SVG)강단 님강단 님 원문에 실린 이미지이런 내용이에요 QR 스캔 화면을 만드는 작업입니다. 화면 전체는 어둡게 흐리고, 가운데 네모만 뚫려서 선명하게 보이는 그 화면이요.첫 문장이 이 글의 전부를 말합니다. "만만하게 봤다가 큰코다친 경험."최소 기능 20~30분으로 잡고 시작했다가 4시간 넘게 씨름합니다. clip-pa..

안녕하세요! 그로스로그 입니다!😊 🌱무료 할당량을 다 써버려서 서버를 직접 만들기로 한 이야기, 그리고 백엔드가 잘게 쪼개질수록 프론트엔드가 무거워지는 문제. 3기 4회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.이번 두 편은 기술을 고르는 판단에 대한 기록입니다. 그리고 공교롭게도 둘 다 "더 좋아 보이는 쪽을 안 고를 수도 있다"는 결론에 닿아요. 01📡 [프로젝트] MQTT VS HTTP 무엇을 사용하는 게 좋을까?윤창훈 님윤창훈 님 원문에 실린 이미지이런 내용이에요 센서 데이터를 올리던 ThingSpeak의 1년치 무료 할당량을 3개월 만에 다 써버립니다. 관찰하던 센..

안녕하세요! 그로스로그 입니다!😊 🌱스터디 첫 주를 통째로 정리한 도커 노트, 회사에서 받은 요청에서 출발한 SEO 추적기, 그리고 "HTML은 어떻게 도착하는가"를 끝까지 파고든 기록. 3기 3회차입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다. 01🐳 도커 스터디 1주차 — Docker 소개 & 활용박지수B 님박지수B 님 원문에 실린 이미지이런 내용이에요 도커·쿠버네티스 스터디의 첫 주차 기록입니다. 도커가 왜 나왔는지부터 시작해 아키텍처, 설치, 기본 명령어, docker run 옵션, 컨테이너 네트워크 모드, 도커파일까지 한 편에 담았어요.명령어마다 주석이 붙어 있어서 그대..