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

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

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

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

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

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

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

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

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

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

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

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

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

[GL 2기 4회차] 데이터가 지나가는 길목 — 입출력 시스템, 리액트 fetch, tap 연산자 🌱

안녕하세요! 그로스로그 입니다!😊 🌱키보드에서 CPU까지, 서버에서 화면까지, 그리고 흐름 한가운데를 들여다보는 법. 2기 4회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 4회차, 2024년 10월 말입니다. 이번 회차에는 데이터가 오가는 통로를 서로 다른 층위에서 다룬 세 편이 모였어요. 01🔌 12, 13강 입출력시스템김영진 님김영진 님 원문에 실린 이미지이런 내용이에요 컴퓨터구조 강의의 입출력 시스템 두 강을 정리한 글입니다. 11,821자예요.핵심은 속도가 다른 두 세계를 어떻게 잇는가입니다. CPU와 키보드는 속도도, 다루는 데이터 단위도, 오류 발생률..

[GL 2기 3회차] 나누고, 모으고, 걸러내고 — React 컴포넌트와 props, reduce 연산자, includes 검색 필터 🌱

안녕하세요! 그로스로그 입니다!😊 🌱화면을 조각으로 나누는 법, 흘러오는 값을 하나로 접는 법, 목록에서 원하는 것만 남기는 법. 2기 3회차 세 편입니다.성장일지는 멤버들이 2주에 한 번씩 자신의 성장을 기록하는 활동이에요. 지난 기수의 성장일지를 다시 읽으면서, 그때 소개해드리지 못한 글을 하나씩 꺼내고 있습니다.2기 3회차, 2024년 10월입니다. 이번 회차에는 데이터를 다루는 기본 동작 세 가지가 나란히 올라왔어요. 01🧩 component, props이주희 님이런 내용이에요 React의 컴포넌트와 props를 정리한 학습 노트입니다. 함수형과 클래스형 두 방식을 코드로 나란히 보여줘요.그리고 주의사항이 유난히 많습니다. 이름은 반드시 대문자로, return에는 괄호를, 컴포넌트 안에 컴포..