마지막 최저가 할인! (~6/20)

디자이너에게 딱 맞는

필수 코딩
CAMP

더 설득력 있는 디자인을 위한
코딩 고민, 여기서 끝내세요.
현업 프로덕트 디자이너에게 배우는
디자이너를 위한 필수 코딩 지식 6주 코스

#디자인x코딩#깃허브포트폴리오
#맞춤코딩

기간 & 일정

2019.06.22 – 07.27
매주 토요일 10:00-13:00
주 1회, 총 18시간

장소 & 준비물

패스트캠퍼스 강남강의장
강남역 4번 출구, 미왕빌딩
개인 노트북

담당자 & 문의

공정필 매니저
02-501-0588
help.camp.creative@fastcampus.co.kr

더 논리적인 디자인, 빠른 디자인 작업을 위한 필수 코딩 지식,
현업 프론트엔드 개발자 겸 디자이너에게 직접 배우세요.

코딩 학습에 입문하는 디자이너에게 딱 맞춘 6주 커리큘럼.
코딩 이론부터 웹 페이지 포트폴리오까지 탄탄하게 채워드립니다.

K대학교 시각디자인 과정에
코딩 과정이 포함된 이유

비주얼만 잘하는 디자이너의 입지가 점점 좁아지는 것이 현실. 이제 디자이너에게도 개발 역량이 요구되고 있습니다. 개발자와의 협업이 많아지며 이제 디자인과 개발은 양분될 수 없는 영역으로 자리 잡아가고 있습니다. 개발 지식을 갖춘 디자이너는 더욱 빠른 업무 속도와 개발 관점에서 설득력을 갖춘 디자인 작업으로 팀 전체의 퍼포먼스에도 큰 영향을 미칩니다.

사진출처: http://vcd.kookmin.ac.kr/curriculum

오직 디자이너를 위한
필수 코딩 지식

디자이너의 실무에 딱 맞춰 준비한 코스. 현직 프론트엔드 개발자 겸 디자이너 강사님 직접 구성한 커리큘럼으로 디자이너의 코딩 학습 고민을 마무리하세요. 프론트엔드 개발자 실무 경력과 디자이너 실무 경력, 그리고 풍부한 강의 경험을 담은 탄탄한 6주 코스. 디자이너도 코딩을 재밌게 배울 수 있습니다. 이제 무한 소스 복사의 늪과 이해되지 않는 개발의 세계에서 벗어나 내 디자인에 개발적 근거와 논리적 근거를 더하세요. 더 나은 디자인을 위한 필수 코딩 지식을 전합니다.

강의특징

본 강의는 이렇게 진행됩니다

커리큘럼

당신이 배우게 될 것들.

디자이너를 위한 개발

1회차 강의내용 더 보기

  • “우리는 왜 개발을 배우는걸까?” – 문제상황을 고민하고 해결하기
  • 디자이너가 코딩을 어려워하는 이유
  • 서버와 클라이언트, 다양한 개발 언어 이해하기 (Backend/Frontend, Python, Node..)
  • 디자이너가 재미를 느낄 수 있는 개발 학습 방법 : 시각적 결과물에 초점을 맞춘 HTML/CSS/Javascript
    • HTML/CSS 코드 읽고 해석하기
    • Chrome 요소검사로 코드 읽어보기
  • 인스타그램 HTML/CSS 분석하고 변형해보기
  • [기초 1단계 실습] HTML로 웹 페이지 뼈대 만들기

퍼블리싱 하기

2회차 강의내용 더 보기

  • 웹/앱 퍼블리싱 실무 프로세스 알아보기
  • HTML/CSS 실습
  • 대표 속성 실습해보기
    • HTML/CSS 작성 규칙(컨벤션) 이해하기
    • 퍼블리싱 문제 해결 방법 : 검색 활용법
  • 반응형 웹 이해하기 : 미디어쿼리
  • [기초 2단계 실습] HTML/CSS로 다양한 스타일이 들어간 소개 페이지 만들기

일 잘하는 디자이너

3회차 강의내용 더 보기

  • 모두가 놓치기 쉬운 개발에 꼭 필요한 디자인 요소 – favicon, open graph, 404, status 등
  • 디자인과 실제 구현된 결과물의 차이 줄이기 – 디바이스 환경, 수치화, Data 등
  • 수치로 인터렉션 만들기
    • CSS를 활용한 애니메이션
    • 프로토타이핑 툴 이용하기(protopie)
  • 개발 관련 이슈 문제 해결 방법
    • 구글검색 활용법
    • 오픈 소스 활용하기
  • [기초 3단계 실습] 애니메이션이 들어간 웹 페이지 만들기

더 나은 디자인을 위한 개발

4회차 강의내용 더 보기

  • “왜 이렇게 디자인 하셨어요?” – 코드로 디자인에 논리적 설득력 더하기
  • 디자인과 개발 속도를 높여주는 “디자인 시스템” 만들기
  • 디자인 구조와 규칙 만들기
  • 재사용 가능한 형태(Componenet)로 디자인하기
  • 코딩으로 프로토타이핑하기
  • 디자인과 코딩 연결하기 : 소중한 사람을 위한 모바일 초대장 만들기

깃허브 페이지 만들기

5회차 강의내용 더 보기

  • git 이해하고 업무에 활용하는 방법 – 버전관리/공유/협업
  • 온라인 깃 저장소 ‘깃허브’ 알아보기
  • 나만의 깃허브 페이지 만들기(Jekyll)
  • 깃 허브 가입하고, 깃 설치하고 레포지토리 만들기
  • 테마 선택/적용하기
  • 테마 커스텀하기

직접 만드는 웹 포트폴리오

6회차 강의내용 더 보기

  • 계속 변화하는 디자인 트렌드 이해하기 – 속도와 효율성
  • 내 웹 포트폴리오 만들기
  • [과제] 기획/디자인
  • HTML 구조 만들고, CSS 적용하기
  • 인터렉션 만들기
  • 깃허브에 내 포트폴리오 웹 페이지 만들기

강사소개

당신을 이끌어 줄 강사진

현| (주)하우스미디어 프로덕트 디자이너

정은지 강사님

전| (주) 옐로오투오 서비스개발팀/UI개발 매니저
전| UFOfactory 소셜서비스개발팀 PM/디자인 매니저
전| Rocketpunch 서비스개발팀 디자인 매니저

[주요 프로젝트]
Rocketpunch / Beanbrothers / 청년허브 / 그린피스 시민경찰 캠페인 / 월드비전 위기아동지원사업 / Pinspot / 우리펜션 / HALO / Houseapp 등

포트폴리오

강사님의 작업물을 확인해보세요

강사인터뷰

강사님을 미리 만나보세요.

인터뷰 질문입니다.

인터뷰 답변입니다. 말풍선의 색은 강의별 특징 색을 부여하되, 흰 글씨가 잘 보이도록 짙은 색으로 설정해주세요. 인터뷰 대상의 이미지는 500px*500px입니다.

*특이 사항은 이곳에 넣으세요.
*0월 0일 땡땡의 날로 인해 휴강

강의특징

본 강의는 이렇게 진행됩니다

POINT 1

줄 맞춤이 어렵다면 여기에

각 포인트 별 특징을 넣되,
상자의 크기가 같도록.

각 상자의 크기가 같도록 줄 개수를 조절하세요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세

POINT 2

줄 맞춤이 어렵다면 여기에

각 포인트 별 특징을 넣되,
상자의 크기가 같도록.

각 상자의 크기가 같도록 줄 개수를 조절하세요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세

POINT 3

줄 맞춤이 어렵다면 여기에

각 포인트 별 특징을 넣되,
상자의 크기가 같도록.

각 상자의 크기가 같도록 줄 개수를 조절하세요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세

POINT 4

줄 맞춤이 어렵다면 여기에

각 포인트 별 특징을 넣되,
상자의 크기가 같도록.

각 상자의 크기가 같도록 줄 개수를 조절하세요. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세

수강대상

이런 분들에게 꼭 필요합니다

나의 테크트리에서의
차별점을 고민하는
주니어 디자이너

내 프로젝트를 위해
코딩을 직접 하고싶은
디자이너

웹 퍼블리셔로
취직을 준비하는
디자이너/디자인과 학생

자주 묻는 질문

더 궁금한 점이 있으시다면 언제든 문의주세요

스파인과 다른 툴의 차이가 무엇인가요?

  • Live2d와 스파인을 비교하며 강점을 물어보는 경우가 많은데, 사용하는 용도가 다릅니다.
    제자리에서 점프한다거나 감정 표현을 표현현하고자 한다면 live2d만으로도 표현 가능하지만,
    스파인은 이러한 정적인 표현들은 물론 동적인 움직임까지도 표현이 가능합니다.
  • 스파인은 특히 인디게임이나 소규모로 개발할 때 가성비 측면에서 더욱 추천할만한 툴입니다.
  • 원화가가 그린 그림 그대로 애니메이션에 사용할 수 있다는 장점도 가집니다.
  • 더욱 자세한 내용은 공식 홈페이지를 참고해주세요 (공식 홈페이지 바로가기)

수강후기

실제 수강생들의 생생한 후기를 들어보세요.

★★★★★
고석균 수강생

상세후기가 있는 경우, 발췌해서 넣어주시고, 아래의 버튼에 주소를 넣으세요. 아래는 예시문구.
강사님이 실무경험을 하신 분이어서 그런지 학교에서 배우는 이론적 내용과 달리 본인만의 Know-how를 전수받을 수 있다는 점이 특별한 것 같습니다. 물론 각각의 주제에 대해 서적이나 유튜브, 학술자료 등을 통해서도 공부할 수 있지만, 이런 경로를 통해 접한 정보에서는 소위 말하는 ‘영업비밀(?)’은 찾아볼 수 없다는 점이죠.

후기 더 보기 〉

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

★★★★
1기 수강생

익명 수강생, 구글 드라이브에서 NPS 시트를 찾아, 각 코스의 한줄 평가를 찾아 삽입하세요.

{ FASTCAMPUS COMMUNITY MEMBERSHIP }

패스트캠퍼스 오프라인 강의를 수강하셨다면!
별도의 가입절차없이 패스트캠퍼스 커뮤니티 멤버쉽 회원이 됩니다.
커뮤니티 멤버쉽은 수강 후 1년 동안 유지되며,
오직 멤버들만을 위한 비공개 스터디클럽, 네트워킹행사, 세미나 등 비정기적 행사에 모실 예정입니다.

수강료안내

매주 목요일 할인률이 변경됩니다.

최종마감 할인

-5%

₩ 550,000

₩ 520,000

~ 6월 20일 자정 까지
수강확정은 결제 순서대로 결정됩니다. 결제를 서두르세요.

수강신청

강의장안내

강남역 4번 출구 바로 앞에서 편하게.