온라인

하나로 끝내는 웹 개발 입문 [무료]

WEB · 초급

생활코딩

레슨 310개 · 무제한 수강

동영상 310개 · 33시간 34분

수강생 90명

판매가
무료

클래스 신청하기

클래스 신청하기

소개

커리큘럼

강사

수료증

리뷰

질문답변

선수지식

- 누구나 시작하고 완주할 수 있는 웹 개발 입문 시리즈

무엇을 배울 수 있나요?

프론트엔드 part
- HTML과 인터넷 기초
- CSS 문법 및 활용
- JavaScript 문법
- Ajax
- React

백엔드 part
- Node.js
- express
- database1
- mySQL
- SQL join
- relational data modeling
- nodejs & mysql

누가 들으면 좋나요?

- 코딩 입문 및 웹 개발을 무료로 시작해보고 싶은 모든 학습자

클래스 소개

커리큘럼

레슨 310개, 수강기간 무제한

1. HTML&INTERNET

레슨 27개

1-1 수업 소개

맛보기 2:25

1-2 프로젝트의 동기

5:16

1-3 함수

1:48

1-4 코딩과 HTML

5:38

1-5 HTML 코딩과 실습환경 준비

10:11

1-6 기본문법 태그

9:17

1-7 혁명적인 변화

12:15

1-8 통계에 기반한 학습

7:05

1-9 줄바꿈 br vs p

7:34

1-10 HTML이 중요한 이유

9:38

1-11 최후의 문법 속성 IMG

5:58

1-12 부모자식과 목록

10:07

1-13 문서의 구조와 슈퍼스타들

9:07

1-14 HTML 태그의 제왕

8:41

1-15 웹사이트 완성

8:35

1-16 원시웹

14:16

1-17 인터넷을 여는 열쇠 서버와 클라이언트

9:25

1-18 웹호스팅 github page

11:14

1-19 웹서버 운영하기

9:00

1-20 수업을 마치며 1

5:15

1-21 수업을 마치며 2

10:17

1-22 수업을 마치며 3

4:55

1-23 부록 - 코드의 힘

7:30

1-24 부록 - 코드의 힘 동영상 삽입

4:42

1-25 부록 - 코드의 힘 댓글 기능 추가

8:06

1-26 부록 - 코드의 힘 채팅 기능 추가

4:48

1-27 부록 - 코드의 힘 웹사이트 방문자 분석기

1:20

2. CSS

레슨 15개

2-1 수업 소개

2:42

2-2 CSS가 등장하기 전의 상황

7:28

2-3 CSS의 등장

10:44

2-4 CSS의 기본문법

7:07

2-5 혁명적 변화

2:52

2-6 CSS 속성을 스스로 알아내기

8:09

2-7 CSS 선택자의 기본

14:51

2-8 박스 모델

16:20

2-9 박스 모델 써먹기

6:24

2-10 그리드 소개

9:53

2-11 그리드 써먹기

8:05

2-12 미디어 쿼리 소개

9:16

2-13 미디어 쿼리 써먹기

6:08

2-14 CSS 코드의 재사용

11:47

2-15 수업을 마치며

2:58

3. Javascript

레슨 37개

3-1 수업 소개

3:18

3-2 수업의 목적

8:24

3-3 HTML과 JS의 만남 : script 태그

3:46

3-4 HTML과 JS의 만남 : 이벤트

8:42

3-5 HTML과 JS의 만남 (콘솔)

8:29

3-6 데이터 타입 - 문자열과 숫자

10:59

3-7 변수와 대입연산자

7:55

3-8 웹브라우저 제어

3:34

3-9 CSS 기초 : style 속성

5:02

3-10 CSS 기초 : style 태그

7:24

3-11 CSS 기초 : 선택자

7:42

3-12 제어할 태그 선택하기

10:45

3-13 프로그램, 프로그래밍, 프로그래머

5:43

3-14 조건문 예고

3:39

3-15 비교 연산자와 블리언

8:33

3-16 조건문

5:14

3-17 조건문의 활용

7:12

3-18 리팩토링 중복의 제거

6:30

3-19 반복문 예고

3:34

3-20 배열

11:14

3-21 반복문

8:07

3-22 배열과 반복문

9:52

3-23 배열과 반복문의 활용

9:32

3-24 함수예고

7:54

3-25 함수

4:52

3-26 함수 : 매개변수와 인자

7:07

3-27 함수(리턴)

7:19

3-28 함수의 활용

4:35

3-29 객체 예고

13:05

3-30 객체 쓰기와 읽기

7:24

3-31 객체와 반복문

5:31

3-32 객체프로퍼티와 메소드

5:26

3-33 객체의 활용

5:08

3-34 파일로 쪼개서 정리정돈하기

8:10

3-35 라이브러리와 프레임워크

12:11

3-36 JavaScripts - UI VS API

5:07

3-37 수업을 마치며

4:34

4. Ajax

레슨 15개

4-1 수업소개

4:38

4-2 수업의 목적 1

5:21

4-3 수업의 목적 2

4:53

4-4 실습환경 준비

2:07

4-5 fetch API 사용법

6:32

4-6 fetch API 요청과 응답

6:59

4-7 fetch API - response 객체

6:50

4-8 Ajax의 적용

3:20

4-9 리펙토링 함수화

2:51

4-10 초기 페이지 1

7:11

4-11 초기 페이지 2

4:24

4-12 글목록 1

4:32

4-13 글목록 2

14:17

4-14 fetch API polyfill

6:56

4-15 수업을 마치며

6:23

5. React

레슨 40개

5-1 수업 소개

9:42

5-2 공부전략

1:56

5-3 개발 환경의 종류

4:37

5-4 npm을 이용해서 crate react app 설치

6:03

5-5 create react app을 이용해서 개발환경 구축

3:12

5-6 샘플 웹앱 실행

2:56

5-7 JS 코딩하는법

6:55

5-8 CSS 코딩하는 법

2:56

5-9 배포하는 법

6:15

5-10 리액트가 없다면

5:41

5-11 컴포넌트 만들기 1

7:05

5-12 컴포넌트 만들기 2

4:22

5-13 props

8:16

5-14 React Developer Tools

6:27

5-15 Component 파일로 분리하기

7:06

5-16 State 소개

4:08

5-17 State 사용

6:23

5-18 key

7:42

5-19 이벤트 state props 그리고 render 함수

10:02

5-20 이벤트 설치

7:20

5-21 이벤트에서 state 변경하기

4:09

5-22 이벤트 bind 함수 이해하기

5:57

5-23 이벤트 setState 함수 이해하기

3:33

5-24 컴포넌트 이벤트 만들기 1

7:04

5-25 컴포넌트 이벤트 만들기 2

4:31

5-26 컴포넌트 이벤트 만들기 3

13:28

5-27 베이스 캠프

9:11

5-28 Create 구현 : 소개

7:01

5-29 Create 구현 : mode 변경

7:07

5-30 Create 구현 : mode 전환 기능

6:32

5-31 Create 구현 : form

5:08

5-32 Create 구현 : onSubmit 이벤트

6:19

5-33 Create 구현 : Content 변경

9:03

5-34 Create 구현 : ShouldComponetUpdate 소개

15:15

5-35 Create 구현 : Immutable (불변)

8:59

5-36 update 구현

7:20

5-37 update 구현 : form 작업

10:29

5-38 update 구현 : state 변경

11:15

5-39 delete 구현

7:35

5-40 수업을 마치며

7:18

6. Node.js

레슨 60개

6-1 수업 소개

5:25

6-2 수업의 목적

9:41

6-3 설치

2:17

6-4 설치(Windows)

6:28

6-5 공부방법

1:22

6-6 Node.js로 웹서버 만들기

6:33

6-7 JavaScript 문법 - Number Data type

4:57

6-8 JavaScript 문법 - String

4:59

6-9 JavaScript 문법 - 변수의 형식

4:02

6-10 JavaScript 문법 - 변수의 활용

5:59

6-11 JavaScript 문법 - Template Literal

6:02

6-12 URL의 이해

5:58

6-13 URL을 통해서 입력된 값 사용하기

7:44

6-14 App 제작 - 동적인 웹페이지 만들기

7:07

6-15 Node.js의 파일 읽기 기능

7:07

6-16 App 제작 - 파일을 이용해 본문 구현

7:52

6-17 JavaScript - Boolean

4:50

6-18 JavaScript - 비교연산자

3:46

6-19 JavaScript - 제어문

4:14

6-20 JavaScript - 조건문

8:48

6-21 NodeJS - 콘솔에서의 입력값

3:17

6-22 App 제작 - Not found 구현

6:56

6-23 App - 홈페이지 구현

5:11

6-24 JavaScript - 반복문

4:58

6-25 JavaScript - 배열

6:48

6-26 JavaScript - 배열과 반복문

7:25

6-27 Node.js에서 파일목록 알아내기

5:43

6-28 App 제작 - 글목록 출력하기

4:19

6-29 JavaScript 함수의 기본 문법

8:56

6-30 JavaScript 함수의 입력

5:15

6-31 JavaScript 함수의 출력

4:59

6-32 App 제작 - 함수를 이용해서 정리 정돈하기

4:39

6-33 수업의 정상

8:38

6-34 Nodejs에서 동기와 비동기 1

2:47

6-35 Nodejs에서 동기와 비동기 2

2:52

6-36 JavaScript - callback

8:45

6-37 Node.js의 패키지 매니저와 PM2

8:11

6-38 HTML - form

7:34

6-39 App 제작 - 글 생성 UI 만들기

4:11

6-40 App 제작 - POST 방식으로 전동된 데이터 받기

9:30

6-41 App 제작 - 파일생성과 리다이렉션

6:04

6-42 App 글수정 - 수정 링크 생성

4:11

6-43 App 글수정 - 수정할 정보 전송

6:07

6-44 App 글수정 - 수정된 내용 저장

5:40

6-45 App 제작 - 글삭제, 삭제버튼 구현

5:38

6-46 App 제작 - 글삭제 기능 완성

3:54

6-47 JavaScript - 객체의 형식

4:58

6-48 JavaScript - 객체의 반복

4:05

6-49 JavaScript - 객체, 값으로서 함수

7:25

6-50 JavaScript - 객체, 데이터와 값을 담는 그릇으로서 객체

10:36

6-51 App제작 - 템플릿 기능 정리정돈하기

7:58

6-52 Node.js 모듈의 형식

5:58

6-53 App 제작 - 모듈의 활용

4:14

6-54 App 제작 - 입력 정보에 대한 보안

8:51

6-55 App 제작 - 출력정보에 대한 보안 1

5:41

6-56 App 제작 - 출력정보에 대한 보안 2

5:58

6-57 App 제작 - 출력정보에 대한 보안 3

5:51

6-58 API

8:59

6-59 수업을 마치며

6:25

6-60 보충수업 - PM2 사용법

5:41

7. express

레슨 20개

7-1 수업 소개

4:13

7-2 실습 준비

5:17

7-3 Hello Word 1

3:38

7-4 Hello Word 2

7:22

7-5 홈페이지 구현

3:34

7-6 상세보기 페이지 구현

5:48

7-7 상세페이지 구현 2

3:21

7-8 페이지 생성 구현

2:57

7-9 페이지 수정 기능 구현

4:22

7-10 페이지 삭제 구현

10:01

7-11 Express 미들웨어의 사용

4:59

7-12 미들웨어의 사용 - compression

9:55

7-13 미들웨어 만들기

6:02

7-14 Express 미들웨어의 실행순서

7:51

7-15 정적인 파일의 서비스

10:20

7-16 에러처리

10:34

7-17 주소체계변경

4:12

7-18 보안

5:13

7-19 express generator

7:14

7-20 수업을 마치며

4:22

8. database1

레슨 4개

8-1 수업 소개

3:57

8-2 데이터 베이스의 본질

1:45

8-3 file vs database

10:26

8-4 수업을 마치며

9:12

9. mySQL

레슨 23개

9-1 수업소개

4:40

9-2 데이터베이스의 목적

9:30

9-3 MySQL 설치

2:33

9-4 MySQL 설치 (Windows)

8:30

9-5 MySQL의 구조

3:22

9-6 서버접속

3:37

9-7 스키마의 사용

5:39

9-8 SQL과 테이블의 구조

5:23

9-9 테이블의 생성 1

14:12

9-10 테이블의 생성 2

9:23

9-11 CRUD

1:58

9-12 INSERT

9:26

9-13 SELECT

9:53

9-14 UPDATE

3:44

9-15 DELETE

1:22

9-16 수업의 정상

3:51

9-17 관계형 데이터베이스의 필요성

12:47

9-18 테이블 분리하기

8:40

9-19 관계형 데이터베이스의 꽃 JOIN

11:47

9-20 인터넷과 데이터베이스

12:52

9-21 MySQL Client

4:02

9-22 MySQL Workbench

13:25

9-23 수업을 마치며

13:52

10. SQL JOIN

레슨 8개

10-1 수업소개

1:49

10-2 테이블 쪼개기

9:48

10-3 JOIN 실습준비

5:30

10-4 LEFT JOIN

14:54

10-5 INNER JOIN

5:23

10-6 FULL OUTER JOIN

6:07

10-7 EXCLUSIVE JOIN

2:42

10-8 수업을 마치며

4:28

11. Relational data modeling

레슨 32개

11-1 수업 소개

2:48

11-2 전체 흐름

3:44

11-3 업무파악 : 인트로

4:21

11-4 기획

5:14

11-5 개념적 데이터 모델링 소개

5:18

11-6 관계형 데이터베이스 다운 개념의 구조

8:02

11-7 ERD의 구성요소

4:53

11-8 엔티티 정의

3:44

11-9 속성 정의

4:21

11-10 식별자 지정

6:54

11-11 엔티티간의 연결

3:15

11-12 Cardinality

6:52

11-13 Optionality

3:29

11-14 ERD 완성

3:56

11-15 Entity Realationship Diagram Helper

3:01

11-16 논리적 데이터 모델링

2:13

11-17 테이블과 컬럼 생성

6:15

11-18 1:1 관계의 처리

8:10

11-19 1:N 관계의 처리

4:02

11-20 N:M 관계의 처리

6:45

11-21 N:M 관계의 처리 - 내용 정정

2:57

11-22 정규화 소개

5:36

11-23 제 1 정규화

10:05

11-24 제 2 정규화

4:45

11-25 제 3 정규화

8:22

11-26 물리적 데이터 모델링

4:01

11-27 역정규화 소개

4:39

11-28 역정규화 : 컬럼을 조작해서 join을 줄이기

6:05

11-29 역정규화 : 컬럼을 조작해서 계산 줄이기

4:59

11-30 역정규화 : 표를 쪼개기

6:00

11-31 역정규화 : 관계의 역정규화

6:11

11-32 수업을 마치며

2:37

12. node.js & mySQL

레슨 29개

12-1 수업소개

5:24

12-2 실습준비

8:40

12-3 MySQL 모듈의 기본사용법

8:16

12-4 ER ACCESS DENIED ERROR 오류 처리

6:54

12-5 MySQL로 홈페이지 구현 1

5:35

12-6 MySQL로 홈페이지 구현 2

5:20

12-7 MySQL로 상세보기 구현

8:12

12-8 MySQL로 글생성 기능 구현

7:28

12-9 MySQL로 글수정 기능 구현 1

3:30

12-10 MySQL로 글수정 기능 구현 2

3:33

12-11 MySQL로 글삭제 기능 구현

1:42

12-12 MySQL JOIN - 글 상세보기 구현

4:58

12-13 MytSQL join을 이용해서 글생성 구현

7:18

12-14 MySQL join을 이용해서 글수정 구현

6:22

12-15 수업의 정상

0:00

12-16 Node.js의 DB 설정정보 정리정돈

5:05

12-17 Node.js 코드의 정리정돈 topic 1

5:12

12-18 Node.js 코드의 정리정돈 topic 2

4:04

12-19 Node.js 코드의 정리정돈 topic 3

2:45

12-20 저자 관리 기능 구현

1:49

12-21 저자 목록 보기 기능 구현

10:32

12-22 저자 생성기능 구현

4:55

12-23 저자 수정 기능 구현

6:18

12-24 저자 수정 기능 구현2

2:13

12-25 저자 삭제 기능 구현

6:05

12-26 보안 1/2 - SQL injection

7:03

12-27 보안 2/2 - SQL injection

6:47

12-28 escaping

10:32

12-29 수업을 마치며

3:57

최근 업데이트 날짜 2022.04.06 13:33

생활코딩

포트폴리오 보러가기

수료증

수료증 발급을 원하시는 회원님은
채널톡 또는 전화로 문의해주세요.

수강생 리뷰

아직 리뷰가 없어요.
클래스를 수강하고 리뷰를 남겨보세요.

클래스 신청하기

실력 상승 질문답변

구매 후 수강하고 질문을 남겨보세요!

구매하러 가기