강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Web Development

[CSS&JS Master] - Create a trendy emotional diary

You can learn the latest CSS properties and practical Javascript while working on a project.

(5.0) 2 reviews

28 learners

실습 중심
HTML/CSS
JavaScript
vanilla-javascript

What you will learn!

  • Latest CSS and practical application methods

  • Practical Javascript and Applications

  • Create a trendy dashboard diary project

The final chapter of the Coding Basics tutorial.
🔥 CSS & Javascript Master 🔥

Project-Based Learning
Create a trendy dashboard emotion diary

A sticky combination of CSS and Javascript
A structured course that will help you learn practical CSS and Javascript and build your skills.

Visual Banner (a {blue})

✋ Wait,
Are you planning to further improve your skills?

If you purchase the [Complete Front-End Bootcamp Course] course, which is the next step in the [CSS and Javascript Master] course,
CSS&JavaSript course is included for free.

Cover image

[The Complete Front-End Bootcamp Course] is,

We offer a complete front-end course that includes a web development bootcamp using React.js and Next.js, and a hybrid app development bootcamp using React.Native and Expo to improve your skills to a junior developer level!

💥 Attention!
Even if you purchase the [Perfect Front-End Bootcamp] course after purchasing this course , we do not provide a separate discount, so if you are planning to study more intensive front-end, we recommend purchasing the [Perfect Front-End Bootcamp] course from the beginning, which includes this course for free 😃

[CSS&JS Master] is ✨
We have a detailed curriculum

This is an efficient and practical course that groups related topics and learns them together section by section, rather than learning CSS and Javascript separately. Check out the detailed table of contents in the curriculum at the bottom 😀

A collection of over 60 properties and essential CSS concepts, including the latest updates .

[padding vs margin] [px vs rem] [flex vs grid]

[padding vs margin], [px vs rem], [flex vs grid]

In practice, we will determine which of the various CSS features is more efficient to use depending on the situation.

toggle, dropdown, modal

toggle, dropdown, modal

You can learn the details of CSS by creating an advanced UI yourself without a library.

We've collected everything from the basics to advanced content of Javascript that must be used with CSS .

[scope & hoisting & TDZ], [throttling & debouncing]

[scrope & hoisting & TDZ], [throttling & debouncing]

We've grouped important and relevant Javascript content together so you can understand it all at once.

[for] vs [map] vs [forEach]

[function vs expression vs arrow function], [for vs map vs forEach]

In practice, we will determine which Javascript syntax is best to use depending on the situation.

paginavion, infinite scroll, find my location

pagination, infinite scroll, find my location

Understand the principles by creating advanced Javascript functions in pure vanilla Javascript without any libraries.

The key point of this process is ✨
We provide over 30 hours of practical lectures and assignments.


We provide detailed lectures and assignments designed to help you focus on the learning content, categorize and divide the lecture topics into detail, and help you grow quickly 😃


In one section, (c)

In one section,

CSS and Javascript in the same context are paired together! You can clearly understand how CSS and JS should be connected!

(Learning materials provided)

After completing one section,

After completing one section,

We are providing assignments that proceed with the relevant content.
As you complete your homework, you can complete your own diary!

(Reference code provided)

For these people
It's a perfect fit

After completing the complete beginner course
Skip the repetitive basics
I really want to finish the project.

React..?
To move on to a specialized course
I want essential learning.

Huh?! Forbidden~
It really explains things in detail
I need my own shooter.

If you follow along like taking baby steps from A to Z,
Before I knew it, I had my own diary website! 🎁

Let's create an emotion log diary with a trendy dashboard design.
If necessary, you can upgrade it and update it to a higher quality project.

Introducing a project created by a student in this course 😁

A diary of emotions with various designs and functions

Responsive Design - Register

Responsive Design - Search

[CSS&JS Master] After taking the course
You can be a beginner like this. 💪🏻

_After taking the class, you will become a beginner like this

if
Do you have any questions?

Q. Can I take the course without any knowledge?

No. This is not a course for complete beginners. You should at least have some knowledge of what HTML is, what CSS features are, and what conditional statements are in Javascript. If you have taken the free introductory course provided by Inflearn or the free course provided on YouTube, you can take this course 🙂


Q. Do I need a separate textbook?

No. We provide learning materials and assignment designs for the class in Notion and Figma, respectively. If you follow the lectures in the order of listening to the lecture, reviewing the learning materials, and then doing the assignments, it will be very helpful.


Q. Is there a program I need to install before taking the course?

Yes. You should install the basic free programs required to learn web development to follow the lectures more easily.
1. Chrome browser
2. VS code
3. Notion (for learning materials)
4. Figma account (for project design confirmation)


Q. [CSS&Javascript Master] What lectures do you recommend after taking the course?

The next best course to this one is the React course using a practical framework. We recommend the [Complete Front-End Bootcamp] course, which is a dense course of about 150 hours.

Wait! If you have already thought about the next step, I recommend you not to take this course and choose [Wanp] course. [Perfect Frontend Bootcamp] includes this course for free 😀

Team Code Camp
Introducing.

Code Camp Introduction Image
15. Introduction image of Nowondu

Recommended for
these people

Who is this course right for?

  • Those who want to get into web development

  • Those who want to complete a mini project

  • Those who want to gain web development knowledge

Need to know before starting?

  • Basic HTML

Hello
This is

15,211

Learners

417

Reviews

216

Answers

4.8

Rating

14

Courses

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

Co-instructor

Curriculum

All

124 lectures ∙ (30hr 49min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

2 reviews

5.0

2 reviews

  • style252님의 프로필 이미지
    style252

    Reviews 6

    ∙

    Average Rating 4.2

    Edited

    5

    100% enrolled

    이해하기 쉽고 업무에 많은 도움이될꺼 같습니다.

    • 코드캠프
      Instructor

      style252님, 안녕하세요! 진짜 실무에 필요한 것만 깔끔하게 설명드리려고 노력했습니다. 도움이 많이 되었길 바래요!

  • jeju90029002님의 프로필 이미지
    jeju90029002

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    $68.20

    codecamp's other courses

    Check out other courses by the instructor!

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

    코드캠프

    10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

    중급이상

    중급이상

    React, Next.js, cursor

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일

    [VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

    코드캠프

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

    코드캠프

    코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

    입문

    입문

    NestJS, Node.js, JavaScript

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

    코드캠프

    [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

    코드캠프

    수백명의 개발자를 배출한 ‘진짜’ 부트캠프의 완벽한 프론트엔드 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [코드캠프]가 준비했습니다 :)

    입문

    입문

    React, Next.js, GraphQL

    [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

    코드캠프

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

    코드캠프

    웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

    초급

    초급

    React, Next.js, expo

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크강의 썸네일

    웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

    코드캠프

    [코드캠프] 강력한 CSS강의 썸네일

    [코드캠프] 강력한 CSS

    코드캠프

    CSS만 집요하게 모아놓은 강의 보셨나요? 이 강의에서는 총 2가지 프로젝트를 진행하면서, 가장 기본적인 레이아웃 구성부터 반응형까지 구현하게 될 거에요! 자, 이제 준비되셨다면 시작해볼까요?

    초급

    초급

    HTML/CSS

    [코드캠프] 강력한 CSS강의 썸네일

    [코드캠프] 강력한 CSS

    코드캠프

    [코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습강의 썸네일

    [코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

    코드캠프

    너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

    초급

    초급

    JavaScript

    [코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습강의 썸네일

    [코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

    코드캠프

    [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

    코드캠프

    1년간 300여명의 개발자를 배출한 ‘진짜’ 부트캠프의 고농축 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [인프런X코드캠프]가 준비했습니다 :)

    입문

    입문

    React, Next.js, GraphQL

    [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

    코드캠프

    [코드캠프] 훈훈한 Javascript강의 썸네일

    [코드캠프] 훈훈한 Javascript

    코드캠프

    다른 언어도 많은데.. 왜 자바스크립트여야 하냐구요? 자바스크립트는 전세계에서 가장 많이 쓰는 언어로, 비전공자도 빠르게 배울 수 있고 이해하기 쉬운 구조를 가지고 있어요. 게다가 구글, 페이팔, 아마존 등 유명 기업들도 활용하고 있다니! 더 이상의 고민이 필요한가요?

    입문

    입문

    JavaScript

    [코드캠프] 훈훈한 Javascript강의 썸네일

    [코드캠프] 훈훈한 Javascript

    코드캠프

    [코드캠프] 시작은 프리캠프강의 썸네일

    [코드캠프] 시작은 프리캠프

    코드캠프

    코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

    입문

    입문

    HTML/CSS, JavaScript

    [코드캠프] 시작은 프리캠프강의 썸네일

    [코드캠프] 시작은 프리캠프

    코드캠프

    Similar courses

    Explore other courses in the same field!

    [ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용강의 썸네일

    [ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

    코드덤

    부트스트랩5로 나만의 색을 입힌 포트폴리오 웹 사이트 제작부터 배포까지! 전세계적으로 가장 많이 사용되고 있는 웹 디자인 툴킷! Bootstrap 5

    입문

    입문

    HTML/CSS, Bootstrap

    [ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용강의 썸네일

    [ 부트스트랩 5 ] 빠르고 스마트하게 웹 사이트 만들기 | Bootsrap 입문용

    코드덤

    모던 웹 인터렉티브 CSS3 [PART2/3]강의 썸네일

    모던 웹 인터렉티브 CSS3 [PART2/3]

    영코디 킴쌤

    초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

    입문

    입문

    HTML/CSS, 웹 디자인, css3

    모던 웹 인터렉티브 CSS3 [PART2/3]강의 썸네일

    모던 웹 인터렉티브 CSS3 [PART2/3]

    영코디 킴쌤

    구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]강의 썸네일

    구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

    nhcodingstudio

    React, Next.js, Vue를 아무리 공부해도 코드가 추상적으로 느껴지고, 구조가 확실히 이해되지 않는다면, 그 근본 원인은 DOM에 대한 이해 부족일 수 있습니다. DOM은 모든 프론트엔드 프레임워크의 기반이며, 웹 페이지의 구조와 동작을 연결해주는 실체입니다. 이 강의는 단순한 선택자나 조작법을 넘어, HTML이 어떻게 DOM 객체로 바뀌고, 이 구조를 어떻게 선택하고 탐색하며, 조작할 수 있는지를 처음부터 차근차근 알려주는 DOM 완전 정복의 Part 1 입문 강의입니다. HTML 태그는 구조일 뿐이고, 자바스크립트는 행동일 뿐이지만, 그 둘을 연결하는 핵심이 DOM입니다. 이 연결고리를 명확히 이해하면, 어떤 프레임워크를 쓰든 그 안의 진짜 구조와 흐름을 정확히 꿰뚫어볼 수 있게 됩니다.

    입문

    입문

    HTML/CSS, JavaScript, React

    구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]강의 썸네일

    구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]

    nhcodingstudio

    모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]강의 썸네일

    모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

    영코디 킴쌤

    초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 500여명이 넘는 프론트엔드, 백엔드, 풀스택, 웹 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다!

    입문

    입문

    HTML/CSS, 웹 디자인, 클론코딩

    모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]강의 썸네일

    모던 웹 인터렉티브 CSS3 부트캠프 [Full vers.]

    영코디 킴쌤

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]강의 썸네일

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]

    영코디 킴쌤

    리액트를 공부하다가 포기하셨나요? 코딩이 처음인 쌩초보, 비전공자도 자바스크립트부터 리액트까지, 포기하지 않고 React로 가는 길을 열어드립니다.

    입문

    입문

    JavaScript, React, jQuery

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]강의 썸네일

    [자바스크립트부터 리액트까지] 포기없는 React로 가는 길 [Full vers.]

    영코디 킴쌤

    웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)강의 썸네일

    웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

    webstoryboy

    웹디자인기능사 출제기준 2023년 버전에 맞추어 누구나 합격할 수 있도록 제작하였습니다. 5가지 유형을 배우고 빠르게 합격합시다!

    초급

    초급

    HTML/CSS, jQuery, JavaScript

    웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)강의 썸네일

    웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

    webstoryboy

    3D리플릿 만들기 - 인터랙티브 웹 프로젝트강의 썸네일

    3D리플릿 만들기 - 인터랙티브 웹 프로젝트

    1분코딩

    인터랙티브 웹 프로젝트는, CSS와 자바스크립트를 이용해 창의적인 인터랙션이 있는 예제를 하나씩 만들어보는 시리즈입니다.

    중급이상

    중급이상

    HTML/CSS, JavaScript, 인터랙티브 웹

    3D리플릿 만들기 - 인터랙티브 웹 프로젝트강의 썸네일

    3D리플릿 만들기 - 인터랙티브 웹 프로젝트

    1분코딩

    [2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드강의 썸네일

    [2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

    코딩웍스(Coding Works)

    웹디자인기능사 출제기준(2025.1.1~2025.12.31)까지 시행되는 출제기준에 정확히 맞춘 웹디자인 기능사 실기 시험 내용에 최적화 되어 있는 실기시험 전문 강의로서, HTML+CSS+JQUERY 퍼블리싱, 코딩웍스 웹디자인 기능사 실기시험 강의는 다릅니다. 2023년도에 추가된 D유형, E유형 완벽 제작 수업영상과 2024년도에 추가된 F유형 완벽 제작 수업영상이 모두 반영되어 있습니다.

    입문

    입문

    HTML/CSS, jQuery, 웹 디자인

    [2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드강의 썸네일

    [2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드

    코딩웍스(Coding Works)

    html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

    두노피

    svg를 이용하여 간단한 그림을 그리고 사이트에 적용시킵니다. 포트폴리오에 적용하면 돋보이는 페이지가 됩니다.

    초급

    초급

    HTML/CSS, JavaScript

    html - SVG scroll animation 효과 - 특별한 포트폴리오를 위한 그림 15종 증정

    두노피

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지강의 썸네일

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

    이지웹

    전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

    초급

    초급

    HTML/CSS, JavaScript, jQuery

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지강의 썸네일

    아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

    이지웹

    효과적인 모바일 UX 만들기 (디자인 + 코딩)강의 썸네일

    효과적인 모바일 UX 만들기 (디자인 + 코딩)

    유용한IT학습

    Photoshop과 Adobe XD 프로그램을 활용해 다양한 디바이스의 웹, 앱 레이아웃을 디자인해 본 뒤 간단한 코딩 기술을 학습해 직접 구현해볼 수 있게 됩니다.

    초급

    초급

    HTML/CSS, jQuery, XD

    효과적인 모바일 UX 만들기 (디자인 + 코딩)강의 썸네일

    효과적인 모바일 UX 만들기 (디자인 + 코딩)

    유용한IT학습

    제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일

    제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

    nhcodingstudio

    📌 이 강의는 전략형 AI 틱택토 프로젝트로 시작해, 객체지향 프로그래밍의 핵심 개념까지 실전 예제로 완성하는 커리큘럼입니다. 게임 구현으로 로직 설계와 AI 전략 사고를 훈련하고, 이어서 상속, 조합, 위임, 캡슐화 같은 OOP 설계 기술을 직접 코드로 경험합니다. 실제 프로젝트로 문법을 넘어서 ‘설계하는 개발자’로 성장하고 싶은 분께 추천드립니다.

    초급

    초급

    JavaScript, HTML/CSS, 객체지향

    제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]강의 썸네일

    제대로 배우는 JavaScript: 객체지향 프로그래밍 완성 & 전략형 AI 틱택토 실전 Part2 [중급편]

    nhcodingstudio

    [환상의족발] 디자인부터 코딩까지강의 썸네일

    [환상의족발] 디자인부터 코딩까지

    두노피

    맛있는 족발이에요~ 요즘 족발 장난 아니던데...꿀꺽

    초급

    초급

    Photoshop, HTML/CSS, 클론코딩

    [환상의족발] 디자인부터 코딩까지강의 썸네일

    [환상의족발] 디자인부터 코딩까지

    두노피

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

    코드팩토리

    자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

    초급

    초급

    NestJS, REST API, backend

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core강의 썸네일

    [코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

    코드팩토리

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

    코드캠프

    코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

    입문

    입문

    NestJS, Node.js, JavaScript

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스강의 썸네일

    [코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

    코드캠프

    면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작강의 썸네일

    면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

    코딩웍스(Coding Works)

    지금까지 200여명의 오프라인 학원 학생들 신입 퍼블리셔 취업 포트폴리오 지도한 경험을 통해 코딩웍스가 심혈을 기울여 만들었습니다. 면접과 취업을 부르는 퍼블리셔 '개인 포트폴리오 홈페이지' 제작 강의는 퍼블리셔 취업을 위해 필수로 준비해야 하는 개인 포트폴리오 홈페이지를 어떻게 어디서부터 준비하는지 알려드리는 충실한 가이드입니다. 강의는 총 19시간 이상의 강의 내용이 담겨 있습니다. 개인 포트폴리오 홈페이지 제작 전 퍼블리싱 관련 필수사항, 취업과 실무에서 최고로 중요한 퍼블리싱 기본기, 취업을 위한 제이쿼리와 자바스크립트 & 코딩 미션, 개인 포트폴리오 홈페이지에 넣을 포트폴리오 결과물 제작 방법, 개인 포트폴리오 홈페이지 섹션 별 콘텐츠 레이아웃 및 상세내용, 지원할 기업 구분하기 & 퍼블리셔 실전 면접 요령 등 신입 퍼블리셔로서 알아야 할 모든 내용을 담고 있습니다.

    초급

    초급

    포트폴리오, HTML/CSS, jQuery

    면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작강의 썸네일

    면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

    코딩웍스(Coding Works)

    아무도 알려주지 않는 WebRTC를 사용한 P2P통신강의 썸네일

    아무도 알려주지 않는 WebRTC를 사용한 P2P통신

    July

    WebRTC를 활용하여 구현하는 웹캠과 피어간 통신에 대해서 학습할 수 있습니다.

    입문

    입문

    Go, webrtc, p2p

    아무도 알려주지 않는 WebRTC를 사용한 P2P통신강의 썸네일

    아무도 알려주지 않는 WebRTC를 사용한 P2P통신

    July

    웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

    깡코딩

    웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

    초급

    초급

    인터랙티브 웹, JavaScript, HTML/CSS

    웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

    깡코딩

    Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼강의 썸네일

    Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

    닭강정

    🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

    초급

    초급

    gemini, HTML/CSS, TailwindCSS

    Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼강의 썸네일

    Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

    닭강정

    타입스크립트 입문 - 기초부터 실전까지강의 썸네일

    타입스크립트 입문 - 기초부터 실전까지

    장기효(캡틴판교)

    타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

    초급

    초급

    TypeScript, ES6, JavaScript

    타입스크립트 입문 - 기초부터 실전까지강의 썸네일

    타입스크립트 입문 - 기초부터 실전까지

    장기효(캡틴판교)