혼자서도 효과적으로 공부하는 습관은 자연스럽게 실력이 향상되게 만듭니다.

코딩으로 웹디자인2

  • 수강 대상888 Study 1 참여한 사람
    • 반응형 웹 디자인을 직접 구현하고 싶은 사람
  • 강의 목표반응형 웹 디자인 구현하기
    • 시맨틱 마크업 구조 설계
    • CSS Typography
    • 가변 너비 이해하기
    • 고정 너비와 가변 너비 혼합 레이아웃
    • 가변 그리드 만들기
    • 미디어 쿼리 이해하기
    • 반응형 미디어
    • 반응형 웹 고려 사항
  • 준비사항강의 참여를 위한 준비
    • Laptop 필수(노트북 등 개인용 컴퓨터)
    • 필기도구 지참(스케치 용도)
    • 10분 전 착석
8월 강의일정
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
  • 평일20228월 평일 오전
    • 202282일 - 826
    • 매주 화, 금 9시 - 12시(3시간)
    • 2회씩 4주, 총 8회(24시간)
    • 상수동 제이스 스터디
    • 7월 25일 - 참여 신청 마감

진행 방식

Learning : 이해할 수 있도록 천천히 배우기

  • 1ST

    참여하기

    매주 평일 저녁에 진행합니다.

    • 1강 기준 : 2시간
    • 8강 기준 : 16시간
    • 평일 강의 : 2시간씩 주 2회, 4
  • 2ND

    소규모 인원 대화식 수업

    강의 참여 중 의문이나 막히는 부분이 있으면 그 자리에서 바로 질문하고 바로 답변을 받을 수 있습니다.

    • 참여인원 : 3명 제한
  • 3RD

    전문용어 개념 정리

    매시간 어려운 전문 용어 개념 정리부터 차근히 진행합니다.

    시간을 들여 용어 정리부터 차근히 진행하는 이유는 어려운 내용에 대한 이해도를 훨씬 높일 수 있기 때문입니다. (실제로 본 강의에서 이 부분에 대한 만족도가 굉장히 높은 편입니다)

  • 4TH

    복습하기

    매 강의마다 새로운 진도를 나가기 전에 먼저 이 전에 배운 내용에 대해 복습하는 시간을 가집니다.

    대화식 수업으로 묻고 답하면서 복습하기를 진행합니다. 그리고 복습하기를 통해 강사는 학습자가 이전에 배운 내용에 대하여 얼마나 이해하였는지 또는 무엇을 놓치고 있는지 빠르게 파악할 수 있습니다.

    복습하기가 중요한 이유는 학습자가 놓치고 있는 부분을 파악하여 그것을 다시 메꾸고 다음 단계로 진도를 나가기 위한 것입니다. 그리고 그것은 학습자가 스스로 문제 해결하는 능력을 키우는데 훨씬 도움이 되기 때문입니다.

  • 5TH

    응용문제 실습

    이론을 배우고 나면 곧바로 응용문제를 실습합니다. 강사는 문제를 내고 참여자들은 각자 주어진 문제를 제한된 시간 안에 해결합니다.

    이때 각자 문제를 해결하는 방식이 모두 다를 수 있으며 이러한 경우 강사는 참여자 모두의 다른 생각을 공유할 수 있도록 대화를 주도합니다.

  • 6TH

    따라 하기 예제 지양

    별도의 따라 하기 예제는 없으며 핵심 이론을 이해하기 위한 최소한의 자료만 사용합니다.

    • 견본 예제 없음
  • 7TH

    추가자료 제공

    과제를 하거나 혼자서 공부를 할 때 도움이 되는 자료를 추가적으로 제공합니다.

    • 온라인으로 제공

Creating : 창작 활동에 집중하기

  • 1ST

    과제 진행

    과제는 강의 참여 후 배운 내용을 토대로 진행하면 됩니다. 배운 내용을 복습하면서 자신이 원하는 것을 직접 만들어보는 것에 큰 의미가 있습니다.

    • 자유주제
    • 원하는 것을 직접 만들어보기
    • 과제 모음 참고
  • 2ND

    과제 일정

    강의는 총 24시간입니다.
    3시간을 1강 기준으로 했을 때 총 8회 분량이 됩니다. 8회 강의에 참여하고 8회 과제 제출하면 됩니다. 평일, 주말 상관없이 과제는 주 2회 진행합니다.

    정해진 제출 기한 안에 제출하면 됩니다. (자세한 일정은 강의 참여시 별도로 안내드립니다)

    • 8회 강의 참여 / 8회 과제 제출
    • 2회, 4
    • 제출기한 있음
  • 3RD

    예습하기

    예습할 주제는 강의 참여시 별도로 안내드립니다.

    강의에 참여하기 전에 혼자서 먼저 선행 학습을 해보는 것은 어려운 내용을 좀 더 쉽게 받아들일 수 있는 가장 효과적인 방법입니다.

    • 과제에 예습 내용 반영하기
  • 4TH

    실시간 질문 답변

    강의에 참여하는 인원만 참여 가능한 채팅방을 별도로 운영합니다. 이 채팅방은 강의에 참여하는 동안에만 운영됩니다.

    과제를 하거나 혼자서 공부하다가 막히면 채팅방을 이용해 질문을 공유하면 됩니다. 학습자가 서로 답변을 주고받을 수도 있고 강사가 직접 답변을 할 수도 있습니다.

    질문을 공유함으로써 자연스레 서로의 학습에 도움이 되는 소통을 할 수 있습니다.

    • 평일반, 주말반 별도 운영
    • 강의 참여가 끝나면 운영 종료
  • 5TH

    과제 기록 시스템

    참여자가 제출하는 모든 과제는 작업시간 그래프를 이용해 기록합니다.

    참여자는 과제를 진행하면서 실제로 작업하는데 걸린 시간을 체크하면 됩니다. 강사는 그 시간을 토대로 그래프를 완성할 수 있습니다.

    • 과제 모음 / 마이온 그래프 참고
  • 6TH

    과제 모음

    8강 과제 그래프가 완성이 되면 '마이온 스터디' 사이트에서 '과제 모음'에 공유됩니다.

    과제를 공유하는 궁극적 이유는 웹 퍼블리싱 작업을 할 때 다양한 관점으로 보다 유연한 생각을 가질 수 있기를 바랍니다.

    더 나아가 웹 퍼블리싱을 공부하는 모든 이에게 새로운 아이디어와 좋은 영감을 주고받을 수 있는 매개체가 되길 바랍니다.

    개인 과제 페이지는 무료로 제공되며 '마이온 스터디'에서 언제든지 볼 수 있습니다.

    타인에게 본인의 과제 모음을 소개하는 용도로 사용 가능합니다.

    • 본인 동의하에 공유

Feedback : 창작 활동에 대한 피드백 받기

강의 특징

  • Learning : 이해할 수 있도록 천천히 배우기

    소규모 인원으로 매시간 대화하면서 진행합니다.

    매시간 막힘없이 질문하고 바로 답변 받을 수 있습니다.

    35%
  • Creating : 창작 활동에 집중하기

    배운 내용으로 창작 활동을 하는 것이 가장 중요합니다.

    강의가 총 8회차이므로, 8번 창작 활동을 해야 합니다.

    50%

My Own Graph : 그래프 시스템으로 기록을 남기는 이유

  • 1ST

    동기부여

    같은 시간에 같은 수업을 듣는 사람들이 과제를 공유함으로써 서로 좋은 영감을 주고받을 수 있습니다. 그리고 또 한편으로는 창작 욕구를 상승시키는 좋은 자극제가 될 수 있습니다.

  • 2ND

    작업 시간 관리

    일을 할 때 정해진 마감 기한 내에 일을 마무리하는 것이 중요합니다. 연습을 통해 같은 작업을 반복하면서 후반으로 갈수록 자신의 작업 속도가 어느 정도인지 몸소 체감할 수 있습니다.

  • 3RD

    성과 지표

    초반부터 후반까지 성과를 한눈에 볼 수 있습니다. 수강 전과 수강 후의 변화를 체감할 수 있습니다.

  • 4TH

    성취감

    연습하는 과정을 매번 기록으로 남김으로써 스스로 발전하고 있는 모습을 인지할 수 있습니다. 그리고 그것은 중간에 포기하지 않고 끝까지 잘 마무리할 수 있는 힘을 실어줍니다.

Values : 혼자서 얼마큼 실행할 수 있는가?

  • 1ST

    따라 하기 예제를 지양하는 이유

    원하는 형태를 직접 구현해 보는 연습을 반복하면서 혼자서도 충분히 잘 할 수 있는 자신감이 생깁니다. 밑그림이 없어도 혼자서 원하는 그림을 그려낼 수 있습니다.

  • 2ND

    대화식 수업을 지향하는 이유

    평소에 지인들과 대화하듯이 내용을 전달했을 때 강사가 다수의 인원에게 일방적으로 내용을 전달하는 방식보다 참여자의 몰입도가 훨씬 더 높기 때문입니다.

  • 3RD

    1:1 맞춤 피드백을 지향하는 이유

    개인마다 가지고 있는 개성이 모두 다르기 때문입니다. 잘 된 부분과 개선되어야 할 부분을 구분하여 더 나은 방향으로 갈 수 있도록 제안합니다.

교육과정

  • 1주 차1강 : 시맨틱 마크업 구조 설계
    • Content Models 개념 이해하기
    • HTML5 Outline 개념 이해하기
    • 구조적 마크업 이해하기
    • 시맨틱 마크업 이해하기

    HTML5 Outline은 문서의 전체적인 윤곽을 의미합니다. 그리고 문서의 흐름을 브라우저에게 알려주는 지표 같은 역할을 한다고 볼 수 있습니다.

  • 1주 차2강 : CSS Typography
    • CSS Text Module 이해하기
    • CSS Text Formatting 활용하기
    • Heading Font Size 이해하기
    • Fonts 지정 시 고려 사항

    코딩으로 디자인할 때 가장 많은 차이가 발생하는 부분이 바로 텍스트 부분입니다. 텍스트를 다루는 속성과 차이점에 대해 알아봅니다.

  • 2주 차3강 : 가변 너비 이해하기
    • CSS Units 이해하기
    • 반응형 웹에 적합한 단위 활용하기
    • 가변 너비 이해하기
    • 가변 너비 활용하기

    가변 너비는 브라우저 창 크기에 따라서 자연스럽게 너비의 변화가 생깁니다. 가변 너비를 적극적으로 활용하는 방법에 대해 알아봅니다.

  • 2주 차4강 : 고정 너비와 가변 너비 혼합 레이아웃
    • Flex와 가변 너비 활용하기
    • Flex와 가변 너비, 고정 너비 활용하기
    • CSS Multi-column 이해하기
    • CSS Multi-column 활용하기

    Multi-column을 활용하면 아주 긴 문자열을 신문이나 잡지에서 보던 것처럼 디자인할 수 있습니다.

  • 3주 차5강 : 가변 그리드 만들기
    • 가변 그리드 작동 방식 이해하기
    • 12단 그리드 만들기
    • 12단 그리드 활용하기
    • Flex와 가변 그리드 활용하기

    가변으로 움직이는 12단 그리드를 만들고 Flex와 함께 활용하는 방법에 대해 알아봅니다.

  • 3주 차6강 : 미디어 쿼리 이해하기
    • Viewport 이해하기
    • Media Queries 이해하기
    • Breakpoints 이해하기
    • Toggle Navigation 활용하기

    미디어 쿼리를 활용해서 화면에 크기에 따라 단계별로 디자인할 수 있습니다. 추가로 Toggle Navigation을 활용하는 방법도 알아봅니다.

  • 4주 차7강 : 반응형 미디어
    • 선택적 미이지 만들기
    • 반응형 이미지 최적화
    • 반응형 비디오
    • 반응형 광고

    반응형 웹에 적합하도록 미디어를 삽입하는 방법과 이미지를 최적화하는 방법에 대해 알아봅니다.

  • 4주 차8강 : 반응형 웹 고려 사항
    • Cross Device User Experience
    • Mobile First
    • 재사용 가능한 마크업 만들기
    • 웹 성능 최적화

    반응형 웹은 1개의 웹사이트로 여러 장치에서 볼 수 있는 장점이 있지만 그만큼 고려해야 하는 사항도 꽤 있습니다.

강사소개

  • Jeoney Kim

    김지연입니다, 반가워요^^

    어렸을 때부터 웹사이트 제작이 좋았습니다. 무엇인가 내 마음대로 만들어 나가는 작업이 매우 자유롭고 재미있음을 경험하였습니다. 서버 운영, 웹 퍼블리싱, 유지 보수 업무 등 웹과 관련된 다양한 경험을 하였습니다. 현재는 웹 퍼블리싱 기술을 교육하는 일에 집중하고 있습니다.

    강사 이야기 더 보기
  • 교육 철학

    교육에 대한 가치관

    • 천천히 배우기
    • 적게 배우고 많이 해보기
    • 피드백 받기
    • 창작활동에 대한 고찰
    • 기록하기
  • 모든 분께

    수강생에게 바라는 점

    • 연습하는데 시간 투자 많이 하기
    • 일정한 간격으로 창작 활동하기
    • 스스로 고찰하는 시간 가지기
    • 관점에 따라 유연하게 생각하기
    • 과정을 기록으로 남기기

참여하기

제한 인원 3

참여 신청이 마감된 경우, 참여 대기 가능합니다.

550,000

오프라인 강의 3시간씩 8+ 1:1 동영상 피드백 8

참여 신청

아래 4가지 항목을 작성한 후 "문의하기"에 남기면 됩니다.
문의하기는 홈 화면에서 아래쪽에 있습니다.
문의가 확인되면 통화 가능한 시간에 전화드리겠습니다.
전화 면담을 거쳐야 수업에 참여 가능합니다.
( 7월 25일 참여 신청 마감합니다. )

  1. 참여 가능한 달(월)
  2. 성함
  3. 연락처
  4. 통화 가능한 시간
환불 규정

개강 전 - 100% 환불
수강 기간의 1/2 경과 전 - 33% 환불
수강 기간의 1/2 경과 후 - 환불 불가