growing archive

0617 TIL : 바쁘다 바빠 현대사회

growingtree — Wed, 17 Jun 2026 20:56:16 +0900

오늘은 무엇을 했나 오늘은 엽떡을 먹었다!

오늘 특강에서 나를 잘 지키라는 말을 하셨는데 요즘 스스로에 대한 불안과 걱정으로 인해 스트레스가 많았는데 뭔가 위안을 받는 느낌을 받았다

MVP 프로젝트 고도화 하는 중인데 왠지 하다보니 자꾸 시야가 또 좁아지는 느낌을 받았다 나는 하나하나 다 납득이 가야지 그 다음을 할 수 있다고 생각하는데 그게 다른 사람들을 피곤하게 할 수도 있겠다는 생각이 들었다. 내가 너무 문제의 근원적인 문제부터 뜯어고치려고 해서 생긴 문제 같다. 완벽하게 하려는 마음 때문인가 싶은 생각도 들었다 어제 남희님이 말씀하신 체크리스트 방법이 급 떠올랐다. 혼자서라면 무한정 딥다이브할 수 있지만 다같이할 때는 그러기 어려우니깐.. 팀원들이 어느 정도로 생각했는지 파악하고 거기에 맞추려고 해야겠다

오늘 강의도 듣고 특강도 듣고 MVP 고도화를 하고 하다보니 정신이 없다.. 바쁘다 바빠 현대사회

0616 TIL : 오랜만에 공부다운 공부를 한 하루

growingtree — Tue, 16 Jun 2026 20:21:47 +0900

오늘은 무엇을 했냐면 많은 일을 했다

일단 어제 너무 피곤한 관계로 10시에 잤더니 6시반쯤 눈이 떠졌다. 일어나서 카페를 갔다. 사실 스타벅스의 창문 자리에 앉아서 광합성을 하고 싶었다. 다른 카페도 아니고 꼭 스타벅스여야만 했다. 그래서 아침에 일어나서 짐을 싸고 아침 7시에 여는 스타벅스에 갔다.

앉아서 강의를 열심히 들었다. 한 1시간 30분 정도 앉아서 그로스 해킹 강의 chapter 2를 다듣고 오전에는 말해보카 역기획 프로젝트를 좀 진행했다. 혼자 내가 좋아하는 서비스를 역기획해보고 싶다는 생각이 있었는데 그걸 실현할 수 있는 마지막 기회! 다음주부터는 최종 프로젝트를 해야하니.. 이번 주에 역기획을 좀 부지런히 진행해보려고 한다. 사실 역기획을 해야지라고 마음먹고 못한 적이 여러 번이라서 이번에도 빠그라질까봐 걱정했지만 꽤 열심히 했고 진전이 있었다. 하지만 중간에 공부하다가 급 내 처지가 초라하고 쭈글쭈글해져서 내 처지를 알고 있는? 내 상황을 그래도 잘 이해해주실 수 있는 분께 고민 상담을 했었다. 그 분이 하신 말씀이 되게 마음에 와닿았다. 사람을 물질적으로 보게 되면 자꾸 비교를 하게 된다는 것과 내가 누구인지 명확해지지 않으면 불안해진다는 것도, 지금은 그냥 상태이지 나 자체가 아니라는 이야기가 되게 위로가 되었다. 그리고 자꾸 아침에 카페를 가면 배고파서 디저트를 먹어야한다. 그래서 참다참다 11시에 치즈 베이글을 먹고 정작 점심 시간에는 배가 고프지 않아서 간단하게 라면을 먹었다.

그리고 오후에는 MVP 프로젝트 고도화 회의를 했다. 고도화 회의를 하면서 느낀건 우리가 4050세대, 그리고 부업 이라는 카테고리를 골랐지만 그 카테고리에 대해 아는 게 별로 없다는 것이다. 그런 부분이 허점으로 작용했을 수 있겠다는 생각이 들었다. 그리고 왜 다들 자기 자신에서 문제를 발견하려고 했는지도 알 것 같았다.. 타겟이 내가 아니니 어렵다고 느껴졌다. 그치만 일을 하면서 내가 원하는 타겟만 내가 공감가는 타겟만 만날 수 있는 건 아니니깐..

그리고 5시에 튜터님의 대면 피드백이 있었다. 대면 피드백은 언제나 어렵고 긴장된다. 오늘은 내가 질문드리고 싶은 건 다 여쭤본 것 같다. 다들 실력이 많이 늘었다고 하셨는데 실력이 는 사람들 사이에서 어떻게 하면 더 눈에 띌 수 있을지는 모르겠다. 내가 너무 경쟁적으로만 바라보는 건가 싶기도 하다.

오늘 들었던 생각은 내가 갖고 있는 것들을 예뻐해주는 마음을 갖자는 것이었다. 튜터님에게 지금까지 나의 과제를 보면서 보였던 장점과 단점에 대해서 여쭤봤는데 장점으로 성실하다고 하셨다. '성실'이라는 단어가 가지는 가치가 정말 크다는 건 알고 있지만 .. 거의 인생 전체를 살면서 지민이는 참 성실하다~는 이야기를 많이 들어서 별로 큰 칭찬이라고 느껴지지 않았다. 칭찬을 받으면 점수가 + 가 되어야하는데 성실하다는 말은 하도 많이 들으니까 그 가치가 바랬다. 그래서 그냥 나에게 0점이다. 머리로는 이게 정말 멋진 칭찬이라고 생각하는데 마음은 그걸 0점 처리하고 칭찬으로 받아들이지 않는다. '에이 다들 나만큼 성실해' 이렇게 생각하면서 사는 거다. 나는 나에게 항상 박하다. 내가 갖고 있는 것도 분명 좋은 것들이 있을텐데 항상 남이 가진 것들을 부러워한다. 나는 그렇게 평생 부러워하면서 사는거다..! 인생을 잘 사는 방법은 내가 가진 것이 제일 좋다고 생각하는 거라고 생각한다. 설령 스스로 못생겼더라도 나는 예쁘다고 생각하면서, 나는 좀 바보 같아도 나는 똑똑하다면서 어쩌면 스스로를 속이는 것이지만 이런 건 건강한 속임 아닐까? 나도 대체 어떻게 살아야할지 모르겠다 나도 나를 사랑하면서 살 수 있을까? 오늘 스스로가 너무 초라해보였고 칭찬마저도 칭찬처럼 들을 수 없으니 정말 어떻게 살아야할지 깜깜하다. 뭔가 이 세상에 혼자 동떨어진 기분.. 알 수 없다.. 운동을 해야겠다

0615 TIL : 그로스 해킹 & 데이터 1일차

growingtree — Mon, 15 Jun 2026 17:10:01 +0900

키보드를 바꾼지 얼마 안되어서 뭐든 다 치고 싶은 심정임

이러다가 밥도 키보드로 먹는 건 아닌지?? (??)

오늘은 아침에 일찍 일어났더니 오후에 졸렸다.. 아침에 이제 그만 일찍 일어나자.. (?)

오늘 들은 강의은 그로스 해킹 챕터 1이었는데 튜터님도 가볍게 들어줬으면 하셨고 나도 가볍게 들었다..하핫

기억나는 내용은 그로스해킹이라는 단어가 한참 유행했었는데 그로스해킹이 다른 게 아니고 데이터 드리븐하고 비슷한 말이라는걸 알게 되었다. 기획에 있어서 PM에 있어서 데이터와 데이터를 기반으로 한 사고가 얼마나 중요한지.. 느낄 수 있었다.

그리고 오늘 팀원 분이 PM과 관련된 아티클을 공유해주셨는데 되게 의미가 있었다. PM이 신입을 뽑지는 않지만 PM이라는 직무를 꿈꾸는 사람들의 특징이라고 한다면 문제를 정의하고 해결해나가는 과정을 즐기는 사람이었다는 것이다. 나도 그런 걸 나름 즐기는 사람으로서.. PM이 되고 싶다는 생각에 한 발 짝 더 다가선 것 같다.

0611 TIL : MVP 마무리

growingtree — Thu, 11 Jun 2026 20:11:07 +0900

폭풍 같았던 2주가 지나고 오늘 마무리를 했다. 오늘 아침에 엄마를 상대로(?) UT를 진행했는데 하다보니 직접 사람을 만나보는 게 정말 중요하다는 걸 알게 되었다. 타겟을 잘 알려면 직접 만나봐야한다는 것을 느꼈다.. 내용이 어려울거라는 상상도 못했고 UI가 시험보는 것 같은 느낌을 준다는 것도 처음 알았다. 4050세대는 새로운 걸 배우는 게 어렵다는 것도 알게 되었다. 직접 만나는 것이 중요하다..

마지막에 단비 튜터님과 리허설을 하면서 (의도치 않게) 피드백을 많이 받았다. 그걸 가지고 또 추가를 하다보니.. 대본을 여러번 수정했다. 과연 내일 나는 래퍼마냥 좋은 딕션으로 발표를 할 수 있을 것인가.. 사실 우리 팀 넘나 잘했다고 생각한다.. 팔은 안으로 굽는거라 그런건지 모르겠지만.. 잘햇서잉.. 4명이서 똘똘 뭉쳐서 참 열심히 한 것 같다 (주말도.. 공휴일도..) 고생한만큼 내일 잘 마무리되었으면 좋겠다.

0610 TIL : 멍..

growingtree — Wed, 10 Jun 2026 21:09:53 +0900

오늘 뭐했지.. 뭐했더라.. PPT 대본을 만들었다..

0609 TIL : 칭찬 Day

growingtree — Tue, 9 Jun 2026 21:12:25 +0900

오늘 엄청난 칭찬을 받았다

발표 대본을 엄청 살갑게 쓴다는 것! 몰입이 잘 될 것 같다는 이야기를 해주셨다. 사실 최근에 나의 말투 때문에 스트레스를 많이 받았었는데 이런 이야기를 들으니까 뭔가 마음이 녹는 느낌이 들었다 나름 나 발표를 잘하는 걸지도! 사실 매번 피피티 딕션 좋게 읽는 것 같아서 고민이었다. 그래서 발표 잘하는 법 이런 유튜브를 많이 참고하긴 했었다.. 기왕 내가 하겠다고 한 건 잘해야하니깐.. 그래도 팀에 뭐라도 도움이 되는 것 같아서 다행이다.. 나름 쓸모있는 사람 유지민

오늘은 피피티를 만들고 발표 대본을 만들었다 끝!

[아티클 읽기] 기획자들이 알아야할 UI 기본 용어

growingtree — Tue, 9 Jun 2026 08:18:14 +0900

https://yozm.wishket.com/magazine/detail/1302/

기획자들이 알아야 할 UI 기본 용어 | 요즘IT

최근 웹 기획으로 넘어오면서 인터페이스 요소들을 살펴볼 일이 많아졌고, 헷갈리는 용어들이 눈에 밟히기 시작했다. 이미 알고 있는 용어가 어떤 회사에서는 다른 단어로 대체되어 쓰이거나,

yozm.wishket.com

1. BTN 상태 : State 정리

Enabled : 상호작용이 가능한 상태일 때
Disabled : (어떠한 이유로든) 동작할 수 없는 비활성 상태
Hover : 마우스 또는 포인터가 올려진 상태
Focused : 키보드 또는 음성 등의 입력을 통해 강조된 때
Pressed : 마우스 또는 포인터로 클릭 / 터치 했을 때

2. GNB

웹사이트 상단 최상위 메뉴 → GNB
웹사이트 전체에서 공통적으로 노출되는 메류이며 주요 메뉴로 빠르게 이동할 수 있는 링크 포함
웹 이탈률과 전환율에 큰 영향을 미치는 메뉴 → 배열의 순서가 중요함

3. LNB

GNB 메뉴를 누르거나 마우스 오버 상태일 때 발생되는 소메뉴 → 하위에 위치한 특정 메뉴로 이동 가능

4. Hero Banner

웹사이트 메인 상단에 위치하는 대형 배너 → 사용자의 주목을 이끄는데 효과적이며 중요한 영역
고객에게 전달하고 싶은 가장 중요한 콘텐츠를 등록하는 세션

5. Drop Down List

드롭 다운 리스트는 버튼을 클릭하거나 커서를 올렸을 때 세부 항목들이 펼쳐지고 하나의 항목을 선택할 수 있는 요소
주로 많은 값에서 하나를 선택해야할 때 사용 → 풀다운 메뉴라는 말로도 불림
여러 항목들을 나열된 상태로 두지 않고 간결하게 표현할 수 있다는 것이 장점

6. 모달, 팝업

기존에 열려있던 페이지 위에 새로운 레이어를 덮는 기능
팝업은 모달과 달리 페이지 위에 또 하나의 브라우저 페이지를 띄우는 개념
두 창 모두 주의사항이나 공지 등 유저의 이목을 이끌고 중요한 정보를 전달할 때 사용

7. 스낵바, 토클, 툴팁

스낵바는 유저가 수행한 작업에 대한 결과를 간단한 텍스트 레이블로 보여줌 → 대략 4초 뒤에 자동으로 사라짐, 액션 버튼이 함께 표시된다는 점에서 토스트 팝업과 차이가 있음
토글을 스위치와도 많이 통용됨 → 설정을 켜기/끄기와 같은 항목에 적용할 수 있음
툴팁은 특정 화면 요소에 마우스를 가져가면 나타나는 설명

8. Input Field 와 유효성 검사

사용자가 텍스트를 입력하고 편집할 수 있는 입력란을 의미함
자주 함께 사용하는 유효성 검사는 유저가 입력 필수 요소를 생략했거나 정해진 양식에 맞춰 입력하지 않을 경우 오류 상태 표시
작성에 필요한 필수 항목이 여러 줄 (긴 문장)을 입력할 때 Textarea를 주로 사용

9. CheckBox

체크박스는 여러 개의 목록 중에서 값을 다중 선택할 때 자주 컴포넌트
하나 이상의 값을 다중 선택할 수 있다는 점에서 라디오 버튼과 차이가 있음
유저가 취할 액션을 사전에 고려해 사용 여정에 더 적합한 요소를 사용하는 것이 좋음

10. Accordion

내용을 접었다가 펼칠 수 있는 컴포넌트
리스트를 접기, 펼치기의 형태로 표현할 수 있음

11. Breadcrumb

브레드크럼은 PC웹 환경에서 자주 활용되는 정보구조기법
정보 구조 상 표시되는 콘텐츠의 양에 따라 구분자, 말줄임표 등으로 구분한다
현재 위치를 시각적 계층 구조로 나타나는 내비게이션 → 사용자는 손쉽게 상위, 하위 페이지로 이동가능

0608 : 새벽 5시부터 시작한 하루 그치만 알찼다

growingtree — Mon, 8 Jun 2026 21:02:16 +0900

오늘은 할미마냥 5시에 일어나서 빨빨거리다가 캠프를 시작했다.

5시간밖에 못자서 졸릴까봐 4샷 아메리카노를 때렸다. 그랬더니 좀 괜찮았다.

오늘도 10시간 동안 토킹토킹을 하며 1차 피드백 내용 중 수정이 필요한 내용 정리하고 양식도 다시 꾸렸다

그리고 QA TC도 만들었다.. 열심히 만들었는데 쓸모가 있는지는 모르겠다 언젠가 쓰이겠지 뭐..(추후 취업에..)

PPT 발표 자료도 좀 만들었다. 처음에 감마를 썼는데 정말.. 괜찮긴 했지만 자유도가 너무 떨어져서 결국 캔바로 넘어감

캔바에 차트 그리는게 있던데 여러모로 정말 유용했다. 아니 내가 쓰던 ms office 365 졸업했더니 등급이 떨어진건지 이제 앱에서 편집이 안된다능!! 무조건 웹으로만 봐야한다능!! 진짜..;; 졸업생 대우가 너무하네요. 앞으로 캔바와 구글 슬라이드를 애용할 예정이다

오늘은 다들 멸치똥따면서 이야기하는 것마냥 피피티를 만들었더니 재밌었다. 운동 조지고 일찍 자야겠다~

0601 : 회의 10시간

growingtree — Mon, 1 Jun 2026 21:13:27 +0900

오늘 뭐했지... 오늘은 정말 회의만 하다 하루가 끝나서 적을 것이 별로 없다

그래도 이야기하면서 많이 날카롭게 다듬고 구체적으로 정한 것 같아서 다행이다. 뭔가 어떻게든 굴러가고 있어!!!

튜터님들의 피드백도 아주 감사했다. 우리가 차마 생각하지 못한 부분도 짚어주셨고 더 다듬어야하는 부분도 말씀해주셨다.

설문조사를 하려고 하는데 우리가 하고자 하는 타겟을 구하기가 쉽지 않더라.. 일단 커뮤니티 여기저기 뿌려봤는데 될런지 모르겠다 일단 그래도 해봐야지 어떻게든 되겠지~ 운동 갔다가 다른 조 설문조사도 좀 도와주고.. 그리고 자야겠다 우리 조 분들이 다들 의견도 잘 주시고 서로서로 존중하면서 이야기하시는 것 같아서 좋다..물론 나만의 생각일지도 우하하... 그래도 폐는 끼치지 않았으면 좋겠다 내일도 화이팅

[아티클 읽기] 반복되는 어드민 디자인, PRD로 어디까지 자동화할 수 있을까?

growingtree — Mon, 1 Jun 2026 08:42:53 +0900

https://www.bucketplace.com/post/2026-05-29-%EB%B0%98%EB%B3%B5%EB%90%98%EB%8A%94-%EC%96%B4%EB%93%9C%EB%AF%BC-%EB%94%94%EC%9E%90%EC%9D%B8-prd%EB%A1%9C-%EC%96%B4%EB%94%94%EA%B9%8C%EC%A7%80-%EC%9E%90%EB%8F%99%ED%99%94%ED%95%A0-%EC%88%98-%EC%9E%88%EC%9D%84%EA%B9%8C/

반복되는 어드민 디자인, PRD로 어디까지 자동화할 수 있을까? - 오늘의집 블로그

디자이너의 단단한 기준 위에서 실현된 ‘누구나 디자인하는 환경’

www.bucketplace.com

어드민 자동화를 시도했던 이유는

새로운 물류 서비스를 런칭하려고 하는데 9개의 어드민 신규 페이지가 필요했음
→ 새롭게 디자인을 하기 보다는 저액을 매핑하는 작업에 가까웠음

정책을 가장 잘 아는 PO가 직접 디자인까지 할 수 있으면 어떨까?

1차 시도 : ‘Figma Make’ 로 어드민 템플릿 만들기

어드민에 특화된 디자인 가이드를 먼저 구축하고 이를 템플릿에 세팅하는 방식으로 접근
어드민의 구조를 분해해보니 → ‘조회’ 와 ‘데이터 등록’ 두 가지 유형, 레이아웃은 3가지로 정리됨
→ 모든 페이지의 구조가 이 조합 안에서 이뤄진다는 것을 알게 됨

가장 작은 단위까지 쪼개기

Page → Section → Component → Foundation
AI가 이해할 수 있는 규칙 만들기
1. 먼저 화면의 근간이 되는 Foundation 과 Component를 정리
2. → 어떤 화면이 생성되더라도 어드민 특유의 톤과 구조를 유지할 수 있도록 함
각 페이지 유형별 섹션 구성과 필수 컴포넌트 규칙을 정함
컴포넌트를 나열하는 수준을 넘어 구체적인 사용 기준과 조합 패턴, 사용자 행동에 따른 화면 흐름까지 정의 → 그래야 AI가 화면을 막연히 그리는게 아니라 규칙에 맞춰 조립할 수 있다고 생각함

첫번째 시도의 한계 - PRD 만으로는 부족했던 디자인

PRD를 그대로 입력하는 것만으로는 원하는 화면이 정확하게 나오지 않았다는 점
- PRD의 정책 언어를 디자인 패턴과 컴포넌트 언어로 다시 해석하는 과정이 필요했음
결과의 일관성이 떨어지는 것도 아쉬움 포인트
- PRD를 넣으면 일관된 디자인 결과물로 이어지는 과정 자체를 시스템화해야한다는 레슨런

두번째 시도 : Claude Code 기반 디자인 생성 시스템 구축

PRD에서 디자인까지 이어지는 파이프라인을 시스템화 하는 것을 목표로 설계

페이지 유형 및 레이아웃 매칭 : 유형에 따라 기본 레이아웃과 필수 구성 요소가 달라짐
섹션 및 컴포넌트 매칭
불명확한 부분은 디자인 전에 사용자에게 보고 : PRD에 명시되지 않은 내용은 AI가 자의적으로 판단해 채워넣도록 제어하는 것이 중요함 → 디자인 생성 전 확인이 필요한 내용은 사용자에게 먼저 보고하도록 설정

결과 - 정책을 만드는 사람이 디자인까지 할 수 있는 환경 구축

신규페이지 작업 예상 기간이 20일이었는데 5일로 단축됨
PRD만으로 동작하는 프로토타입을 빠르게 생성할 수 있고 화면 흐름까지 확인할 수 있으니 개발자와 커뮤니케이션 비용도 눈에 띄게 줄어듦

마치며

반복되는 디자인 작업일수록 화면 하나씩 잘만드는 것만큼이나 화면이 만들어지는 방식을 설계하는 일이 중요함
매번 새로운 화면을 처음부터 그리는 대신 PRD를 어떻게 읽고 어떤 페이지 유형으로 나눌지, 어떤 컴포넌트와 패턴으로 조합할지에 대한 기준을 세우는 것이 훨씬 효과적

내 생각

난 지금까지 AI에게 그냥 디자인해줘! 이렇게 맡겼었는데 화면이 만들어지는 방식을 설계하는 일이 중요함을 깨달았다. 컴포넌트나 레이아웃을 먼저 정해주는 작업이 AI가 더 내가 원하는 방향으로 그려줄 수 있음을 깨달았다.