클래스클럽커뮤니티
1/4

함께 비교해 보세요

이런 걸 배울 거예요

Next.js

고도화 된 개별환경을 제공하는 웹을 위한 프레임워크

Node.js

로컬에서 자바스크립트 코드를 실행하기 위한 런타임

TailwindCSS

CSS 를 직접 정의하지 않고 class 를 통해 빠르게 사용하는

HTML

웹의 뼈대

CSS

스타일시트

자바스크립트

웹의 언어

HTML, CSS, 자바스크립트, Node.js, React, Next.js, tailwindcss


실제로 웹 개발을 위해 알아야 할 최소한의 것들입니다. 시작이 반이라 했는데 배워야 할 것들이 너무 많아 시작조차 망설이게 만들죠. 하지만 핵심 컨셉만 제대로 전달하면 10분 만에도 소개할 수 있는 것들이 있습니다.


또한 웹은 서버와 클라이언트, 서버와 서버 간의 통신으로 이루어진 복합적인 결과로써 존재합니다. 때문에 서버와의 통신 그리고 데이터의 저장, 조회와 같은 정형화는 되었으나 처음 접하기엔 방대한 영역에 대한 내용을 이해해야 합니다. 이 부분이 보이지 않는 두 번째 허들입니다.


그래프.png

이 강의에서는 이러한 방대한 개념을 전달하기 위해 Next.js 를 이용하여 API를 구축하고, 서버와 통신이 발생할 때마다 다루어야 할 비동기의 개념에 대해서 상세히 다루고 있습니다.



또 하나 중요한 주제인 데이터베이스를 단순화하여 많은 분들에게 익숙한 파일을 사용해 유저별 데이터의 지속성을 제공하도록 설계했습니다.


마지막으로 현재 화두인 AI 를 활용하는 방법에 대해 실제 제공되는 프로젝트의 구성에 어떻게 활용하였는지를 디자인, 코딩, 어셋 생성 측면에서 소개합니다.


이 강의는 프로젝트를 설계하여 구현을 완성한 후 역으로 나머지 강의를 녹화하였습니다. 소개되는 자바스크립트 문법, tailwindcss 등은 실제 프로젝트에서 사용된 구문만으로 구성되어 있어 기억해야 할 부분을 압축하여 최대한 낭비없이 기억할 수 있도록 준비했습니다.


간단한 커피 키오스크 웹 애플리케이션을 만들면서 웹의 핵심 개념들을 자연스럽게 익히고 풀 스택을 경험할 수 있도록 구성된 이 강의를 통해, 여러분이 개발을 자신 있게 시작하시길 바랍니다.




준비물 · 코칭권


클래스 커리큘럼1

입문자를 위한! Next.js로 만들면서 배우는 풀스택 개발: 커피 키오스크 만들기
2025년 9월 12일 수강 시작
입문 난이도 · 영상 28개 · 첨부 파일 1개
총 7시간 45분
한국어 음성
한국어 · 영어 · 일본어 자막

커리큘럼

챕터 0개

크리에이터

봉데브

봉데브

15년 간의 개발 경력을 되돌아 보면 개발 환경의 발전이 가장 눈에 띕니다. 클릭으로 페이지들을 이동하던 것이 전부였던 시절부터 앱 개발에 이르기까지 빠르게 발전해왔고, 또 계속해서 발전하고 확장되고 있습니다.


많은 것들이 변했지만 그럼에도 불구하고 웹의 본질은 변하지 않았습니다. 하지만 생산성의 발전과 함께 점점 숨겨져가는 본질은 배움의 허들을 계속 높이고 있습니다.


웹의 가장 본질적인 기본을 이해하면 다른 관점에서 코드를 보게 되는 것 같습니다. 특히나 요즘은 AI 가 많은 코드를 작성할 수 있는 상황에서 맞다/아니다, 된다/안 된다를 명확히 알고 있는 것은 너무나 다른 생산성과 결과를 가져오게 됐습니다.


본질을 전달하는 강의로 배움의 허들을 낮추고 수강생 분들의 깊은 이해를 돕겠습니다.

많은 분들이 같이 본 추천

copyrightprotectionnoticetitle

  • copyrightprotectionnoticeanswer
고객센터오전 10시 ~ 오후 6시 (주말, 공휴일 제외)
주식회사 클래스101
대표 공대선
서울특별시 강남구 강남대로94길 10, 11층 1101호(역삼동, 패스트파이브 강남4호점)
대표전화 : 1800-2109
이메일 : ask@101.inc
사업자등록번호 : 457-81-00277
통신판매업신고 : 2022-서울강남-02525
클라우드 호스팅 : Amazon Web Services Korea LLC
사업자 정보 자세히 보기
클래스101은 통신판매중개자로서 중개하는 거래에 대하여 책임을 부담하지 않습니다.