SlideShare a Scribd company logo
1 of 43
Download to read offline
디자이너와 파티맺기
! 파티를 수락 하시겠습니까?
목차
Quest 1. 디자이너 없이 개발하라
Quest 2. 디자이너와 협업하라
Quest 3. 인류의 진화를 만끽하라
부록
연사소개
2014.12.20 2016.01.25
2018.04.23첫번째 회사
3D Printer 공유 플랫폼
Full stack programmer
Python (flask/django)
HTML, CSS, JS, jQuery
두번째 회사
당일 꽃배달 e-commerce 서비스
Front-End programmer
Python (django)
Vue.js, Nuxt.js
Swift
세번째 회사
소상공인을 위한 포인트 적립&마케팅 솔루션
Front-End programmer
React.js, Redux
Typescript
Swift, Android
이름 : 김우현
GitHub : https://github.com/KimWooHyun
#4년차 #Front-End #개발자 #2번의이직 #3회사이력
Quest 1. 디자이너 없이 개발하라
두근두근 나의 첫
네? 디자이너가 없다구요??
Quest 1. 디자이너 없이 개발하라
사회생활
두근두근 나의 첫
네? 디자이너가 없다구요??
Quest 1. 디자이너 없이 개발하라
암흑기
네 없습니다.
요즘 AirB*b가 핫하던데 똑같이 해주세요 ^^
Quest 1. 디자이너 없이 개발하라
혼돈의 카오스 속
개발자 도구와 눈대중으로 완성
Quest 1. 디자이너 없이 개발하라
Quest 2. 디자이너와 협업하라
디자이너 영입 🎉
Quest 2. 디자이너와 협업하라
디자이너 영입 🎉
받은 시안 포맷은 .jpg
Quest 2. 디자이너와 협업하라
Quest 2. 디자이너와 협업하라
가이드조차 없었던 시안. 살려됴..
Quest 2. 디자이너와 협업하라
그래도 시안은 어찌저찌 완성.
이후 디자이너와 협의를 통해 수정
이후 퍼블리싱을 담당하게 된 디자이너
class에 의존적이던 jquery 프로젝트, class를 수정
v
v
Quest 2. 디자이너와 협업하라
Quest 2. 디자이너와 협업하라
정착된 업무 프로세스
개발 > 디자인 > 개발 > 기획 > 개발 > 디자인 > 개발
Quest 2. 디자이너와 협업하라
Quest 2. 디자이너와 협업하라
Quest 2. 디자이너와 협업하라
두근두근 나의 두번째 사회생활
이번에 받은 시안의 포맷은 .pdf
격자와 가이드까지 있는 시안!
Quest 2. 디자이너와 협업하라
정착된 업무 프로세스
디자인 > 개발 > 1:1 페어
Quest 2. 디자이너와 협업하라
1:1 페어란?
시안을 적용 했을때 안 맞는 부분들이 있기 마련
적용된 부분은 디자이너와 함께 보면서 바로바로 수정
Quest 2. 디자이너와 협업하라
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
+
Sketch Zeplin
Quest 3. 인류의 진화를 만끽하라
Zeplin
스케치나 포토샵으로 만들어진 시안을
커멘드 하나로 css 로 추출해서 보여주는 툴
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
Integration
Sketch
Photoshop
Slack
CSS, LESS, SASS
달라진 업무 프로세스
디자인 > 제플린으로 협의 후 개발 > 1:1 페어
Quest 3. 인류의 진화를 만끽하라
두근두근 나의 세번째 사회생활
🎉Zeplin 사용중 🎉
Quest 3. 인류의 진화를 만끽하라
업무 프로세스
Jira 이슈 생성 > Jira 에서 개발 가능성 코멘트 >
디자인 > 제플린으로 협의 후 개발 > 1:1 페어
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
Jira
이슈와 프로젝트 트래킹 툴
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
Quest 3. 인류의 진화를 만끽하라
동작 방식과 기본적인 description, 레이블 등의 논의
UXD, VD, 프로그래머 모두 제플린을 함께 보면서 작업
부록
부록
`개발자와 소통하기` 라는 주제는 많은데 반대는 왜 없을까?
부록
Tip 1. 각자의 언어가 다름을 인지하자
같은 기법, 다른 이름 ex) dim <-> fade
부록
Tip 2. 모르는 단어는 부끄러운게 아니다. 일단 물어보자
ex) 레거시
부록
Tip 3. 무조건적인 안된다는 말은 피하자
상대방이 납득할 수 있는 안됨의 이유를 설명할 것.
이에 대한 대안점을 함께 제시해주면 더 좋다
부록
Tip 4. CoC
같은 말이라도 아 다르고 어 다르다
당연하다고 여겨지는 것도 누군가에겐 당연하지 않다
QnA
감사합니다.

More Related Content

What's hot

Wtm hackathon demo_day
Wtm hackathon demo_dayWtm hackathon demo_day
Wtm hackathon demo_dayYeonheeHan
 
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트 최경철 교사
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트   최경철 교사학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트   최경철 교사
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트 최경철 교사brainerymakers
 
리모트 상황에서 효과적인 협업하기 - 비동기식 협업
리모트 상황에서 효과적인 협업하기 - 비동기식 협업리모트 상황에서 효과적인 협업하기 - 비동기식 협업
리모트 상황에서 효과적인 협업하기 - 비동기식 협업Sunjung Park
 
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지Chris Ohk
 
[N3C] 고민정 - 주말코딩으로 취미게임 만들기
[N3C] 고민정 - 주말코딩으로 취미게임 만들기[N3C] 고민정 - 주말코딩으로 취미게임 만들기
[N3C] 고민정 - 주말코딩으로 취미게임 만들기Minjung Ko
 
My Way, Your Way
My Way, Your WayMy Way, Your Way
My Way, Your WayChris Ohk
 
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!Leonardo Taehwan Kim
 
NDC 2015 삼시세끼 빌드만들기
NDC 2015 삼시세끼 빌드만들기NDC 2015 삼시세끼 빌드만들기
NDC 2015 삼시세끼 빌드만들기Hyunsuk Ahn
 

What's hot (9)

Wtm hackathon demo_day
Wtm hackathon demo_dayWtm hackathon demo_day
Wtm hackathon demo_day
 
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트 최경철 교사
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트   최경철 교사학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트   최경철 교사
학교 메이커 교육 세미나 2016 - 자유학기제를 위한 메이킹 프로젝트 최경철 교사
 
3dprinter
3dprinter3dprinter
3dprinter
 
리모트 상황에서 효과적인 협업하기 - 비동기식 협업
리모트 상황에서 효과적인 협업하기 - 비동기식 협업리모트 상황에서 효과적인 협업하기 - 비동기식 협업
리모트 상황에서 효과적인 협업하기 - 비동기식 협업
 
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지
[델리만주] 대학원 캐슬 - 석사에서 게임 프로그래머까지
 
[N3C] 고민정 - 주말코딩으로 취미게임 만들기
[N3C] 고민정 - 주말코딩으로 취미게임 만들기[N3C] 고민정 - 주말코딩으로 취미게임 만들기
[N3C] 고민정 - 주말코딩으로 취미게임 만들기
 
My Way, Your Way
My Way, Your WayMy Way, Your Way
My Way, Your Way
 
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!
서비스 기획부터 런칭까지 과정 + 좋은 개발자가 되는 법!
 
NDC 2015 삼시세끼 빌드만들기
NDC 2015 삼시세끼 빌드만들기NDC 2015 삼시세끼 빌드만들기
NDC 2015 삼시세끼 빌드만들기
 

Similar to 디자이너와 파티맺기

제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기NAVER D2
 
사용자중심
사용자중심사용자중심
사용자중심지현 이
 
2019 nexters x spoqa
2019 nexters x spoqa2019 nexters x spoqa
2019 nexters x spoqaKimHeamin1
 
Designer, Collaboration and Community - 김지홍님(@jihere1001)
Designer, Collaboration and Community - 김지홍님(@jihere1001)Designer, Collaboration and Community - 김지홍님(@jihere1001)
Designer, Collaboration and Community - 김지홍님(@jihere1001)이상한모임
 
애자일 게임 개발이란?
애자일 게임 개발이란?애자일 게임 개발이란?
애자일 게임 개발이란?Kay Kim
 
사용자중심
사용자중심사용자중심
사용자중심지현 이
 
사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조홍일 김
 
The creative internet by Google Creative Lab
The creative internet by Google Creative LabThe creative internet by Google Creative Lab
The creative internet by Google Creative LabYongJune CHAE
 
에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~Lee Jungpyo
 
신입 개발자 생활백서 [개정판]
신입 개발자 생활백서 [개정판]신입 개발자 생활백서 [개정판]
신입 개발자 생활백서 [개정판]Yurim Jin
 
SK플래닛 M&C부문 D-spark #4 Make Movement
SK플래닛 M&C부문 D-spark #4 Make MovementSK플래닛 M&C부문 D-spark #4 Make Movement
SK플래닛 M&C부문 D-spark #4 Make MovementD:rink
 
How to build Design System?
How to build Design System?How to build Design System?
How to build Design System?John Kim
 
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법Sunjung Park
 
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기Jae Sung Park
 
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법NAVER Engineering
 
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...Kay Kim
 
개발자와 커뮤니티 - 기묘한 이야기
개발자와 커뮤니티 - 기묘한 이야기개발자와 커뮤니티 - 기묘한 이야기
개발자와 커뮤니티 - 기묘한 이야기Lee WonJae
 
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료지원 정
 

Similar to 디자이너와 파티맺기 (20)

제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기제 5회 D2 CAMPUS FEST O.T -  billboard.js 차트오픈소스개발기
제 5회 D2 CAMPUS FEST O.T - billboard.js 차트오픈소스개발기
 
사용자중심
사용자중심사용자중심
사용자중심
 
2019 nexters x spoqa
2019 nexters x spoqa2019 nexters x spoqa
2019 nexters x spoqa
 
Be Creators
Be CreatorsBe Creators
Be Creators
 
Designer, Collaboration and Community - 김지홍님(@jihere1001)
Designer, Collaboration and Community - 김지홍님(@jihere1001)Designer, Collaboration and Community - 김지홍님(@jihere1001)
Designer, Collaboration and Community - 김지홍님(@jihere1001)
 
애자일 게임 개발이란?
애자일 게임 개발이란?애자일 게임 개발이란?
애자일 게임 개발이란?
 
사용자중심
사용자중심사용자중심
사용자중심
 
사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조사용자경험 스케치 _ Book study 7주차 5조
사용자경험 스케치 _ Book study 7주차 5조
 
Make movement
Make movementMake movement
Make movement
 
The creative internet by Google Creative Lab
The creative internet by Google Creative LabThe creative internet by Google Creative Lab
The creative internet by Google Creative Lab
 
에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~에코노베이션 3차 세미나 교안 1st Edition.~
에코노베이션 3차 세미나 교안 1st Edition.~
 
신입 개발자 생활백서 [개정판]
신입 개발자 생활백서 [개정판]신입 개발자 생활백서 [개정판]
신입 개발자 생활백서 [개정판]
 
SK플래닛 M&C부문 D-spark #4 Make Movement
SK플래닛 M&C부문 D-spark #4 Make MovementSK플래닛 M&C부문 D-spark #4 Make Movement
SK플래닛 M&C부문 D-spark #4 Make Movement
 
How to build Design System?
How to build Design System?How to build Design System?
How to build Design System?
 
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
GitLab Korea 밋업 - UX가 올 리모트 팀에서 일하는 법
 
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
[DEVIEW 2017] 14일만에 GitHub 스타 1K 받은 차트 오픈소스 개발기
 
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법
200820 NAVER TECH CONCERT 13_네이버에서 오픈 소스 개발을 통해 성장하는 방법
 
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...
애자일 게임 개발: 현실 세계의 혼돈을 다루는 법 (Agile Game Development: Dealing With Chaos In Th...
 
개발자와 커뮤니티 - 기묘한 이야기
개발자와 커뮤니티 - 기묘한 이야기개발자와 커뮤니티 - 기묘한 이야기
개발자와 커뮤니티 - 기묘한 이야기
 
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
오픈소스 컨트리뷰톤 2020 backend.ai 발표자료
 

디자이너와 파티맺기