코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초지식

1. Dave Lee
코딩이 처음이어도 괜찮아!
진짜 입문자를 위한 웹개발과 IT 기초지식
웹개발과 SQL 실습으로 가볍게 익혀보는
코딩, 데이터, 그리고 필수 IT 지식

2. Dave Lee
정말 잘 오셨습니다.
Hello IT World
Orientation

3. Dave Lee
IT는 지루하고 알아듣기 어려운 수업?
어떤 분들은 매우 좋아함!
각자 정보를 이해/습득 방법이 다름
문과 VS 이과
Orientation

4. Dave Lee
나도 인공지능 프로그램이나 만들어볼까?
나도 영어 강의 하나 듣고, 오바마처럼 연설해볼까?
차근차근 쉽게! 쉽게! 쉽게! 기본기 쌓기
Orientation

5. Dave Lee
IT는 난이도별로 정의되어 있지 않음
2만분의 입문자 피드백으로
난이도를 고려해서 차근차근 강의
Orientation

6. Dave Lee
하나의 IT 기술은 다른 IT기술과 연결
각자 필요한 기술을 띄엄띄엄 알고 있음
걱정마세요! 필요한 기술은 쉬워보여도 모두 설명
나만 모르는 내용도 있을 수 있어요!
Orientation

7. Dave Lee
지금 익히는 주제에 집중해보세요!
각 IT 기술은 깊이가 상당함
지금 주제에 집중해서 익혀야 익혀집니다
Orientation

8. Dave Lee
Orientation
팁만 잘 알아도 확실히 도움이 됨
검색
비교
구글로 검색하기, 코드 비교하기 가 핵심!

9. Dave Lee
형식보다는 과외하듯이!
그래야 많은 정보를 과외처럼 이해하기 쉽게!
모든 강의 내용은
여러분의 입장으로 전달합니다.
Orientation

10. Dave Lee
가볍게 들어보세요!
수학공식 강의듣고 바로 수학문제 풀기?
이해 안가면 반복해서 들어보세요!
익숙해져야 조금씩 들어옵니다
Orientation

11. Dave Lee
가볍게 실습해보며,
IT 핵심 기술 경험해보고,
IT 기초 지식까지 쌓기
다양한 실습, 전담튜터, 실습을 도와주는 시스템까지
Orientation

12. Dave Lee
강의 후
비개발자
IT에 감을 가지고 전반적인 IT 이해
IT 커리어 입문자
IT 기본기 + 전문적인 강의 수강 가능
Orientation

13. Dave Lee
쉬어 가기

14. Dave Lee
IT 분야 큰 그림으로 이해하기
신입 개발자 연봉 6천?
실은 연봉 외 스톡옵션도 줍니다

15. Dave Lee
방대한 IT 분야는 무엇이 있을까?
웹, 앱, 응용프로그램, 데이터베이스, 임베디드
최신기술: IoT, 빅데이터, 인공지능

16. Dave Lee
방대한 IT 분야는 무엇이 있을까?
웹(Web) 앱(App)

17. Dave Lee
방대한 IT 분야는 무엇이 있을까?
PC응용프로그램 데이터베이스

18. Dave Lee
방대한 IT 분야는 무엇이 있을까?
임베디드(내장하다?) IoT

19. Dave Lee
방대한 IT 분야는 무엇이 있을까?
빅데이터 머신러닝/
인공지능

20. Dave Lee
IT 커리어 입문자라면?
왜 웹으로 시작할까요?
최근 서비스는 웹과 앱
쉽게 웹으로 시작해서,
프론트엔드, 백엔드에 대한 이해
할만하면 프론트엔드로!

21. Dave Lee
최근 스타트업 업계는
멀티 플레이어 개발자를 원합니다.
다양한 IT분야를 넘나드는 기술을
적용해서 빨리 아이디어 구현하기
웹은 기본!

22. Dave Lee
전문적으로 IT 커리어를 쌓으려면
프로그래밍이 핵심
프로그래밍은 사고력을 길러야 합니다.

23. Dave Lee
프로그래밍은 오랜 연습 필요
우선 프로그래밍이 무엇인지
직접 가장 쉬운 작업을 해보며
느껴보고, 이해부터 시작하세요

24. Dave Lee
웹개발에도 프로그래밍이 활용됨
HTML
CSS
javascript (프로그래밍)
웹개발 + 프로그래밍을 시작해보기로 합니다

25. Dave Lee
쉬어 가기

26. Dave Lee
특히 비개발자분들이 들어보면 좋을 이야기
여러분은 왜 IT를 배우시나요?
기획자, 창업자, 디자이너, 학생, 일반인

27. Dave Lee
기획자, 창업자, 디자이너, 학생, 일반인
내가 제안하면 왜 개발자는 무시할까?
개발자와 소통하고 싶다.

28. Dave Lee
[실제 사례]
개발자: 무조건 안되! 기간이 많이 걸려!
개발자는 개발을 모르는 기획자를 제일 싫어함

29. Dave Lee
왜 개발자와 소통이 안될까?
실은 개발자가 문제가 더 많습니다.
기획자 개발자
프로그래밍
프로그래밍만 생각

30. Dave Lee
기획자, 창업자, 디자이너, 학생, 일반인
이런 서비스를 만들 수 있을까?
외주를 주더라도 내가 IT를 알아야...

31. Dave Lee
[실제 사례]
A:내가 이런 아이디어가 있는데 말이야? (인공지능)
너가 IT 하잖아, 이거 얼마면 만들 수 있을까?
B (보험시스템 개발자): ???, 음...
C (외주업체): 이미 업계에서 하고 있는데?

32. Dave Lee
기획자, 창업자, 디자이너, 학생, 일반인
디자인만 하면 개발자가 한숨을 쉴까?
이유를 설명하는데, 도통 무슨 소리인지 원...

33. Dave Lee
기획자, 창업자, 디자이너, 학생, 일반인
IT 세상에 IT를 모르고는 앞날이...
IT를 기본 역량으로 경쟁력을...
IT가 내 적성에 맞을까?

34. Dave Lee
우리는?
문과: 이과는 평생 알아서는 안되...
이과: 문과는 평생 알아서는 안되...
외국 IT 회사: 영업 ~ 개발까지 IT는 기본
아이들 교육: 코딩 교육은 기본

35. Dave Lee
외국 기업
CS Engineer
QA Engineer
Software Developer
Project Manager
Developer Relations
Program Manager
Product Manager
Business Analyst
IT Consultant
(IT) Marketing Manager
(IT) Strategy Manager
IT Pre-Sales Engineer
(IT) Business Developer
Technical Account Manager
Account Manager
Sales Manager
Engineering
Sales

36. Dave Lee
방법은?
필요한만큼 알아야 합니다
그렇다고 개발자만큼 알 수는 없는 일
IT 흐름과 구조를 이해만 해도 훨씬 수월함
이를 최적화해서 설명하는 강의임

37. Dave Lee
IT 감을 가지려면
실제로 가볍게 실습을 해보면서
쉽게 익혀봐야 함
이를 통해 전반적인 IT 흐름과 구조 이해

38. Dave Lee
어떻게 배울까요?
수많은 IT 분야 중 어떤 것을?
웹과 데이터(SQL)
웹, 앱, 임베디드, PC 프로그램
(백엔드, 프론트엔드, 코딩, 빅데이터)

39. Dave Lee
IT는 적용! 적용! 적용! 으로 발전
덧셈
곱셈
나눗셈
제곱
미분
나도 인공지능 프로그램?
= 키보드 따라 치기
가장 간단하게!
내가 이해할 수 있을만
큼
익혀보세요!

40. Dave Lee
기본 지식은 가장 쉽게! 가장 가볍게!
스스로 이해하고 실습해보며
전반적인 감을 가질 수 있음

41. Dave Lee
학습 방법
주로 실습을 통해 익힙니다.
실습하면서, 필요시 주요 용어와 구조 설명

42. Dave Lee
마치 개발자가 되어 소통하듯이!
한번 익힌 IT 용어, 배경지식을
이후 강의에서는
관련 IT 용어를 사용해서 소통

43. Dave Lee
수업이 끝나면, 직접 작성하지는 못하지만
개발자처럼 웹페이지 외계어를 읽을 수 있고
웹 기본을 이해할 수 있고.
데이터를 어떻게 IT로 다루는지 이해할 수 있고,
개발자 사고를 어렴풋이 알 수 있습니다.

44. Dave Lee
쉬어 가기

45. Dave Lee
HTML 이란 어디에 쓰는 물건인가?
잔재미코딩
넓고 얕은 IT 코딩 스쿨
본 강의는 웹과 최신기술에
대한 이해, 그리고 가장 기초
적인 프로그래밍 언어에 대해
넓고 얕게 실습하면서, 가장
기본적인 IT 내용과 향후 학습
방향을 설정하는 강좌입니다.
MS WORD
메모장
잔재미코딩
넓고 얕은 IT 코딩 스쿨
넓고 얕은 IT 코딩 스쿨
본 강의는 웹과 최신기술에 대한
이해, 그리고 가장 기초적인 프로
그래밍 언어에 대해 넓고 얕게 실
습하면서, 가장 기본적인 IT 내용
과 향후 학습 방향을 설정하는 강
좌입니다.
웹페이지(웹브라우저)
잔재미코딩
넓고 얕은 IT 코딩 스쿨
넓고 얕은 IT 코딩 스쿨
본 강의는 웹과 최신기술에 대한
이해, 그리고 가장 기초적인 프로
그래밍 언어에 대해 넓고 얕게 실
습하면서, 가장 기본적인 IT 내용
과 향후 학습 방향을 설정하는 강
좌입니다.
<font face=" 나 눔 솜 글 씨 붓 "
size="24"> <center> 잔 재 미 코 딩
</center> </font>
<img src="broadIT.png">
<font size="16">
<center> 넓 고 얕 은 IT 코 딩 스 쿨
</center>
</font>
<br>
<font size="14">본 강의는 웹과 최신
기술에 대한 이해, 그리고 가장 기초적
인 프로그래밍 언어에 대해 넓고 얕게
실습하면서, 가장 기본적인 IT 내용과
향후 학습 방향을 설정하는 강좌입니
다.</font>
HTML

46. Dave Lee
HTML 언어 - 웹페이지를 만드는 언어
규칙! 규칙! 규칙!
다음 문장을 표시하는 웹페이지 만들기
Hello HTML

47. Dave Lee
HTML 언어 - 웹페이지를 만드는 언어
규칙! 규칙! 규칙!
글씨를굵게Hello HTML여기까지글씨굵게

48. Dave Lee
HTML 언어 - 웹페이지를 만드는 언어
<b>Hello HTML</b>
태그라고 합니다.
<태그> 로 시작, </태그> 로 끝
(기본)
컴퓨터 언어로 작성된 문서를 코드라고 부릅니
다.

49. Dave Lee
HTML 언어 - 직접 해볼까요?
<b>Hello HTML</b>
1) 메모장에 작성하고,
2) web.html로 저장
3) 파일 오른쪽 클릭하
고,
4) 웹브라우저로 오픈
윈도우
1) TextEdit 실행
환경설정 ▸ 새로운 도
큐멘트 탭에서 '일반 텍
스트'를 선택하고, 작성
맥PC

50. Dave Lee
HTML 언어 - 직접 해볼까요?
1) 웹브라우저에서 www.naver.com 오픈
2) 오른쪽 클릭
3) 페이지 소스 보기 클릭
4) 한참 중간즈음으로 스크롤

51. Dave Lee
HTML 언어 - 클라이언트와 서버
서버 - 요청한 HTML 파일을 준다.

52. Dave Lee
HTML 언어 - 규칙을 한자라도 잘 못쓰면?
<b>Hello HTML/b>
1) 메모장 또는 TextEdit에서 web.html 불러오기
2) 위 코드와 web.html에서 다른 점을 찾아서 수정
3) web.html에서 오른쪽 클릭, 웹브라우저로 오픈

53. Dave Lee
HTML 언어 - 규칙을 한자라도 잘 못쓰면?
<b>Hello HTML</b>
프로그래밍은 꼼꼼해야 함
대소문자, 띄어쓰기도 꼼꼼하게

54. Dave Lee
HTML 언어 - 어떻게 코드를 모두 완벽하게?
코드 작성을 도와주는 프로그램: 에디터
Visual Studio Code (요즘 더 인기)
Sublime Text 3

55. Dave Lee
설치가 어려운 이유?
컴퓨터 사용 자체가 익숙하지 않음
각자 PC 환경이 매우 다름
하지만, 가장 큰 이유는
컴퓨터는 알아서하는 경우는 없습니다
꼼꼼하게 가이드 그대로 해주셔야 해요~