디자인 코드 변환 도구 zeplin의 개념과 실전 반응형 웹 앱 만들기 | 완성형 서비스 만들기 3강

 

디자인을 코드로 개발자에게 전달하는 퍼블리싱 툴인 Zeplin의 개념과 그 사용법을 알아보고 동물상 테스트 완성형 서비스 만들기 2강에 이어서 디자이너에게 전달받은 디자인으로 웹 앱을 만드는 실습 강의입니다. 반응형 웹 사이트를 만드는 기본 개념인 %, rem, media query과 효율적인 배치를 도와주는 flexbox에 대한 간단한 개념과 실습을 담았습니다. 자세히 설명하면 강의가 너무 길어져서 최대한 간략하게 실전 실습 위주로 진행하였는데 궁금한 내용이 있으시다면 언제든 댓글 남겨주세요! 또, 영상속 제플린 프로젝트를 보시고 싶으신 분은 메일 주소 댓글로 남겨주시면 초대 드리겠습니다. 이 영상은 시리즈물로 구름IDE를 개발환경으로 사용하고 있습니다. 이전 개발 과정이나 환경세팅이 궁금하신 분은 이전 영상을 시청해주세요!

 

- 실전 수익형 서비스 만들기 (인공지능이 보는 나의 동물상 찾기)

https://www.youtube.com/playlist?list=PLU9-uwewPMe2-vtJAgWB6SNhHcTjJDgEO

 

- 구름IDE https://ide.goorm.io/

 

- 완성 코드 보기 https://goor.me/MGzkb

 

- 제플린 공식 홈페이지 https://zeplin.io/

 

- 크몽 http://bit.ly/Kmong

 

- bootstrap 주소 https://getbootstrap.com/

 

- 조코딩 지난 영상 보기 https://www.youtube.com/playlist?list=PLU9-uwewPMe19RQNzTdSdewSgw92UI1kl

 

- 동물상 테스트 해보기 (미완성) https://animalface.site/

 

---

본 영상은 구름IDE에서 에반젤리스트 활동 지원을 받아 제작되었습니다.