GROWTH LOG STORIES

함께 만든 성장을,
기록으로 연결합니다.

AI와 함께 배우고, 직접 만들고, 서로 나눈
그로스로그 멤버들의 생생한 성장 기록을 만나보세요.

…성장 기록
5기+이어진 커뮤니티
HEALTHIO
PROJECT

사진 한 장으로 시작하는 건강 루틴, Health IO

대표 이야기 읽기 ↗

ALL STORIES

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

프로젝트의 시작부터 모임에서 나눈 인사이트까지,
그로스로그가 함께 만든 기록을 모았습니다.
…개의 성장 기록

React 11

총 11개의 기록

최신순 ⌄

[4기_10 ②] 입구를 하나로 모으기 — 디스패처 서블릿, useReducer, 체와 벡터공간 🌱

GL 4기 성장일지 10회차 큐레이션안녕하세요! 그로스로그 입니다!😊 🌱모든 요청을 한 곳에서 받아 나눠주는 서블릿, 모든 상태 변경을 함수 하나로 모으는 훅, 그리고 서로 다른 수 체계를 같은 규칙으로 묶는 대수 구조. 4기 마지막 회차 세 편입니다.4기 10회차는 2026년 2월입니다. 4기 2차 큐레이션의 마지막 편이기도 해요. 마침 세 편이 흩어져 있던 것을 한 곳으로 모으는 이야기를 하고 있습니다. 01🚏 디스패처 서블릿이란?노현주 님이런 내용이에요 스프링 MVC의 디스패처 서블릿을 정리한 글입니다. 역할을 네 가지로 나누고, 프론트 컨트롤러 패턴이라고 이름 붙입니다.그런데 이 글의 중심은 실행 순서입니다. 요청이 들어와서 응답이 나갈 때까지 9단계를 번호로 적고, 필터와 인터셉터에 로그를..

성장일지 2026.08.11

[4기_10 ①] 결론을 미루는 설계 — 현대사 검색 앱, 이벤트 기반 아키텍처, 점심 메뉴 투표 🌱

안녕하세요! 그로스로그 입니다!😊 🌱답을 정해주지 않되, 판단할 수 있게 재료를 갖춰 넘긴다. 4기 마지막 회차 세 편이 나란히 그 이야기였습니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.4기 마지막 회차입니다. 기획 문서 한 편, 아키텍처 정리 한 편, 그리고 작은 프로젝트 하나가 올라왔어요.성장일지 큐레이션 커버 01🏛️ The second project this year박석희 님이런 내용이에요 한국현대사 검색 앱을 만들기로 한 기록입니다. 아직 시작 단계예요. "진행되는대로 본 게시글에 진행 상황을 업데이트할 예정"이라고 적혀 있습니다.앞부분이 왜 만드는가입니다. 정치 갈등 ..

성장일지 2026.08.11

[4기_8 ②] 미리 바꿔두면 나중이 싸집니다 — useMemo 메모이제이션, 파이썬 nonlocal과 클로저, 벡터의 성분 표현 🌱

GL 4기 성장일지 8회차 큐레이션안녕하세요! 그로스로그 입니다!😊 🌱계산 결과를 저장해뒀다 다시 쓰는 훅, 함수가 끝나도 값이 살아남는 파이썬 문법, 그리고 기하 문제를 덧셈과 곱셈으로 바꾸는 벡터 표기. 4기 8회차 세 편입니다.4기 8회차는 2026년 1월입니다. 세 편이 한 번 다른 형태로 바꿔두면 나중 계산이 싸진다는 이야기를 각자의 자리에서 하고 있어요. 01🧠 React Hook — useMemo박현구 님이런 내용이에요 계산 결과를 렌더링 사이에 저장해두는 훅을 정리한 글입니다.매개변수 둘과 반환값을 문서 수준으로 짚고, 주의 사항 세 가지를 그대로 옮겨왔어요.특히 중요한 한 줄이 있습니다. "React는 캐싱된 값을 버려야 할 특별한 이유가 없는 한 버리지 않는다" — 뒤집으면 버릴 ..

성장일지 2026.08.11

[4기_1 ①] 이름을 붙이는 일과 나누지 않는 판단 — 시맨틱 태그, 리액트 리스트 렌더링 🌱

안녕하세요! 그로스로그 입니다!😊 🌱화면에는 똑같이 보이는데 구조는 전혀 다른 두 코드. 그 차이를 각자 다른 방향에서 파고든 두 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 매 회차 운영진이 모든 글을 읽고, 그중 특히 마음에 남은 글을 함께 골라 큐레이션합니다.4기는 2025년 9월에 시작됐습니다. 첫 회차부터 HTML의 밑바닥과 리액트 실무 감각이 나란히 올라왔어요. 01🏷️ 웹 개발에서 중요한 시맨틱 태그(Semantic Tag)진현주 님진현주 님 원문에 실린 이미지이런 내용이에요 HTML5의 시맨틱 태그를 정리한 글입니다. , , , , , , 일곱 개를 짚고, 왜 써야 하는지를 SEO · 웹 접근성 · 코드 가독성 세 갈래로 나눠 설명해요.후반부에는 ..

성장일지 2026.08.11

[2기_11 ②] 비슷해 보이는 둘을 가르기 — Next SSR·CSR 오류, JS 동등과 일치, props 두 방법 🌱

안녕하세요! 그로스로그 입니다!😊 🌱같아 보이는데 다른 것들이 있습니다. 그걸 가르는 일이 실력이 되기도 하고요. 2기 11회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 11회차, 2025년 2월 초입니다. 이번 회차에는 구분하는 일을 다룬 세 편이 모였어요. 두 종류의 오류를 가르고, 두 연산자를 가르고, 두 가지 작성법을 가릅니다. 01🧯 next의 ssr, csr로 인한 오류제어이지은 님이런 내용이에요 Next 프로젝트에 무한 스크롤 라이브러리를 넣다가 두 종류의 오류를 동시에 만난 기록입니다.첫 줄이 솔직해요. "지속적인 오류 파티이다."그런데 이 글의 ..

성장일지 2026.08.09

[2기_9 ②] 무엇을 건너뛸 것인가 — Vue debounce와 computed, 리액트 조건부 렌더링, 한 학기 복기 🌱

안녕하세요! 그로스로그 입니다!😊 🌱무엇을 할지만큼이나 무엇을 하지 않을지가 중요할 때가 있습니다. 2기 9회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 9회차, 2025년 1월입니다. 이번 회차에는 건너뛰는 일을 다룬 세 편이 모였어요. 화면을 안 그리고, 계산을 안 하고, 문제를 안 풀기로 정하는 이야기입니다. 01🧩 웹페이지 만들기 #2임준혁 님임준혁 님 원문에 실린 이미지이런 내용이에요 Vue.js 공식 문서를 따라가며 만든 실습 기록입니다. 화면 캡처가 서른 장 넘게 붙어 있어요.반응형 데이터에서 시작해 methods, nextTick, debounce..

성장일지 2026.08.09

[2기_8 ②] 변하는 자리에 이름 붙이기 — 파이썬 for와 while, C 함수와 표준함수, 리액트 state 🌱

안녕하세요! 그로스로그 입니다!😊 🌱같은 일을 여러 번 해야 할 때, 무엇을 먼저 해야 할까요. 2기 8회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 8회차, 2024년의 마지막 무렵입니다. 이번 회차에는 반복을 다룬 세 편이 모였어요. 반복문으로, 함수로, 그리고 화면을 다시 그리는 일로요. 01🔁 파이썬 독학 — for문/while문권준형 님권준형 님 원문에 실린 이미지이런 내용이에요 파이썬 for문과 while문을 공부한 기록입니다.손으로 다섯 줄을 쓰는 코드에서 출발해서, "1,000까지 가면 어떻게 하지?"라는 질문을 던지고 for문으로 넘어가요.예제가..

성장일지 2026.08.09

[2기_7 ②] 줄여야 보인다 — 트리 한 장 총정리, C break와 continue, 리액트 state 합치기 🌱

안녕하세요! 그로스로그 입니다!😊 🌱여러 장을 한 장으로, 여러 줄을 몇 줄로, 여러 개를 하나로. 2기 7회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 7회차, 2024년 겨울로 들어서던 무렵입니다. 이번 회차에는 줄이는 일을 다룬 세 편이 모였어요. 개념을 줄이고, 반복을 줄이고, 상태를 줄입니다. 01🌲 트리 정리김영진 님김영진 님 원문에 실린 이미지이런 내용이에요 자료구조 과목의 트리 단원 전체를 한 장으로 압축한 정리 노트입니다.기본 용어에서 시작해 쓰레드트리, 힙, 승자·패자트리, 숲, 이진탐색트리, Splay, AVL, BB, m원탐색트리, B계열,..

성장일지 2026.08.09

[2기_6 ②] 두 방법을 놓고 고르기 — MyBatis 데이터 접근, 리액트 이미지 관리, C++ 구조체와 클래스 🌱

안녕하세요! 그로스로그 입니다!😊 🌱같은 일을 하는 두 가지 방법이 있을 때, 무엇을 보고 고를까요. 2기 6회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 6회차, 2024년 11월 하순입니다. 이번 회차에는 "두 가지 방법"을 나란히 놓고 비교한 글이 세 편 모였어요. 층위가 전혀 다른데도 고민의 모양이 닮았습니다. 01🗄️ MyBatis, 직접 대입 방식 vs 전자정부 방식한지수 님이런 내용이에요 MyBatis로 DB에 접근하는 두 가지 구조를 비교한 글입니다. 컨트롤러에서 SqlSession을 직접 쓰는 방식과, 전자정부 표준프레임워크의 EgovAbstra..

성장일지 2026.08.09
전체 기록 보기

WRITE YOUR GROWTH

오늘의 배움을
내일의 성장으로.

기록은 나를 돌아보게 하고, 공유는 우리를 연결합니다.
당신의 다음 성장 이야기도 그로스로그에서 시작해보세요.

커뮤니티 둘러보기