Thumbnail
BEST 개발 ・ 프로그래밍 웹 개발
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
(5.0)
5개의 수강평 ∙ 234명의 수강생

66,000원

지식공유자 : 잔재미코딩
총 77개 수업˙총 20시간 16분
평생 무제한 수강
수료증 발급 강의
입문 대상
내 목록 추가 145 공유
입문자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.

✍️
이런 걸
배워요!
쉽고 견고하게 프런트엔드 기본기 쌓기
반응형, 크로스 브라우징 웹서비스 개발
상세한 모던 HTML 과 CSS 기능
호환성까지 고려한 VanillaJS (Javascript)
최신 상용화 서비스 개발을 위한 HTML/CSS/JS+ES6 풀세트

온오프라인 2만명 수강! 
입문자를 위한 프런트엔드 웹기술 기본기를 다져줄 
완성도 높은 강의 시리즈 (풀스택 Part2)

본 강의는 풀스택 강의 시리즈 Part2 강의로 파이썬 백엔드(Part1) 강의에 이어서, 풀스택을 위한 탄탄한 프론트엔드 기본을 익히는 강의입니다. 상용화도 가능한 웹서비스 개발을 위한 HTML5, CSS, Javascript (VanillaJS, 바닐라 자바스크립트) + ES6 을 상세히 정리하고 익히는 강의입니다.

최선을 다해 만들었습니다. 수강후, 모두 그럴듯한 웹페이지를 만들어보시면 좋을 것 같습니다. 내용이 많아서, 혹시라도 실수가 있다면, 질문/답변란을 통해 알려주시면 바로 수정하겠습니다. 

최신 웹페이지를 제대로 만들고자 한다면...
  • 심지어 이미 알고는 있는 듯한데도 실제로 쓰기 어려운 HTML5, CSS, Javascript,
  • 반응형, 호환성 등 어디까지 알아야 할지 모를 흩어져 있는 수많은 문법과 기술
  • 그리고 매년 나오는 새로운 프레임워크 (React, Vue, Svelte)
깔끔하게 최신 웹페이지를 만들 수 있는 기술을 정리해주면 좋을텐데...

오래 전, 강사 본인이 아쉬웠던 부분입니다. 상용화된 웹페이지는 화려하고, 반응형을 지원하고, 호환성을 고려하고 있습니다. 그 안에는 시멘틱 태그(HTML5)부터, 수많은 CSS 기능들과 Javascript 와 다양한 라이브러리, 심지어 React, Vue 등 프레임워크까지 들어가 있습니다. 본 강의는 최신 트렌드에 맞춰서, 최신 웹페이지를 만들 수 있는 표준 기술을 모두 정리해 드립니다.

풀스택이 되면 웹서비스를 혼자서도 만들 수 있다던데...

웹이든 앱이든 최근 서비스는 구현을 위해, 백엔드, 프론트엔드, 배포 기술이 필요합니다. 이를 풀스택이라고 합니다.
풀스택이 되면 혼자서도 최신 웹서비스를 만들 수 있고, 경쟁력 있는 개발자도 되실 수 있습니다.

이를 가장 효과적으로 실질적으로 진행하려면, 풀스택 강의 Part1 에서 파이썬과 백엔드 기술을 익히고, Part2 에서 프런트엔드 기본기를 닦아야 합니다. 기본기가 잘 갖춰져야! 단순히 강의에서 나온 웹서비스를 그대로 따라 치는 것이 아니라, 제대로 풀스택이 될 수 있습니다. 본 강의는 프런트엔드 기본기를 탄탄히 갖출 수 있도록, HTML5, CSS, Javascript (바닐라 자바스크립트, VanillaJS) + ES6 를 상세히 다릅니다.

수많은 문법과 기술, 프런트엔드 기술은 어디서부터 익혀야...

프런트엔드 기술은 예전에는 홈페이지를 만드는 간단한 작업처럼 여겨졌었습니다.
그런데 최근에는 가장 다양한 기술을 사용하는 분야입니다. 
그런데 이 수없이 많은 기술 사이에서 깔끔하게 무엇이 표준이고, 실제 사용이 가능하고, 어디까지 익혀야 하는지를 알기가 어렵습니다.
본 강의는 호환성, 반응형, 최신 트렌드까지 고려해 꼭 갖춰야 할 프런트엔드 기술의 기본기를 정리한 강의입니다. 

탄탄하고 실질적인 프런트엔드 기본기를 위해 만들었습니다.
수없이 많은 문법과 기능들로, 프런트엔드의 출발은 정리라는 키워드부터 시작해야 합니다.
그 많고 다양한 문법과 지식을 다음과 같은 조건 하에 정리하였습니다.
  • 최신 웹페이지 개발 전 꼭 알아야할 배경지식은 싹 다 정리하고
  • 실제 웹페이지를 만들때, 꼭 필요한 기능은 싹 다 정리하고
  • 표준이어야 하고,
  • 반응형을 지원해야 하고,
  • 최신 트렌드에 맞춰야하고,
  • 호환성까지도 고려합니다.

HTML 태그는 가볍게 시멘틱 태그까지 꼭 필요한 태그만을 중심으로 정리하고, 
그럴듯한 웹페이지 구현에 꼭 필요한 반응형, 호환성까지 고려해 상세한 CSS 기능을 다루고, 
VanillaJS (바닐라 자바스크립트) 라고 불리우 듯이, 최근 트렌드는 jQuery 를 사용하지 않으므로, 호환성까지 고려한 Javascript + ES6 문법만으로 웹페이지를 구현합니다. 
각 기능별로, 호환성 이슈로 쓸 수 없는 극최신 문법, 대체 가능한 기술은 제외하고, 핵심 기술에 집중합니다.

시간을 낭비하지 마세요!
우리는 정보가 없어서 못하는 것이 아닙니다!
검증된 강의로 익히세요!

Javascript만 배우면 되지 않나요?

풀스택 개발에 있어 가장 큰 병목점은 CSS입니다. HTML, CSS는 중학생도 안다고 이야기합니다.
그러나 웬만한 프런트엔드 개발자가 아니고서는 반응형, 호환성 그리고 그럴듯한 최신 웹페이지를 만들 수는 없습니다.
수없이 많은 세부적인 CSS 기능을 정리해야 합니다. HTML도 표준에 맞춰서 한번은 정리해야 합니다.
또 국내에는 퍼블리셔라는 직업이 있지만, 국외에는 프런트엔드 또는 풀스택 개발자가 CSS까지 모두 다룹니다.
경쟁력 있는 프런트엔드/풀스택 개발자가 되기 위해, 상세히 CSS 기능을 정리하는 것은 필수입니다.

React, Vue를 익혀야 웹서비스를 만들 수 있지 않나요?

해당 프레임워크는 Javascript의 아쉬운 점을 개선해서, Javascript로 작성된 프레임워크입니다. 해당 프레임워크들을 쓸 때에도 Javascript를 쓰기 때문에, 어떤 프레임워크라도 Javascript 기본 문법을 잘 정리해서 익혀놓아야 합니다. 매년 달라지는 프레임워크 속에서 빠르게 새로운 기술을 익히고 활용하려면, Javascript 기본기가 잘 갖춰져야 합니다.
그래서 본 강의는 프런트엔드 기본기에 집중하는 강의입니다. 본 강의는 탄탄한 기본기를 쌓기 위해, 관련 기술중 꼭 필요한 기술을 싹 정리하고 연습합니다. 추후 이를 기반으로 이후 강의에서 최신 트렌드에 맞춘 프레임워크도 다룹니다.

입문자도 할 수 있을까요?

입문자도 들으실 수 있도록, 상세히 차근차근 설명드리는 강의입니다.
IT강의에서 가장 어려운 강의는 프로그래밍을 전혀 모르는 분들께 프로그래밍을 가르치는 것입니다. 이런 분들도 제가 오픈한 파이썬입문과 크롤링기초 부트캠프 강의를 통해 프로그래밍뿐만 아니라 크롤링 기술을 익히셨습니다. 합리적이고 서로 배려할 수 있는 분들이라면, 충분히 가능합니다.

프런트엔드 기술만 빨리 정리하고 싶으시다면, 본 강의만을 수강하셔도 좋습니다. 다만, 프로그래밍을 한번도 다뤄보지 않은 완전 입문자시라면, 파이썬입문과 크롤링 부트캠프 강의와 함께 풀스택 강의를 로드맵을 통해, 차근차근 익혀보시기를 추천드립니다. 보다 차근차근 필요한 역량을 쌓으실 수 있습니다.

입문자도 이해할 수 있도록
간결하면서도, 꼼꼼히 작성된 자료를 기반으로,
강의 중, 각자 테스트도 해볼 수 있도록
기능별 샘플코드와 테스트까지 바로 하실 수 있습니다

• 각 기능별 샘플코드를 프로젝트로 작성하여 제공해드리며, 실전 웹페이지 코드파일을 제공해드립니다.
• 강의 자료는 온라인에서 언제든 확인하실 수 있도록 제공해드립니다. (단, 복사 및 다운로드는 저작권 이슈로 제한하였습니다.)

체계적으로 익힐 수 있을까요?

입문자에서 시작해서, 풀스택이 되기까지 전 과정을 조금씩 난이도를 높여가며, 상세하고, 체계적으로 익힐 수 있도록 강의를 만들고 있습니다. 해당 문법과 지식 이해를 돕기 위해, 간결한 코드와 충분한 설명을 하되, 이해가 필요한 부분은 그때그때 컴퓨터 공학까지 설명드려서, 좋은 개발자가 될 수 있는 기본기를 닦으실 수 있습니다.

본 강의는 전체 풀스택 강의 시리즈 Part2로, 본 강의 안에서는 다음 서비스 개발을 위한 특정 웹페이지를 선택하여 어떤 프레임워크와 라이브러리도 쓰지 않고, 빈 파일부터 시작하여 HTML, CSS, Javascript + ES6 를 사용해서 한땀한땀 코드 완성까지 함께 해봅니다.

전체 강의 시리즈에서 최종 구현할 웹서비스 예

온라인 강의에 대한 애착과 고민고민 끝에 만들어낸 강의입니다!
합리적이고 서로 배려하고 좋은 인연을 맺을 수 있는 분들만
수강 부탁드립니다!

인프런에 오픈 중 또는 오픈 예정인 강의 코스

풀스택 코스: 최신 웹/앱 서비스를 A to Z 로 혼자서도 만들 수 있는 테크트리

익히는 순서에 따라 번호를 붙여 놓았습니다.

1. 파이썬과 데이터 수집(크롤링) 기본 (파이썬과 웹, 데이터 이해 기본)
2. MySQL과 데이터 저장/분석 기본 (SQL 데이터베이스 기본)
3. NoSQL(mongodb) 빅데이터 기본 (NoSQL 데이터베이스 기본)
4. 가장 빠른 풀스택: 파이썬 백엔드와 웹기술 기본 [풀스택 Part1]
5. 풀스택을 위한 탄탄한 프론트엔드 기본: javascript (Vanilla JS 와 ES6+) 와 최신 웹기술 [풀스택 Part2]
6. 풀스택을 위한 AWS 와 docker 기반 배포 기술 기본 (풀스택 Part3, 21' 상반기 오픈 예정)
7. 풀스택을 위한 Vue 프레임워크 기본 (풀스택 Part4, 21' 상반기 오픈 예정)
8. 풀스택 앱 개발을 위한 flutter 기본 (풀스택 Part5, 21' 하반기 오픈 예정)

Part1과 Part2로 웹페이지를 작성할 수 있습니다. 여기에 배포 기술을 익히면 기본 웹서비스를 오픈할 수 있으므로, 배포 강의를 먼저 준비합니다.

* 현재까지의 풀스택 강의 패키지를 할인된 가격으로도 제공합니다. (할인율은 곧 축소 예정입니다.)
[입문~중급] 가장 쉽고, 빠른 풀스택 로드맵 (바로가기)

데이터 분석/과학 코스: 원하는 데이터를 가져와서 분석하고, 예측까지 할 수 있는 최신 테크트리

익히는 순서에 따라 번호를 붙여 놓았습니다.

1. 파이썬과 데이터 수집(크롤링) 기본 (파이썬과 웹, 데이터 이해 기본)
2. Scrapy와 Selenium 정복 (현존 최강 크롤링 중급 기술 및 관련 IT 지식)
3. SQL과 데이터 저장/분석 기본 (데이터 저장/분석)
4. NoSQL(mongodb) 빅데이터 기본 (빅데이터 저장/분석)
5. 파이썬 데이터 분석 기본 (데이터 분석)
6. 머신러닝/인공지능 기본 (데이터 예측, 열심히 준비하고 있습니다)

* 현재까지의 데이터 과학 강의 패키지를 할인된 가격으로도 제공합니다. (할인율은 곧 축소 예정입니다.)
[입문~초급] 취업을 위한 데이터 분석 기본 기술 쉽게! 꼼꼼하게 익히기 (바로가기)

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
풀스택 개발을 위한 Part2 강의
프런트엔드 기본기를 쌓고자 하시는 분
최신 상용화도 가능한 웹서비스를 개발하고자 하시는 분
반응형, 호환성등 다양한 프런트엔드 기술 정리가 필요하신 분
프런트엔드 입문
📚
선수 지식,
필요한가요?
가능하다면, 풀스택 Part1 강의와 병행 수강을 강추드립니다.

안녕하세요
잔재미코딩 입니다.
잔재미코딩의 썸네일
Dave Lee (운영 블로그: 잔재미코딩)

현: 이커머스 기업 빅데이터 개발 및 기술 기획
전: SK, 삼성전자, 외국계 기업, 고려대학교 일어일문 학사, 연세대학교 컴퓨터공학 석사
주요 개발 이력: 삼성페이, 이커머스 데이터 서비스, 모바일 보안 시스템(CAS), RTOS 컴파일러, Linux Kernel Driver, NAS Embedded System  
저서: 리눅스 커널 프로그래밍, 리눅스 운영 체제의 이해와 개발,
누구나 쓱 읽고 싹 이해하는 IT 핵심 기술, 왕초보를 위한 파이썬 프로그래밍 입문서
운영 블로그: 잔재미코딩 (http://www.fun-coding.org) - 풀스택/데이터과학 기술 공유 블로그
커리큘럼 총 77개 ˙ 20시간 16분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 모던 웹 기본 기술 이해
웹 기본 기술 이해와 정리 미리보기 18:38
모던 HTML 기능과 배경지식 이해 11:01
HTML5 기본 템플릿 코드 이해 19:37
HTML5 주요 태그 이해와 정리1 19:12
HTML5 주요 태그 이해와 정리2 17:32
모던 웹을 위한 웹접근성, 크로스 브라우징, 이미지 포맷 이해 18:24
섹션 2. 모던 웹의 핵심 상세한 CSS 기본
모던 웹을 위한 모던 CSS 배경 지식 이해 미리보기 14:28
모던 웹을 위한 모던 CSS 단위 이해 및 정리 21:29
모던 웹을 위한 상세한 모던 CSS Selector 정리1 22:15
모던 웹을 위한 상세한 모던 CSS Selector 정리2 16:57
모던 웹을 위한 상세한 모던 CSS Selector 정리3 21:25
섹션 3. 모던 웹의 핵심 상세한 CSS 기본 프로퍼티
모던 웹을 위한 CSS 박스모델 이해1 16:38
모던 웹을 위한 CSS 박스모델 이해2 21:02
모던 웹을 위한 상세한 CSS background 이해1 15:40
모던 웹을 위한 상세한 CSS background 이해2 08:37
모던 웹을 위한 상세한 CSS block과 inline 이해 17:39
모던 웹을 위한 상세한 CSS font 이해1 18:59
모던 웹을 위한 상세한 CSS font 이해2 11:35
섹션 4. 모던 웹의 핵심 상세한 CSS 배치와 애니메이션
모던 웹을 위한 상세한 CSS position 이해 13:05
모던 웹을 위한 상세한 CSS transition 이해 10:27
모던 웹을 위한 상세한 CSS animation 이해 09:56
모던 웹을 위한 상세한 CSS transform 이해 11:33
모던 웹을 위한 상세한 CSS float 이해 20:02
섹션 5. 모던 웹의 핵심 중급 CSS와 반응형 기능
모던 웹을 위한 상세한 CSS 상속 이해 18:44
모던 웹을 위한 상세한 반응형 배경지식 이해 15:18
모던 웹을 위한 상세한 CSS 미디어 쿼리 이해 13:47
섹션 6. 모던 웹과 레이아웃 핵심 CSS flexbox
모던 웹을 위한 상세한 CSS flexbox 이해1 18:14
모던 웹을 위한 상세한 CSS flexbox 이해2 17:08
모던 웹을 위한 상세한 CSS flexbox 이해3 21:07
섹션 7. 모던 HTML/CSS 로 상용화도 가능한 모던 웹페이지 만들어보기
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기1 14:11
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기2 19:16
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3 18:53
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기4 10:38
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기5 15:45
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기6 20:54
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기7 10:41
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기8 14:05
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기9 12:36
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기10 09:00
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기11 12:22
섹션 8. 모던 웹을 위한 최신 Javascript (VanillaJS) 기본 지식과 변수/조건문
모던 웹을 위한 최신 Javascript / VanillaJS / ES6 이해 12:10
모던 웹을 위한 최신 Javascript 문법 이해를 위한 기본 지식과 준비 19:39
모던 웹을 위한 최신 Javascript 변수와 데이터 타입 이해 20:50
모던 웹을 위한 최신 Javascript 데이터 타입 변환과 조건문 이해 21:58
섹션 9. 모던 웹을 위한 최신 Javascript (VanillaJS) 함수와 객체
모던 웹을 위한 다양한 Javascript+ES6 함수 선언 기법 이해 12:38
모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해1 19:40
모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해2 20:44
모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해3 20:09
섹션 10. 모던 웹을 위한 최신 Javascript (VanillaJS) 반복문/배열
모던 웹을 위한 다양한 Javascript+ES6 반복문 이해1 13:52
모던 웹을 위한 다양한 Javascript+ES6 반복문 이해2 13:21
모던 웹을 위한 다양한 Javascript+ES6 배열 문법 이해1 17:16
모던 웹을 위한 다양한 Javascript+ES6 배열 문법 이해2 18:41
섹션 11. 모던 웹을 위한 최신 Javascript (VanillaJS) 중급
모던 웹을 위한 다양한 Javascript+ES6 추가 문법 이해1 21:29
모던 웹을 위한 다양한 Javascript+ES6 추가 문법 이해2 16:23
모던 웹을 위한 Javascript+ES6 호이스팅 이슈와 해결방법 이해 13:33
모던 웹을 위한 Javascript+ES6 스코프 이해 12:40
모던 웹을 위한 Javascript 동기 / 비동기 처리 이해 16:25
모던 웹을 위한 Javascript+ES6 비동기 처리를 위한 Promise 이해1 18:34
모던 웹을 위한 Javascript+ES6 비동기 처리를 위한 Promise 이해2 16:43
섹션 12. 모던 웹 제어를 위한 최신 Javascript (VanillaJS)
모던 웹을 위한 Javascript(VanillaJS) 와 DOM / BOM 이해 19:05
모던 웹을 제어하기 위한 Javascript(VanillaJS) DOM CRUD 이해1 19:55
모던 웹을 제어하기 위한 Javascript(VanillaJS) DOM CRUD 이해2 15:29
모던 웹을 제어하기 위한 Javascript(VanillaJS) 이벤트 처리 이해 12:55
섹션 13. 모던 프런트엔드 기술로 상용화도 가능한 모던 웹페이지 만들기
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기1 14:47
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기2 14:39
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기3 17:23
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기4 18:31
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기5 08:37
모던 HTML/CSS/VanillaJS+ES6 로 상용화도 가능한 반응형 모던 웹페이지 만들기6 12:25
섹션 14. 강의 마무리와 추가로 참고하면 좋을 기능 구현
추가로 참고할만한 반응형 모던 웹페이지 기능1 11:33
추가로 참고할만한 반응형 모던 웹페이지 기능2 18:29
추가로 참고할만한 반응형 모던 웹페이지 기능3 06:30
백엔드와 프런트엔드 통신 기능 구현과 마무리 18:36
강의 게시일 : 2020년 12월 16일 (마지막 업데이트일 : 2020년 12월 16일)
수강평 총 5개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
5개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
하루 10시간 공부하기 thumbnail
처음부터 내가 이 강의를 듣고 프론트 앤드에 대해서 공부를 좀 했다면 얼마나 좋았을까 싶음 node.js로 백앤드도 해줫음 정말 좋겠다 싶은 강의 왜 파이썬으로만 하십니까.. .흑흐긓긓긓그흑흑흐극
2021-01-21
지식공유자잔재미코딩
음 사실 아직 이 부분을 설명해드린 적이 없긴 한데요 더 큰 그림이 있습니다. 데이터를 분석하는 서비스를 만들기 위해 데이터를 아주 잘 다루는 파이썬을 쓴 측면이 큽니다. 쉽기도 하고요. 또한 파이썬과 자바스크립트 두가지 정도 언어는 가져가야 개발자로 성장을 할 수 있는데 이 두가지 언어가 가장 넓은 범위를 커버하기도 하고 활용성도 커서요. 많은 분들이 데이터도 잘 다루며 데이터 분석까지 가능한 서비스 개발 기획자가 되면 좋을것같아요. 파이썬은 익히시면 바로 깜짝 놀라실껀데 그런 경험을 추후라도 가져보시면 정말 좋을것같습니다
2021-01-21
mlmlmlmlm thumbnail
앞 부분 css와 html만 보았으나, 실제 실무에서 적용하는 것 이상으로 세세하고 자세하며, 다양하게 알려주십니다. 추가로 강사님께서 수업에서 사용하시는 강의 자료의 질이 정말 좋습니다. 요즘은 실무에서 spa 라이브러리 혹은 프레임워크를 사용하기 때문에, jquery보다 순수 자바스크립트를 이용하여 ui를 조작하는 방법을 아는 것이 중요한데, 이 강의는 이 점에서도 강점이 있습니다. 더 이상 긴말 안하겠습니다. 이 정도 가격에 이정도 강의면 거저라고 생각합니다. 다른 클론코딩 강의 말고 이걸 들으세요
2021-01-02
지식공유자잔재미코딩
이렇게 좋은 수강평을 남겨주셔서 감사합니다. 제가 예전에 이 부분을 익힐 때, 왜이렇게 세세한 기능이 많나 싶어서 지치기도 하면서도, 부득이 꼭 익혀놔야 하기 때문에, 한땀한땀 정리한 것이라서요. 제가 풀스택이 되기 위해, 익힌 방식을 그대로 강의로 만든 부분이긴 합니다. 세세한 기능이 생각이 안나실 때, 제공해드린 구글드라이브 폴더에 가셔서, 상단에 검색을 해보세요. 그러면 강의도 들으셨기 때문에, 관련 키워드를 가진 자료를 바로 보실 수 있으실꺼예요. 그러면 훨씬 빠르게 또 구현도 가능합니다. 이 부분은 추후 유투브로 제가 찍어서 별도로 공유해보려 합니다. 감사합니다.
2021-01-04
Rnv련 thumbnail
퍼블리셔 주업무에 추가적으로 프론트엔드작업을 진행하는데 기본기가 부족하다 생각해 여러가지 공부하던 중, 인프런에 대해 알게 되었고 어떤 강좌를 볼까 고르던 중에 이 강좌를 보게 되었습니다. 확실히 아는 부분이 많아 초반에는 빠르게 진행했는데, 몇가지는 처음듣는 것들이라 감사히 듣고 있습니다. 자료도 자세하고 설명도 굉장히 쉽고 기본적인 이론부터 설명해주셔서, 이후의 강좌도 하나 둘 결제해서 보려고 합니다. 다시 한 번 강의 올려주신 것, 감사드립니다.
2021-01-18
지식공유자잔재미코딩
감사합니다. 퍼블리셔면 앞부분은 정리를 하는 셈치시면 좋고 자바스크립트부분을 잘 익히신다면 정말 멋있는 웹페이지를 만드실수 있으실것 같습니다. 긍정적인 피드백 정말 감사합니다
2021-01-21
이인수 thumbnail
여러분이 아시는 웹이 만들어지는 과정 1부터 10까지 다 이 강의를 통해 해결할 수 있습니다. 그것도 순수 js로! 지금까지 들은 프론트엔드 강의 중에서 이렇게 이해를 위한 수업, 다른 강의에서는 알지 못했던 디테일한 css, js 수업이었습니다. 특히 바닐라js 부분에서는 이렇게 까지 자세하고 심도있게 다룬 강의가 있었나 생각이 들정도로 너무 만족스러운 강의입니다. js가 이렇게 매력적있었나 싶을 정도로 더 배우고 싶어졌습니다. 저는 귀찮음이 많은 스타일이라 웬만하면 리뷰를 잘 안쓰는데 강사님의 강의에는 항상 리뷰를 적고 있습니다. 그만큼 자세한 수강 자료와 강의 내용으로 수업하십니다. 가성비를 중시하는 저에겐 솔직히 이 가격에 수업을 듣기 죄송할 정도로 알차다고 자신합니다.
2021-01-07
지식공유자잔재미코딩
시간을 많이 들이셨을텐데 이렇게 길고 좋은 수강평을 써주셔서, 정말 감사합니다. 본 강의에서 다룬 내용은 이후 풀스택 시리즈 강의에서 꾸준히 사용하면서, 함께 관련 역량을 쌓아갈 수 있도록 진행할 계획입니다. 함께 풀스택이 되어서, 다양한 진짜 서비스를 만들고 공유하면 좋을 것 같네요. 리뷰를 잘 안쓰신다고 하셨는데, 제 강의에 대해서 이렇게 리뷰를 작성해주시니, 참 감사하기도 하고, 무엇보다 도움이 되셨다니 정말 다행입니다. 감사합니다.
2021-01-08
Yuni Byun thumbnail
수강중이지만 강좌구매를 고민하신 분들께 조금이나마 도움이 되었으면 하는 마음으로 수강평을 남깁니다. 저는 디자이너 베이스로 취미로 코딩을 코드카데미 등을 통해서 독학을 하고, 또한 한국에 있는 여러 좋은 도서들을 보면서 공부를 시작하게 되었습니다. 처음 코드카데미에서 자바스크립트를 공부한 이후 개념적인 부분이 정리가 안 되어서 인프런에서 다른 자바스크립트의 강의를 듣고 확실히 자바스크립트 문법에 대한 이해도는 많이 나아지고 또한 어떤 부분에서는 이 문법으로 무언가를 구현할 수 있겠구나 하는 생각은 들었지만 구체적으로 제가 원하는 기능을 바닐라 자바스크립트로 어떻게 구현할 수 있을지에 대한 막막함과 답답함이 해소되지 않았고, 책을 통해서 한 공부는 지식적인 부분에서 모르는 개념을 잘 설명해줄 수 있을지언정 실무적인 부분에서 무엇을 어떻게 구현할 수 있는지에 관한 지식을 얻기가 힘들더라고요. 코드카데미가 아니라 다른 유명한 웹사이트에서 프로젝트를 베이스로 한 강좌를 구매했을 때도 어지간한 기능들은 제이쿼리로 구현하고 바닐라 자바스크립트로 무언가를 구현하는 방법은 가르치지 않더라고요. 바닐라 자바스크립트로 어떻게 이걸 구현할 수 있어? 라고 물어봐도 제이쿼리가 간단하니까 제이쿼리로 하기를 추천해 정도의 답변만 받다 보니 답답해서 제가 알고 있는 지식으로 제가 원하는 기능을 어떻게 구현할 수 있지? 라는 고민을 가지고 본 강좌를 구매하게 되었습니다. 부연설명이 너무 길었는데, 기본적으로 제가 잔재미코딩님의 강좌에 대해서 굉장히 만족하는 부분에 관하여 간단하게 언급하자면, 1. 책으로 배울 수 없는 실무적인 부분이나 중요한 팁에 대해서 정말 잘 설명해 주신다는 부분을 느꼈습니다. 2. 강의 자료의 퀄리티가 정말로 높습니다. 강의 자료 자체가 장황하게 설명되어 있지 않음에도 불구하고 (전체적으로 짧은 설명이지만) 설명이 너무나도 잘 되어 있습니다. 코드 샘플같은 경우도 본 기능의 특징을 잘 이해할 수 있도록 정말 섬세하게 짜셨다는 생각이 들었습니다 (특히 Flexbox 관련해서 특히나 많이 느꼈습니다. 예제가 그냥 디자인이나 단순 예시를 보여주기 위한 것이라기보다는 이 개념을 이해하는데 정말 도움이 될 수 있는 예제를 고민하신 게 아닐까 생각했습니다.) 3. 코딩과 관련된 강의이다 보니 아무래도 키보드 소리나 소음 등에 민감하신 분들의 경우는 강의를 듣는게 힘드신 경우가 많은데 (저도 그런 케이스입니다 ㅠㅠ) 그런 분들까지 매우 섬세하게 배려해주셔서 영상을 제작해주셨습니다. 소음에 예민하신 분들 걱정 없이 강의 들으실 수 있으십니다...! 4. 저는 기본적으로 자바스크립트를 얕게나마 훑고 들어왔고 파이썬에 대한 지식은 많지 않은데 (반복문 등 기초 문법은 알고 있으며 백엔드 강의는 듣지 않았습니다) 강좌를 이해하는 데는 딱히 문제는 없었습니다. 워낙 섬세하게, 또한 이해가 잘 갈수 있게 꼼꼼히 설명해주시는 만큼 초보자분들도 부담 없이 수강하실 수 있으나 보다 확실한 이해를 위해서는 파이썬에 대한 선수지식이 있으시면 좋을 것 같습니다. (저는 이 강의를 듣고 백엔드/파이썬도 들어볼 예정입니다.) 설명이 정말로 너무너무 좋습니다. 5. 다른 프레임워크나 제이쿼리 등을 사용하지 않고 바닐라자바스크립트로만 웹사이트를 구현해 볼 수 있는 기회가 있어서 좋았어요. 제가 제이쿼리 말고 바닐라 자바스크립트를 통해서 구현해보고 싶다라고 생각했던 기능들을 혼자서 잔재미코딩님 강의를 들으면서 조금씩 구현해 보고 있고요. 그 이외에 개념 설명 강의 부분에서도 이미 많은 팁을 주셨는데 실제 프로젝트를 구현해보는 과정에서도 정말 사소하지만 알기 힘든 부분들을 세세히 짚어 주시는 점이 너무 좋았습니다. 이 강의를 만드시는데 얼마나 많은 노력과 시간이 필요하셨을지 도저히 상상할 수 없을 정도로 정말 너무나도 좋은 강의입니다. 코딩과 관련된 저의 좁은 시야를 넓히는 데도 정말 도움이 되었고, 강의 수강이 코딩 자체에 훨씬 더 흥미를 가지게 된 계기가 되었습니다. 본 강의는 정말로 개념적인 이해뿐만 아니라 그 개념을 어떻게 사용할 수 있는지에 대해 매우 큰 도움이 되었기에, 강의 수강을 고민하시는 분들에게 반드시 추천드리고 싶습니다. 얼른 듣고 백엔드에 대해서도 더 알고 싶네요 ㅎㅎ
2021-01-04
지식공유자잔재미코딩
시간을 많이 들이셨을텐데 이렇게 길고 좋은 수강평을 써주셔서, 정말 감사합니다. 제가 익힌다는 마음으로, 수강생분들께서 차근차근 정리하며 따라오실 수 있도록, 자료 작성부터, 샘플 코드, 프로젝트를 만들었습니다. 각각을 그냥 제가 개발하는 식으로 작성했다면, 오히려 저도 놓칠 수 있었던 부분들도, 수강생분들이 차근차근 따라오실 수 있는 수준으로 정리하고, 설명을 드렸는데요. 그러다보니 저에게도 큰 도움이 된 것 같습니다. 본 강의에서 다룬 내용은 이후 풀스택 시리즈 강의에서 꾸준히 사용하면서, 함께 관련 역량을 쌓아갈 수 있도록 진행할 계획입니다. 어휴... 수강평만 봐도... 제가 더 열심히 해야겠다라는 생각도 들고, 정말 기쁘네요. 감사합니다.
2021-01-08

66,000원

내 목록 추가 145 공유
지식공유자 : 잔재미코딩
총 77개 수업˙총 20시간 16분
평생 무제한 수강
수료증 발급 강의
입문 대상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스