탈잉 - 세상의 모든 재능
다회차 수업
협의 후 결정
|
강남
협의 후 결정
|
사당
상세장소 : 협의 후 결정
협의 후 결정
|
마포
상세장소 : 협의 후 결정
1. 최대한 개인화된 수업을 합니다! 배우고 싶으신 스킬이나 방향을 이야기 하고 수업을 진행하면 좋을 것 같습니다.

2. 현재 관악구 거주중입니다. 수업 장소는 대중교통 1시간 이내 거리에서 협의 가능하고 주로 카페에서 1:1로 진행합니다.

3. 수업자료 제공해드립니다 :) 수업 받으시는 동안 코드나 개발 관련 질문 최대한 답변해 드립니다.
실시간 톡
₩25,000원 / 시간
₩300,000 / 총 6회 12시간
Dg Lee
justindglee
[웹개발 처음부터 끝까지]자바스크립트로 만드는 웹사이트(HTML/CSS/Bootstrap/JavaScript/NodeJS/MongoDB)
찜하기
  • 2시간/회
  • 1:1 수업
  • ₩25,000/시간

튜터정보

  • 단국대학교 국제경영학과
안녕하세요 반갑습니다! 단국대 국제경영학과, 즉 문과 출신으로 멋쟁이 사자처럼 이라는 전국 대학 연합 웹 프로그래밍 동아리에서 웹 공부를 하고 프론트엔드 개발자로 취업을 준비중인 이동규라고 합니다.

지금은 저희 학교에서 운영진으로 활동하면서 사진에서 보시다시피 25명 남짓의 학생들을 가르치면서 웹 프로그래밍을 강의하고 있구요, 취업준비를 병행하면서 프로그래밍 공부를 따로 하고 있습니다.

튜터로서 저의 장점이라면 저도 프로그래밍 전공자로 시작하지 않았기 때문에 어떤 부분을 잘 모르고 이해를 못하는지, 처음에는 어떤 부분을 먼저 익히고 차차 어느 부분을 공부해야 잘 이해를 할 수 있는지와 같은 부분에 대해 조언을 드릴 수 있어서 함께 실습 위주로 학습을 한 이후에 해당 코드에 대한 설명이라던지 이후 학습 방향에 대해 아주 현실적이고 꼭 필요한, 시간을 아낄 수 있는 말들을 많이 해드릴 수 있습니다.

또 개인적으로 성격이 차분하면서도 즐거운?! 성격이라고 생각하고 주변 어떤 사람들보다 열정이 있는 편이라고 생각하기 때문에 만약 어떤 분이라도 저와 함께 수업을 하게 되신다면 무한한 책임감을 가지고 수업을 진행하면서 모르는 것이 있다면 이해가 될 때 까지 쉽고 또 쉽게 설명해 드릴 자신이 있습니다.

마지막으로 저도 문과생으로 시작해서 지금 취업준비중이기 때문에, 저와 비슷한 상황에 계시거나 웹 개발자로서의 진로를 고민하시는 분들이 만약 저와 함께하게 되신다면 정말 큰 도움이 되실거라고 생각합니다.

현재 가르치고 있는 학생들 중 전공자들도 많이 있는데, 그들보다 웹개발과 그 진로에 대해서는 제가 조금 더 많이 알고 있다고 생각하구요. 제가 강의해드리는 부분에 있어서는 제대로 알고 있다고 확신하고 시간대비 효율적으로 가르쳐 드릴 수 있다고 자신합니다.

수업소개

HTML과 CSS의 개념을 배우고 이를 활용해 부트스트랩이라는 프론트엔드 개발 라이브러리를 사용하여 사용자가 보는 UI화면을 구성합니다. 이후 자바스크립트를 활용하여 동적 UI를 만들고, 백엔드(서버 및 데이터베이스와 소통)개발 또한 자바스크립트를 이용하여 하게 됩니다.

이렇게 말하면 배우시기 전에는 잘 모르겠지만, 용어 하나하나 프론트엔드가 무엇인지 백엔드가 무엇인지 어떤 코드가 어떻게 작동하는지 MVC 패턴이 무엇인지 왜 코드를 이렇게 짠 것인지 상세하게 알려드리겠습니다.

수업 방식적인 측면에서 저 혼자 일방적인 설명으로 진행되는 수업보다는 함께 코드를 쳐보기도 하고 중간중간에 이해를 돕는 과제를 적극 활용해서 HTML CSS JavaScript 문법부터 웹개발에 관련된 기초적인 지식을 습득하시고 '혼자 output을 낼 수 있는' 실력을 가질 수 있도록 도와드리고 싶고 그 이후에는 원하시는 진로에 따라 앞으로의 학습 방법과 참고 자료까지 알려드릴 수 있다면 좋을 것 같습니다.

어떤 것을 공부해야할지 몰라 헤매시는 분들에게도 좋은 학습자료를 정리하고 설명해드려서 학습의지가 있는 분들께 좋은 자료와 계기를 제공해 드리는 것 만으로도 많은 도움이 되시리라고 믿습니다. 나름대로 수업 방식이나 어떻게 하면 최대한 효율적이고 효과적으로 코딩을 배우실 수 있는지에 대한 생각도 많이 하기 때문에 주어진 시간이 아깝지 않다고 느껴지시게 노력하겠습니다. 최대한 개인화된 수업과 설명을 위해서 일단은 1:1 수업만 진행하고 있으나 지인분들끼리 동시에 신청하시면 2인까지는 진행이 가능할 것 같습니다 :)

수업대상

  • - 비전공자 (문과생, 프로그래밍 무관 전공) 으로 웹개발을 처음으로 배워보고 싶으시거나, 개념은 대충 아는데 코드 실습을 해본적이 없으신 분들

    - 나만의 홈페이지를 만들어서 url만 가지고도 접속할 수 있도록 개발부터 배포까지 해 보고 싶으신 분들

    - IT 관련 업종을 준비하면서 웹개발에 대한 지식이 필요하신 분들

    - 프로그래밍 관련 전공자이지만 웹개발에 대한 지식이 모자라거나 실습을 해본적이 없으신 분들

    - 1:1 방식으로 효율적이고 효과적으로 웹개발에 입문하여 혼자 공부할 수 있는 실력을 갖추고 싶으신 분들

    - 떠먹여주는 학습방식이 아닌 동기부여를 통한 코칭을 선호하시는 분들

    - 어디부터 어떻게 얼마나 공부해야 내가 하고싶은 것에 도움이 될지 헷갈리시는 분들 (어떤것을 공부하면 좋을지, 어디서부터 시작해야 좋을지 범위를 좁혀드립니다)

    - 혼자 웹개발을 공부하면서 궁금한 것들을 물어볼 사람이 필요하신 분들

    - 멋쟁이 사자처럼에 지원했으나 떨어져서 해당 강의가 아쉬운분들

    - 웹개발을 재미있게 꾸준하게 할 수 있는 동기부여가 필요하신 분들

커리큘럼

1회차

- 웹, 그리고 코딩, 웹개발이란 무엇인가. 개발자가 하는 일

- 프론트엔드와 백엔드란?
- 컴퓨터와 인터넷, 네트워크에 대한 간단한 설명 (필요하다면)

- HTML/CSS 기본 개념
- Bootstrap이란?
- JavaScript과 NodeJS, NPM이란?

- 실습 환경세팅 및 사용 설명 (Github, Vscode, 그 외 extension 설치 및 사용법)

2회차

웹사이트 프론트엔드(UI) 만들기 (HTML, CSS, Bootstrap 및 클라이언트 JavaScript)

- HTML Tag 로 문서 구조 작성
- CSS로 레이아웃 변경 및 스타일링
- 웹 폰트, 이미지의 적용

- 배운 내용 바탕으로 직접 코딩

3회차

프론트엔드(2)

- 코드 리뷰 및 피드백, 추가 학습
- Bootstrap template 사용해보기
- Javascript 적용하여 동적 UI 만들어보기

4회차

웹사이트 백엔드(서버, 데이터통신) 만들기 (서버 JavaScript(NodeJS), NPM, MongoDB)

- HTTP 기본
- Express의 사용
- Javascript로 서버와 클라이언트 간 데이터 주고받기 (비동기통신 - AJAX)
- SSR과 CSR의 차이, Static Web과 Dynamic Web의 차이

5회차

백엔드(2)

- 코드 리뷰, 피드백
- Database를 만들고 CRUD 작성

6회차

서버에 배포하기(deployment)

- Heroku 또는 AWS를 활용한 프로젝트 배포 (url만으로 브라우저에서 만든 웹사이트에 접속 가능)
- 이후 진로 및 공부방향 설정, 공부자료(교재, 웹사이트 등) 추천

리뷰(1)

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

실시간톡

실시간 톡하기