• 다회차
  • 최대 6명

[컴맹가능] 나만의 웹사이트 만들어 호스팅하기 [WEB/HTML/CSS]

이정환 튜터 (0)

클래스 전 숙지해주세요!

1. 온라인 수업
화상회의 프로그램을 사용하여 비대면 라이브로 진행됩니다.
사용할 화상회의 프로그램은 신청시 별도로 안내 드리겠습니다

2. 대면 수업
수강생께서 원하신다면 대면 수업으로 진행합니다.
장소는 서울시 구로구,영등포구와 경기도 부천 근처의 스터디 카페에서 진행됩니다
(장소 대여비 발생시 각자 부담합니다)

튜터 공지

클래스 요약

★ 이 클래스를 이수하게되면
1. 간단한 웹사이트 제작이라는 멋진 취미 습득
2. 코딩에 대한 오해(어렵고 복잡하기만 할 것 같다는) 풀기
3. 나만의 웹사이트를 만들고, 실제 인터넷에 배포, 카카오톡으로 친구에게 공유될 때 멋지게 보이게 만들기

★ 이 클래스의 장점
1. 철처히 수강생의 흥미도에 맞춰 수업 진행
2. 매 회차마다 결과물 산출

이런 분들이 들으면 좋아요.

★ 수강대상

✔ 이런 분들이 들으시면 좋습니다
- 나를 웹사이트로 멋있게 포장해보고 싶은 사람
- 딱 필요한 지식만 가지고 웹사이트를 일단 만들어 보고 싶은 사람
- 단순 취미로 웹사이트를 만들어 보고 싶은데, 또는 간단하게만 만들어보고 싶은데 책이나 인터넷을 보고 배우기에는 너무 내용이 방대하고 어려웠던 사람
- IT 커리어 전환을 생각하고 있지만, 어떻게 경험해봐야 할 지 모르겠는 사람
- 컴퓨터 공학을 전공하고 있지만, 아직 웹에대해 공부해본적이 없는 사람
- 개발자들과의 대화에 조금이라도 껴보고 싶은 사람
- 단순한 호기심으로 코딩을 배워보고 싶은 사람

--> 본 클래스는 철처히 수강생들의 흥미에 초점을 맞춰 진행하므로,
개별 맞춤 커리큘럼을 위해 클래스 신청 전 꼭 말씀을 부탁드리겠습니다

✔ 이런 분들은 이번 수업에 적합하지 않습니다.
- IT세상이 오는걸 싫어하는 사람
- 웹사이트 개발에 대해 전혀 흥미가 없는 사람
- 교과서식 배움을 원하는 사람

튜터님을 소개합니다.

이정환

유튜브

[튜터 소개]
가톨릭대학교(성심) 컴퓨터 공학과 학사
대학 알고리즘 연구원 2년
대학 프로그래밍 전공 학회 FAN 회장
한국 IT 집단지성 Q&A 플랫폼 DEVSTU 기획, 개발, 운영
타 대학 컴공 대학생 멘토링 진행 중

[튜터 웹 프로젝트 경험]
✔ (자체) IT 집단지성 Q&A 커뮤니티 DEVSTU
✔ (외주) 상동역 헬스장 플랫폼 웹
✔ (외주) 주식 포트폴리오 관리 웹
✔ (외주) 대회 참가 안내 웹
기타 웹/앱 개발 외주 10회 이상(5000만원 이상) 경험 보유

[튜터 개인 제작 어플리케이션]
◼ 체리픽 - 실시간 IT 뉴스&칼럼 구독 서비스
◼ Developer Console

어떤 클래스 인가요?

★ 필독 ★

본 클래스는 철처히 수강생의 흥미도에 맞춰 진행됩니다.
누군가에게는 프로그래밍에 대한 지식 습득을 선호할 수 있고,
누군가는 취미로 접근 할 수 있습니다.
취미는 그저 취미답게, 재미있고 쉽게 접근할 수 있도록 도와드립니다.
(프로그래밍에 대해 심도있게 알아가려 하시는 분들께는 별도의 커리큘럼을 적용합니다)

이 수업은 적정한 가격으로 초보자가 WEB에 대해 이해하고, 실제 나만의 웹사이트를 제작하고 배포해 볼 수 있는 경험을 드리는 수업입니다.

------------------------------------------------------------------------------------------------------
★ 클래스 진행 방식 ★

✔ 클래스는 비대면 온라인 라이브로 진행합니다.
- 수업 진행 방식 : 비대면 온라인 라이브
- 수업 진행 플랫폼 : Google Meet를 이용하여 진행합니다.
- 수업 참여 방법 : 온라인 Live 클래스는 Google Meet를 통해 진행되며, 클래스 시작 한시간 전 문자를 통해 링크를 전달드립니다.
온라인 수업의 경우 별도 비용이 발생하지 않습니다.

✔ 원하신다면, 오프라인 수업도 가능합니다.
- 서울 영등포구, 구로구, 경기도 부천시 부근에서 오프라인 수업이 가능합니다.
- 수업 진행 장소 : 스터디룸 대여
- 수업 참여 방법 : 수강생과 튜터가 서로 협의 한 스터디룸으로 5분전까지 와 주시면 되겠습니다.
- 수업 진행 방법 : 문자를 통하여 수강생과 날짜와 장소, 스터디룸을 협의 후에 튜터가 직접 예약합니다.
(추신)
협의는 스터디 진행 3일 전까지 완료하여,
스터디 장소와 시간, 비용을 3일 전에 안내해 드립니다.
장소 대여비가 발생시 각자 부담합니다,
(스터디룸 평균 단가 상 시간당 4000~10000원 사이로 발생합니다.)
스터디룸마다 장소 대여비가 다르기에
반드시 협의된 스터디룸을 예약하여 진행합니다.
그 이외의 비용은 발생하지 않습니다.

✔ 원하신다면 1:1 수업도 가능합니다.
- 수업 진행 방식, 플랫폼, 참여 방법은 온라인, 오프라인의 경우 모두 동일합니다.

✔ 클래스를 진행하면서 이런 프로젝트를 수행합니다.
- 12시간의 클래스동안 3개의 페이지가 있는 여러분만의 웹사이트를 만들 수 있습니다.
- 실시간 라이브로 진행하며, 단순히 저의 코드를 따라치는게 아닌, 여러분만의 개성을 담은 웹사이트 제작을 목표로 합니다.

------------------------------------------------------------------------------------------------------
★ 수강전 Q&A ★

✔ 리뷰가 몇개 없는데 들어봐도 괜찮을까요?
온라인 플랫폼을 통해 강의하는 것은 처음입니다만,
전공 학회 회장, 수업 조교 등의 사람들에게 알려주는 일을 많이 해왔습니다.
현재는 캠퍼스픽 서비스를 통해 수강생들을 모아 무료 1:1 컴공 진로멘토링을 진행하고 있습니다.
잘 가르치는데에는 저보다 나은 사람이 있을 수 있지만,
재미있고 어려운걸 쉽게 가르치는데에는 자신 있습니다.

✔ 코딩의 ㅋ자도 몰라도 가능합니다.
자전거를 처음 배울때가 기억나시나요?
자전거의 동작원리 부터 배우는것이 아니라, 그냥 타는법을 무작정 배우게 됩니다.
그 과정에서 흥미를 느끼고 지루할 틈 없이 배울 수 있게 되죠
동작원리는 어느정도 탈 줄 아는 상태에서 배워도 충분히 늦지 않습니다.
자전거를 처음 배울때 처럼 가르쳐 드립니다.

✔ 어렵고 복잡한 이론은 과감히 삭제합니다.
간단한 웹을 만드는데 어렵고 복잡한 CS지식이 필요하지 않습니다.
시간때우기 식의 이론수업은 과감히 배제합니다.
딱 필요한것과 피부로 느낄 수 있는 것 만 가르쳐드립니다.

✔ 카카오톡, 페이스북, 네이버 블로그 등등의 SNS로 공유될 모습까지 설정합니다.
많은 WEB 수업에서, 30분이면 충분히 이해하고 써먹을 수 있는
웹페이지 링크 미리보기 기능인 Open Graph Tagging을 가르치지 않습니다.
정말 이쁘고 멋진 웹이면 공유되는 그 순간까지 멋있어야 한다고 생각합니다.
Open Graph Tag 기술까지 알려드립니다.

✔ 내가 만든 웹사이트를 다른사람 컴퓨터에서 접속할 수 있나요?
흔히 배포 라고 부르는 '호스팅' 과정을 거치면 가능합니다.
다만 이 호스팅은 서버를 필요로하고, 그에대한 지식을 필요로 하기때문에 초보자 분들께 어려울 수 있습니다.
이 수업에서는 마우스를 몇번 클릭하기만 하면 호스팅을 무료로 사용할 수 있게 해주는 좋은 툴을 알려드립니다.
여러분은 이 툴과 저와 함께 5분만에 '호스팅'을 하실 수 있습니다.

클래스 유의사항

* 온라인 수업의 경우, Zoom이나 Hangout등의 화상 회의 프로그램을 사용하므로 별도의 추가비용 없습니다.

* 1:1 수업을 원할 경우 말씀해주세요 얼마든지 가능합니다.

* 오프라인 수업의 경우 기본적으로는 스터디룸등의 장소를 이용합니다
(장소 대여료 발생시 각자 비용 부담입니다)

클래스는 이렇게 진행됩니다.

1회차 커리큘럼

★ 1회차 커리큘럼

✔ OT
1. 여러분의 웹에 대한 개인적인 생각을 들어보는 시간
2. 여러분이 이 클래스를 통해 얻어가고자 하는 것을 들어보는 시간
3. 여러분의 의견과 저의 의견을 합쳐 수업의 진행 방향을 결정하는 시간

✔ WEB의 구동원리
1. 알고보면 너무 간단한 WEB의 원리
2. 여러분이 골라주신 웹 서비스를 토대로 비유하는 쉬운 설명
3. 그동안 WEB에 대해 궁금했던점에 대해 질문을 받고 모두 해결

✔ 코딩이란 무엇인지
1. 코딩이란 무엇이고, WEB을 만들기 위해 어떻게 필요한지 알아보는 시간

✔ HTML & CSS
1. HTML 은 무엇이고 왜 사용하는건가?
2. CSS는 무엇이고 왜 사용하는 건가?

✔ 질의 응답
1. 수업중 느꼈던 궁금증 질문 및 해결
2. 수업중 느꼈던 튜터에 대한 피드백 전달 및 수렴

2회차 커리큘럼

★ 2회차 커리큘럼

✔ 본격적으로 코딩 시작하기
1. 메모장으로 간단하게 코딩하기
2. 코딩 전용 에디터 VSCODE 설치 후 간단하게 코딩하기
3. 에디터가 무엇인지 알아보고, 필요성을 직접 느껴보기

✔ 본격적으로 코딩하기
1. 실제 코딩과 함께, 정말 필요한 HTML 태그만 쏙쏙 배워보기
2. 실제 코딩과 함께, 정말 필요한 CSS 속성들만 쏙쏙 배워보기

✔ 간단 웹사이트 만들어보기
1. 수업을 진행하며 배우는 HTML & CSS를 이용하여 간단한 웹사이트 만들어보기

✔ 질의 응답
1. 수업중 느꼈던 궁금증 질문 및 해결
2. 수업중 느꼈던 튜터에 대한 피드백 전달 및 수렴

3회차 커리큘럼

★ 3회차 커리큘럼


✔ 나만의 홈페이지 제작 시작하기 Ver.1
1. 한 페이지 짜리 나만의 홈페이지를 제작해보기
2. 자기소개 / 가족소개 / 여행사진첩 기타 등등 튜터가 미리 만들어본 홈페이지를 자신만의 스타일로 다시 만들어보기
2. 클래스가 끝난 뒤에도 응용할 수 있도록, 하나하나 만들어보며 2회차의 내용을 복습해보기

✔ 반응형 스타일 추가하기
1. 요즘 대세인 핸드폰으로도 볼 수 있는 반응형 스타일링 적용해보기

✔ GitHub & Netlify 사용해보기
1. 여러분의 웹사이트를 인터넷에 '호스팅' 하기 위해 필요한 도구들을
1. 간단한 웹사이트 제작이라는 멋진 취미 습득
2. 코딩에 대한 오해(어렵고 복잡하기만 할 것 같다는) 풀기
3. 나만의 웹사이트를 만들고, 실제 인터넷에 배포, 카카오톡으로 친구에게 공유될 때 멋지게 보이게 만들기

✔ 질의 응답
1. 수업중 느꼈던 궁금증 질문 및 해결
2. 수업중 느꼈던 튜터에 대한 피드백 전달 및 수렴

4회차 커리큘럼

★ 4회차 커리큘럼

✔ 나만의 홈페이지 제작 시작하기 Ver.2
1. 세 페이지 짜리 나만의 홈페이지를 제작해보기
2. 페이지 이동을 배워보기

✔ Open Graph 설정을 통해, 내 홈페이지 SNS 공유시, 미리보기 꾸미기
1. 웹사이트의 썸네일, 미리보기는 어떻게 이루어지는지 간단하게 알아보기
2. 제작된 나만의 홈페이지의 Open Graph 설정을 통해 미리보기 꾸며보기

✔ 앞으로의 취미 진행 or 공부 진행 방향에 대한 컨설팅
1. 저는 이 수업을 토대로 여러분을 코딩의 세계로 딱 한발자국 이끌어 드릴 것 입니다. 앞으로 본 기술을 이용하여 무엇을 할 수 있는지, 무엇을 더 배워볼 수 있을지 심도있게 컨설팅 해드립니다.

✔ 질의 응답
1. 수업중 느꼈던 궁금증 질문 및 해결
2. 수업중 느꼈던 튜터에 대한 피드백 전달 및 수렴

관련 영상 보고가세요.

실제 수강생의 리뷰입니다.

  • 커리큘럼0
  • 전달력0
  • 시간준수0
  • 준비성0
  • 친절도0

이 강의는 어떠세요?

클래스 일정

탈잉 LIVE

16,000원 / 시간 192,000원 / 총 4회 12시간