Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
200107 SSAFY
Search
하조은
January 07, 2020
Technology
790
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
200107 SSAFY
협업을 위한 클린코드
하조은
January 07, 2020
More Decks by 하조은
See All by 하조은
240802 INFCON
hajoeun
1
790
230909 NE(O)RDINARY DEMODAY
hajoeun
0
280
190727 Dream Design Concert
hajoeun
0
95
190706 GDG x For.D
hajoeun
3
550
190316 CON-SALAD
hajoeun
0
550
190216 GDG
hajoeun
0
590
181214 Rainist
hajoeun
0
410
Other Decks in Technology
See All in Technology
End-to-Endで考える信頼性 —LINEアプリにおけるクライアント開発×SRE連携の実践
maruloop
4
4.6k
SREとQA 二人三脚で進めるSLO運用/sre-qa-slo
sugitak
0
860
「最後に責任を取るのはチーム」— 人間のPRレビューを最小化してアップデートしたメンタルモデル
jnishime_dresscode
0
900
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
fossamagna
1
230
DMM.com 購入改善推進チーム におけるCodeRabbitを用いた レビューフロー改善の一例
ysknsid25
2
660
公式ドキュメントの歩き方etc
coco_se
1
120
誤解だらけの開発生産性 / Myths and Misconceptions about Developer Productivity
i35_267
2
790
アップデートで何が変わった?デモで学んで使いこなすIBM Bob2.0
muehara
0
120
美しいコードを書くためにF#を学んでみた話
yud0uhu
1
460
実践!既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
lycorptech_jp
PRO
0
220
企業でAWS Organizationsを動かすための組織設計の考え方
nrinetcom
PRO
1
110
“それは自分の仕事じゃない"を越えて行け
yuukiyo
1
480
Featured
See All Featured
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
118
120k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
BBQ
matthewcrist
89
10k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
240
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
210
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.4k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
180
Transcript
협업을 위한 클린코드 Samsung Software Academy For Youth 하조은
Overview 경험 공유 01 담대한 협업과 클린코드 라이브 코딩1 02
나쁜 코드를 깨끗하게 라이브 코딩2 03 함수형 프로그래밍 라이브 코딩3 04 테스트와 스타일 가이드
경험 공유 "담대한 협업과 클린코드"
Index 야생 개발자 01 담대한 협업 02 클린코드 03 뱅샐
개발자 04
야생 개발자 01
야생?
Wild [waɪld] animals or plants live or grow in natural
surroundings and are not looked after by people.
야생 개발자?
협업 경험이 적은 개발자
문과 출신 개발자
나름대로 문학소년
프로그래밍을 처음 배우며 했던 생각
"프로그래밍, 이거 제법 문과스러운데?"
시(詩) 쓰듯 프로그래밍
멋진 코드는 함축적인 코드
None
None
대출 상품 페이지.html
우아한 코드는 적당히 어려운 코드
None
깨끗한 코드는 짧고 예쁜 모양의 코드
None
None
조금 어려워도 옆사람만 이해하면 된거 아니야?
응, 아니야
협업을 위한 코드가 아니니까
협업을 위한 코드?
담대한 협업 02
None
담대한 협업?
공유와 피드백
냄맡빠공
냄새를 맡으면 빠르게 공유
개발자의 공유와 피드백
코드 리뷰
개발자의 담대한 협업 코드 리뷰를 잘하는 것
협업하기 좋은 코드 리뷰하기 좋은 코드
None
클린코드 03
Subject 깨끗한 코드 01 의미있는 이름 02 함수와 주석 03
오류 처리 04
Subject 깨끗한 코드 01 의미있는 이름 02 함수와 주석 03
오류 처리 04 3장과 4장의 내용 7장의 내용
코드의 품질을 측정하는 척도 분당 "이건 뭐지?"를 외치는 정도
None
WTF? WTF? WTF? WTF? WTF? WTF? WTF?
WTF?!!?@ WTF?!!@!?@!!
None
깨끗한 코드 "깨끗한 코드는 잘 쓴 문장처럼 읽힌다" by. Grady
Booch (p.10)
None
간결하지만 잘 읽히진 않는다
None
문장으로 읽힌다
None
의미 있는 이름 "의도를 분명하게 밝혀라" by. Uncle Bob (p.23)
None
None
None
None
None
None
None
의미 있는 이름은 의도를 분명히 드러낸다
의미 있는 이름은 팀을 소통하게 만든다
함수 "프로그래밍은 여느 글짓기와 비슷하다" by. Uncle Bob (p.61)
None
None
None
None
None
None
서술적으로 표현하기
주석
코드 자체가 글인데 주석은 왜 써야해? by. Uncle Bob (ࢳী
ೠ Ѽ೧)
주석을 쓰기 시작하면 코드의 가독성이 떨어진다
주석 대신 코드로 이야기하자
None
None
서술적인 이름을 짓자
None
None
오류 처리 "논리와 오류 코드를 뒤섞지 마라" by. Uncle Bob
(p.142)
논리와 오류 코드를 뒤섞지 마라
비즈니스 로직에 집중할 수 있게 해라
논리와 로깅 코드를 뒤섞지 마라
"필터가 변경될 때마다 이벤트 로그를 남겨주세요!"
None
None
None
로깅 코드가 숨어들어 논리에 집중하기 어려움
논리와 로깅 코드를 뒤섞지 말자
None
None
로깅 코드가 분리되어 논리에 집중된다
Summary 깨끗한 코드 01 문장처럼 읽힌다 의미있는 이름 02 의도를
드러내라 함수와 주석 03 프로그래밍은 글짓기 오류 처리 04 논리에 집중해라
뱅샐 개발자 04
None
멋진 코드는 함축적인 코드?
멋진 코드는 설명이 필요 없는 코드!
우아한 코드는 적당히 어려운 코드?
우아한 코드는 예상 가능한 코드!
깨끗한 코드는 짧고 예쁜 모양의 코드?
깨끗한 코드는 수정이 용이한 코드!
휴가 떠나서 불안해 하지 말자
클린코드는 협업을 위한 코드다
라이브 코딩1 "나쁜 코드를 깨끗하게"
나쁜 코드를 깨끗하게 리팩토링 해보자
https://github.com/joeunha/clean-code-ssafy Source Code
Remind 깨끗한 코드 01 문장처럼 읽힌다 의미있는 이름 02 의도를
드러내라 함수와 주석 03 프로그래밍은 글짓기 오류 처리 04 논리에 집중해라
Live Coding ▶
라이브 코딩2 "든든한 우리형, 함수형"
"깨끗한 코드는 한 가지를 제대로 한다" by. Bjarne Stroustrup
클린코드를 위한 함수형 프로그래밍
한 가지를 제대로 하는 방법
논리를 꼬집어라
결괏값으로 소통하라
함수를 합성하라
Live Coding ▶
라이브 코딩3 "테스트와 스타일 가이드"
믿을 수 없는 코드
믿을 수 있는 조건을 검증하는 방법 ✅
Unit Test
JEST
Live Coding ▶
서로 다른 코드 스타일
일관된 코드 스타일을 적용하기 위한 도구
LINT
ESLint
Live Coding ▶
Thank You