44,000원
입문자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.
웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!
✍️
이런 걸
배워요!
이런 걸
배워요!
HTML
CSS
Javascript
React
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
코딩을 처음 시작하는 사람
단계별 학습을 원하시는 분
웹 개발을 기초부터 시작하고 싶으신 분
5분 이상 강의 듣는 게 어려우신 분
불필요한 말 없이 강의만 깔끔하게 듣고 싶은 분
안녕하세요
싸플 입니다.
싸플 입니다.
낮에는 평범한 회사원이지만, 밤에는 열정을 가진 개발자 입니다
커리큘럼
총 76 개
˙ 5시간 34분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. Intro
4 강
∙ 17분
섹션 1. 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
섹션 2. 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
섹션 3. 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
섹션 4. 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
03:48
[실습] 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
05:11
[이론] 28~32.git 설치 등
04:27
[이론] 33.git 흐름도
05:53
[이론] 34.vite 설치 / 35.carousel 만들기(라이브러리) 설치
05:07
[이론] 36. carousel 기본세팅 / 37.파일코인 소개(1)
05:33
[이론] 37.파일코인 소개(2)
04:27
[이론] 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 등
03:21
[실습] 4.css 설명(1)
04:28
[실습] 4.css 설명(2)
03:34
[실습] 4.css 설명(3)
04:00
[실습] 5.app(1)
03:32
[실습] 5.app(2)
03:21
[실습] 5.app(3)
05:11
[실습] 5.app(4)
05:28
[실습] 5.app(5)
04:26
[실습] 5.app(6)
04:57
[실습] 5.app(6) 추가 : git 실습
05:15
[실습] 5.app(7)
01:19
강의 게시일 : 2023년 10월 31일
(마지막 업데이트일 : 2023년 11월 14일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️