TIL 요약

• 인사이트 서핑
  • 당근 - 비개발자 구성원들의 AI 활용기
• 프로덕트 매니지먼트 개론 Chapter 1-3,1-4
• Figma Chapter 1 : outliner, flatten

1. Daily Insight

AI 툴 개발은 처음이라, 당근 비개발자 구성원들의 AI 도전기 — 당근 AI Show & Tell #1
Cursor를 활용한 피그마 플러그인 개발, 사내 AI 프로젝트 탐지기 etc.

• 나도 자동화가 필요한 상황이 있다면 개선 아이디어를 AI로 실현해 봐야겠다.
• TIL 작성하는 템플릿을 자동화 해볼까?

디자인 전공 출신 신입, 백엔드 PM 으로 살아남기

2. Introduction to PM

Chapter 1-3, 1-4 : 역량 및 성장 노하우

---

* 노트 필기 후 제미나이로 문서화 함

📌 PM 역량

소통능력, 구조적 사고
Product에 대한 이해 $\Rightarrow$ 타 부서와 협업 시 ⭐⭐

1. 문제해결

• 정량·정성적 근거를 바탕으로 문제를 정의 $\rightarrow$ 본질적 문제에 접근
• 비즈니스 목표, 사용자 요구, 팀의 리소스를 고려하여 우선순위에 맞게 문제를 정의
• 문제 정의 $\rightarrow$ 구체적인 목표 설정
• 실질적 성과로 이어지는가?
• 실행 가능한 해결책을 제시할 수 있는가?

---

2. 커뮤니케이션

• #커뮤니케이션

  • 복잡한 내용을 쉽게 설명 / 설득(근거 $\rightarrow$ 공감) / 원활한 정보 공유
  • 팀 내에서 정보 공유가 원활하지 않을 때 $\rightarrow$ 어떻게 개선할 수 있을까?

• #다양한 부서

  • 의견 충돌 시 모두가 합의할 최적안을 도출
  • 최소한의 비용과 리소스로 진행할 방법

• #협업 #이해관계자

  • 프로젝트에 대한 지식 + 다양한 이해관계자의 업무 Process 파악
  • 기획안 작성 시 Reader의 Role에 따라 어디에 중점을 두면 업무 진행이 원활할지 Cross check

• #리더십

  • 직급에 관계 X. 프로젝트 목표 달성을 위한 동기부여
    • 프로젝트를 왜 하는지?
    • 팀원들이 어떻게 기여하는지?

🚩 설득

상대방의 관점에서 왜 이런 의견을 도출했는지 역으로 생각하는 것부터 시작.
$\rightarrow$ 의견이 달라지는 부분 파악

---

3. 비즈니스

• 비즈니스 모델을 이해하고 있는지 (사용자의 유형, 비즈니스 수단)
• 회사의 목표 전략 $\rightarrow$ 제품 개발 과정에 반영
• 매출, 목표 설정 $\rightarrow$ 전략 설계

How to Improve

• 일하고자 하는 업종의 최근 트렌드 등 시장 파악
• 시장의 참여자로 프로젝트 경험 (ex. 커머스의 셀러, 배달 앱 라이더)

---

4. UX

• 다양한 사용자 리서치 방법을 이해

---

🌱 PM 성장 노하우

① 기술 블로그

• 간접적으로 프로젝트 경험 쌓기 (실무 사례, 시장 동향)
• 특히 IT 분야는 변화가 빨라 오래된 책보다 유익할 수 있음

② IT 관련 뉴스, 직무/커리어 관련 플랫폼 활용

③ 책

3. Basic Figma (1)

UXUI 기초 개념의 이해

---

Figma 기초: 도형 다루기 및 설계 원칙

1. 1배수 디자인

• 다양한 디바이스 환경에 대응하기 위한 기준 사이즈.
• 1배 = 100%, 즉 원본 사이즈를 의미함.
• 기준 사이즈 정하는 법: 주 사용자가 가장 많이 사용하는 기기 사양을 파악.
  • iPhone: $375 \times 812$
  • Android: $360 \times 800$
  • e.g. iPhone 14의 픽셀 배율(Pixael ratio)은 3배이므로, 1배수 사이즈 디자인을 3배 크기로 출력하여 대응함.

    1배수 사이즈와 pixel ratio에 대한 개념이 헷갈려서 전공자 친구한테 물어봄
    

2. 8포인트 그리드 (8-Point Grid) ⭐

• UI 요소들을 8의 배수에 맞춰 디자인하고 배치하는 규칙.

💡 8포인트 그리드가 필요한 이유

• 규칙 및 패턴: 디자인 작업의 확장성이 좋아지고, 소통과 수정 작업 속도가 빨라짐.
• 규격화: 호환성(Compatibility)이 높아지며 개발자와의 협업이 용이함.

❓ Why 8?

• 8은 배수 계산 시 정수로 떨어지는 확장성이 매우 좋음.

배율	0.25x	0.5x	0.75x	1x	1.5x	2x
결과값	2	4	6	8	12	16

• 디스플레이 기술의 발전으로 최근에는 4배수도 많이 사용함.
• 결론: 어떤 배율에서도 짝수 단위로 떨어질 수 있는 값이라는 점이 핵심!

3. 곡률 (Corner Radius)

• 한쪽 면을 완전 곡면으로 만들고 싶을 때 $\rightarrow$ 너비(Width) 혹은 높이(Height)의 1/2 값을 입력.
• e.g. 너비 200, 높이 100인 직사각형 $\rightarrow$ Corner Radius를 50으로 설정하면 양끝이 둥근 형태가 됨.

4. Outline (외곽선)

• 외곽선의 두께는 도형의 크기가 변하더라도 수치가 변하지 않고 유지됨.
• 도형 크기에 맞춰 선 두께도 같이 변화시키고 싶다면 Scale Tool을 사용해야 함. (단, 수치가 정확하게 떨어지지 않아 실무에서는 잘 사용하지 않음)
• Scale Tool 대신 사용하는 방법: Outline을 도형화할 것. (일러에서 폰트 깨는 거랑 똑같은 개념)
• i.e. Stroke(선) 상태가 아닌 Shape(도형)으로 다루는 것이 핵심!

5. Flatten

• 도형의 회전, 곡률 정보를 모두 적용시키고 수정 이력(History)을 없애는 작업.
• 효과: 레이어 정리(정결), 스케일 변경 시에도 모양이 깨지지 않고 유지됨.

---