위치

요일

가능
시간
(날짜)

  • 20:00 ~ 22:00 (협의)
장소 : 협의 후 결정
추가비용 : 스터디룸 대여 비용
수업 장소는 서울대입구-낙성대 - 사당 근처입니다! 시간은 협의 가능합니다!
₩20,000원 / 시간
₩180,000 / 총 3회 9시간
실시간 톡하기 찜하기
JiHoon Lee
이지훈
디자이너를 위한 웹 개발 입문
  • 사당
  • 3시간/회
  • 1:1 수업
  • ₩20,000/시간

튜터정보

  • 홍익대학교 시각디자인학과
  • 서울대학교 디지털정보융합
경력
----
프레이머를 통한 프로토타이핑 기업 강의
홍익대학교 시각디자인학과 졸업
서울대학교 디지털정보융합학과 사용자 경험 연구실 석사 과정
홍익대학교 시각디자인과 코딩, 인터랙션 디자인 소모임 설립

대기업/스타트업 외주를 통한 반응형 웹 퍼블리싱 경험.
https://jihoon0422.github.io/resume/
https://brunch.co.kr/@jihoonleeh9l6#articles

디자이너로 일하게 된 이유:
사용자가 만족할만한 디자인을 만들고 싶었습니다. 미적으로 아름다운 것을 넘어(물론 미적으로 아름다운 디자인 역시 매우 어려운 것이지만) 사용하기 편한 디자인을 만드는게 큰 관심이 있었습니다.

탈잉 튜터가 된 이유:
디자이너가 코딩을 알고 개발자와 소통하게 될 때 더 좋은 디자인이 나온다는 생각을 갖고 있었습니다.하지만 어디서 어떻게 시작해야할지 알기 어려웠습니다. 많은 코딩 중에 디자이너에게 필요한 코딩이 무엇인지 알기까지 많은 시간이 필요했습니다. 저와 함께 하시는 분들은 제가 겪었던 시행착오를 겪지 않으시면서 빨리 디자이너에게 필요한 코딩을 배우셨으면 하는 마음에 수업을 열게 되었습니다.


수업소개

수업 진행:
웹 개발에 필요한 입문 내용을 전반적으로 다루는 수업입니다.
HTML 기본 태그부터 시작하여 CSS, jQuery까지 모두 학습합니다.
이 중에서도 CSS와 jQuery를 중심으로 수업이 진행되며 최신 내용을 위주로
필요한 개념들을 정리하고, 코드를 실습합니다.

수업 장소:
낙성대에서 가능합니다.
평일은 오후 8시 이후부터 가능하며, 주말은 오전/오후에 따로 수업 일정을 잡으실 수 있습니다.
그룹 강의로 진행되며, 한 그룹 강의당 참여하시는 분들이 최대 3명을 넘지 않게 조절하고 있습니다.


수업을 들어야 하는 이유:
디자이너에게 필요한 HTML/CSS/jQuery만을 다루고 있습니다.
복잡한 코딩이 아니라, 꼭 필요한 내용 만을 다루는 수업입니다.
퍼블리싱과 웹 코딩에 관심이 있고, 항상 책만 사고 포기하셨다면 이번 강의로 작심삼일을 극복하실 수 있습니다.

수업의 결과물:
수업이 끝나면 Github에 본인의 반응형 웹 포트폴리오 페이지를 만들고 수정할 수 있습니다. 더하여 Bootstrap을 기본적으로 사용하실 수 있게 됩니다. 끝으로 퍼블리싱에 대한 기본 개념을 쌓을 수 있습니다.

수업의 목표:
수업의 목표는 CSS, jQuery 라이브러리를 읽고, 이해하며 본인에 맞추어 수정하여 사용할 수 있는 수준까지 올라가는 것입니다.


* 수업 신청서를 제출하시기 전에 꼭 먼저 연락을 주세요!

수업대상

  • 코딩을 전혀 해본 적 없지만 웹 개발에 관심이 많은 디자이너 혹은 기획자
    HTML과 CSS, 자바스크립트 책은 샀지만 어떻게 사용해야할지 감이 잡히지 않는 디자이너, 기획자.
    포트폴리오 사이트를 만들고 싶은 디자이너.
    개발자와 소통하고 싶은 디자이너 혹은 개발자.

커리큘럼

1회차

텍스트 에디터 설치.
확장 프로그램 설치.
관리자도구 이해하기.
CSS와 HTML 개념 정리.
HTML의 기본 태그들 이해하기.
DIV/SPAN 차이점 구분하기.





2회차

1주차 복습
HTML 구조 이해하기.
CSS 기본 이해하기.
CSS 태그 이해하기.
CSS 선택자 이해하기.
Github을 통해 개인 페이지 생성하기(1)
개인 웹페이지 만들어보기(1)

CSS 선택자 이해하기(2)
CSS display 속성 이해하기
Web font 불러오기
Bootstrap 그리드 이해하기(1)
Github을 통해 개인 페이지 생성하기(2)
개인 웹페이지 만들어보기(2)

3회차

2주차 복습

CSS Animation 활용하기
CSS 만을 활용한 에니메이션 적용하기
Bootstrap 그리드 이해하기 (2)
Bootstrap으로 반응형 웹 만들어보기(1)
개인 웹페이지 만들어보기(3)


Bootstrap font-awesome 사용해보기.
Bootstrap 모달 팝업 사용해보기.
Bootstrap으로 반응형 웹 만들어보기(2)
개인 웹페이지 만들어보기(4)

4회차

*아래 페이지는 실제 수강생(유다영 님)께서 만드신 페이지입니다.


5회차

*아래 페이지는 실제 수강생(김정환 님)께서 만드신 페이지입니다.

튜터영상

리뷰(3)

리뷰쓰기
5.0
  • 커리큘럼
  • 전달력
  • 준비성
  • 친절도
  • 시간준수

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.