위치

요일

가능
시간
(날짜)

  • 오후 12시~ (협의)
장소 : 협의 후 결정
추가비용 : 카페, 스터디룸 이용료 개인부담
장소: 성북/강남/신촌홍대, 협의 가능합니다.
₩20,000원 / 시간
₩180,000 / 총 3회 9시간
실시간 톡하기 찜하기
한건호
hrg921
밑바닥 부터 시작하는 프로그래밍, ver. 웹
  • 성북, 강남
  • 3시간/회
  • 1:1 수업
  • ₩20,000/시간

튜터정보

  • 고려대학교 기계공학과
- 한국디지털미디어고등학교 해킹방어과 졸업
- SW Maestro 9기 수료
- 코인: 코딩하는 사람들 2018년 2학기 튜터

### 프로젝트 경력
- 2015 HTML/CSS 레이아웃 작업 외주 진행 (HTML, CSS)
- 2015 제품 디자인사 포트폴리오 사이트 제작 (PHP, HTML, CSS, JS)
- 2015 마케팅 자동화 프로젝트 진행 (Java, JavaFX)
- 2017 조경수 쇼핑몰 제작 (TypeScript, Angular, AWS)
- 2018 학술 분석 자동화 서비스 제작 (TypeScript, React, AWS, python)
- 2019 제품 조사 대행 서비스 제작 (Wordpress)

긴 시간은 아니지만 웹 프로그래밍을 열심히 공부하면서 느낀 것들을 공유하고자 합니다. 프로그래밍, 특히 웹 프로그래밍은 정말 다양한 지식들이 있고 이 지식들 중에서 반드시 익혀야 할 것들을 확실히 익히기 위해 많은 노력을 했습니다. 필요한 지식을 고르고 확실히 익히는 방법을 알기 쉽게 전달해 드리겠습니다.

수업소개

프로그래밍을 입문하기 위해 인터넷 혹은 지인을 통해 프로그래밍에 입문하는 방법을 물어보면 일반적으로 세 답변 중 하나가 돌아옵니다.

1. 컴퓨터 관련 학과에 진학해!
2. C언어부터 시작해!
3. 만들고 싶은 것을 찾아봐!

중학교 2학년 때, 프로그래밍에 입문하고 싶어 이것 저것 찾아본 경험이 있습니다. 그러나 나이가 어려 내공이 부족했던 탓인지, 프로그래밍에 대한 열정이 부족했던 탓인지, 프로그래밍의 진입장벽이 너무 높아보여 번번히 포기했던 기억이 납니다.

그러다 고등학교 1학년 때 좋은 선생님을 만나 C언어를 열심히 공부하기 시작했습니다. C언어는 모든 언어의 어머니라고 불리는 만큼 컴퓨터와 프로그래밍 언어 전반을 이해하는 데에 큰 도움을 주었지만 세상에 실질적인 가치를 전달하거나 눈에 보이는 결과물을 만들기에는 조금 힘든 언어였습니다.

열심히 C언어를 공부하고 미로찾기 게임도 만들어보고 하던 중 생활코딩이라는 사이트를 통해 웹 프로그래밍에 입문하게 되었습니다. 웹 프로그래밍은 세상 모든 사람에게 가치를 전달할 수 있고 눈에 보이는 부분이 많은 만큼 디자인에 관한 직관도 어느정도 익힐 수 있다는 점에서 제게 굉장히 매력적으로 느껴졌습니다.

이렇게 저는 웹 프로그래밍에 빠지게 되었고 AMP (Apache, MySQL, PHP)부터 시작해 React, TypeScript, BootStrap 등 다양한 프레임워크와 라이브러리를 공부하게 되었습니다. 또한, 이러한 웹 프로그래밍 과정을 더욱 자세히 이해하고 좋은 개발경험을 얻기 위해 간단한 리눅스 프로그래밍, CI/CD 서버 구축과 같은 DevOps 관리, python을 이용한 데이터 엔지니어링 등도 익히게 되었습니다.

이제는 Facebook, Google, Amazon등과 같은 굴지의 IT 기업들이 어떤식으로 서비스를 만들어가고 그런 서비스들이 잘 만들어지기 위해서 어떤 과정을 거쳐야 하는지 아주 조금, 알게 되었습니다.


프로그래밍을 시작하고자 하는 탈잉 튜티분들께 이런 경험을 보다 쉽게 할 수 있도록 도움을 드리고 싶습니다. 굳이 어려운 공식문서들을 찾아 읽지 않아도, 컴퓨터 전공 수업을 듣지 않아도, 비싼 컴퓨터 학원에 다니지 않아도 값진 지식들을 얻을 수 있도록 도와드리겠습니다❗️

수업대상

  • ### 사용법만이 아닌 기본 동작 원리를 배우고 싶으신 분
    url을 통해 유저가 웹 서비스에 접속하는 과정, network를 통해 다양한 자료들이 오고가는 과정을 실습을 통해 직접 확인해 봅니다.

    ### 나만의 이력서를 웹상에 업로드하고 싶으신 분
    단순히 PDF를 인터넷에 올리는 것이 아니라 HTML/CSS를 통해 제작하여 깨지지 않는 이력서를 제작해 봅니다.

    ### 프로그래밍을 시작하고 싶은데 어떻게 시작해야 할지 모르겠는 분
    수업은 웹 프로그래밍으로 시작합니다. 하지만 수업이 끝나고 나면 어떤 기술셋을 어떻게 익혀야 원하는 일을 할 수 있을지 알려드립니다.

커리큘럼

1회차

웹 서비스의 기본 동작원리 이해 및 HTML/CSS 기초
────────────────────────


- 웹과 인터넷, 웹서비스의 정의
- 웹의 탄생배경
- 웹 서비스에 접속하는 과정
- 웹 브라우저와 서버
- OSI 7계층과 Amazon Web Service
- 웹 개발자 로드맵
- HTML 문법과 태그 사용
- CSS 문법과 속성 사용

2회차

HTML/CSS 심화, 반응형 웹 프로그래밍
──────────────────


- inline vs block
- 중앙 정렬, 좌측 정렬, 우측 정렬 테크닉
- Margin, Padding, Border
- Chrome DevTools로 CSS 쉽게 다루기
- 반응형 웹 프로그래밍이란?
- Media Query
- Parcel, SASS를 이용하여 귀찮은 개발과정 줄이기

3회차

나만의 이력서 만들기
──────────

- 이력서 Layout 구성
- Git이란?
- Git 사용해보기
- Github란?
- Git과 Github를 이용한 이력서 업로드 (예제: hrg921.github.io/resume/)
- 일일이 올리기 귀찮아요! Travis CI를 이용한 이력서 자동 업데이트 시스템 제작
- 앞으로 어떤 것을 배워야 할까요? Web Developer Roadmap

리뷰

리뷰쓰기

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.