/
웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!
12명 이 수강하고 있어요.
HTML
CSS
Javascript
React
🖥️ Colini 웹개발 가이드 [1부] : https://inf.run/tx8Jb (Node FullStack 개발 가이드 10% 쿠폰 제공)
🖥️ Node FullStack 개발 가이드 [2부] : https://inf.run/zdPci (Terraform 배포 가이드 10% 쿠폰 제공)
🖥️ Terraform 배포 가이드 [3부] : https://inf.run/bzPPR (Notion으로 학습 자료 제공)
💻 Node FullStack 개발 로드맵, A~Z 까지 [로드맵] : https://www.inflearn.com/roadmaps/731 참여시 20% 할인 쿠폰 제공 ※ 무료 참여
순서대로 따라오면 어느덧 풀스택 개발자!
웹 개발을 위한 기초 개념부터 최신 라이브러리까지, 꼭 필요한 내용을 학습해 볼 수 있습니다.
강의자료는 아래 링크에서 다운로드 받을 수 있습니다.
(Github) https://github.com/sideproject0214/colini
(교재) https://blog.ssaple.com
학습 대상은 누구일까요?
코딩을 처음 시작하는 사람
단계별 학습을 원하시는 분
웹 개발을 기초부터 시작하고 싶으신 분
5분 이상 강의 듣는 게 어려우신 분
불필요한 말 없이 강의만 깔끔하게 듣고 싶은 분
569
명
수강생
30
개
수강평
271
답변
4.0
점
강의 평점
4
강의
낮에는 평범한 회사원이지만, 밤에는 열정을 가진 개발자 입니다
전체
76개 ∙ (5시간 34분)
해당 강의에서 제공:
섹션 1. Intro
4개 ∙ (17분)
1.Why is Web Dev
05:30
2.What is Web / 3.어디까지 공부 / 4.어떻게 공부
05:01
5.웹 개발 로드맵(1)
03:56
5.웹 개발 로드맵(2)
03:29
섹션 2. HTML 살펴보기
4개 ∙ (15분)
1~3.html 구조 파악
05:13
4~5.태그(1)(header~tfoot)
04:14
6~7.태그(2)(textarea~object)
03:48
8.태그(3)(option~summary)
02:44
섹션 3. CSS 살펴보기
10개 ∙ (47분)
1.css 첫걸음 / 2~3.scss, postcss 소개
04:59
4.Css Layout / 5.position
04:51
6.absolute vs fixed / 7.Display Outside
04:10
8.내부 디스플레이 / 9~10.flexbox-Basic / 11.flex container
05:00
12.flex-direction / 13~14.flex 정렬(세로, 가로)
05:25
15.flex-grow / 16.fr단위
04:47
17~19.repeat / 20.minmax / 21~22.grid line
05:39
23.gap / 24~26.selector(1)
05:16
27~28.selector(2) / 29.의사클래스 / 30.의사요소
04:43
31.cascade
02:47
섹션 4. Javascript 살펴보기
22개 ∙ (1시간 39분)
1~2.목차 / 3~4. 변수(1)
04:45
5~6.변수(2)
04:37
7~8.변수(3)
04:05
9~10.변수(4)
03:06
11.숫자, 연산자
04:04
12~13.문자열
05:34
14~16.타입,자료구조(1)
05:41
17~19.타입,자료구조(2)
03:47
20~21.타입,자료구조(3)
03:53
22.타입,자료구조(4)
03:39
23.타입,자료구조(5) / 24.구조분해할당(1)
04:03
25~27.구조분해할당(2) / 28.배열(1)
04:31
29.배열(2)
04:27
29.참고_배열(3)
03:14
30~32.배열(4)
05:40
33~34.배열(5)
05:49
35~38.객체
05:53
39.조건문
03:01
40.for문 / 41.메서드와 this(1)
04:07
42~44.메서드와 this(2)
05:31
45~46.promise(1)
03:49
47.promise(2) / 48.promise&async
06:14
섹션 5. React 살펴보기
36개 ∙ (2시간 33분)
1~2.브라우저 로딩과정
05:45
3.virtualDom / 4.얕은 비교, state, props
04:52
5.자주 쓰는 리액트 hooks(1)
03:21
5.자주 쓰는 리액트 hooks(2)
03:57
6.웹개발은 어디서(윈도우,맥)
05:11
[이론] 7~10.윈도우 개발환경세팅 wsl2
[실습] 7~10.윈도우 개발환경세팅 wsl2
03:55
[공통] 11.homebrew 설치 / 12.oh-my-zsh 설치
04:28
[공통] 13~14.폰트 및 powerlevel10k 다운 및 설치
02:12
[공통] 15~16.powerlevel10k 환경설정
05:15
[공통] 17~18.zsh 플러그인 설치(autosuggestion,highlighting,autojump)
03:00
[이론] 20.node설치
04:35
[설치] 20.node설치
03:05
[이론] 21~26.vscode 설치 및 세팅
03:43
[이론] 27.글꼴,wsl, vscode
04:09
[실습] 27.글꼴,wsl, vscode
[이론] 28~32.git 설치 등
[이론] 33.git 흐름도
[이론] 34.vite 설치 / 35.carousel 만들기(라이브러리) 설치
05:07
[이론] 36. carousel 기본세팅 / 37.파일코인 소개(1)
05:33
[이론] 37.파일코인 소개(2)
[이론] 38.web3 storage, vite.config.js / 39.proxy / 40.revserse proxy / 41~42.carousel react 만들기
05:47
[실습] 1~2.vite 설치(1)
03:35
[실습] 1~2.vite 설치(2)
03:07
[실습] 3.dbjson 등
[실습] 4.css 설명(1)
[실습] 4.css 설명(2)
03:34
[실습] 4.css 설명(3)
04:00
[실습] 5.app(1)
03:32
[실습] 5.app(2)
[실습] 5.app(3)
[실습] 5.app(4)
05:28
[실습] 5.app(5)
04:26
[실습] 5.app(6)
04:57
[실습] 5.app(6) 추가 : git 실습
[실습] 5.app(7)
01:19