Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
로드맵 썸네일

제로베이스에서 풀스택 취업까지 [리액트·스프링부트 포기 제로! 완주 보장 부트캠프] =>리액트에서 막히고, 스프링부트에서 좌절한 당신을 위한 프로젝트

작성자 프로필 이미지

영코디 킴쌤

HTML/CSS
웹 디자인
Java

입문 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

4명 참여중

조회수

181

40% 할인

12개 남음전체 구매 적용
쿠폰 받기

로드맵 코스

비전공자를 위한, 풀스택 개발자 취업 로드맵 🚀

개발자 취업

코딩을 처음 배우는 입문자인 학생들이 개발자로 성장해 다수 취업에 성공한 스타강사 영코디 킴쌤15년 이상의 교육 노하우를 바탕으로 만든 로드맵입니다.

프론트엔드부터 백엔드, 데이터베이스, 클라우드 배포까지 단계별로 학습하며, 단순히 문법을 배우는 것이 아니라 실제 웹사이트와 서비스를 제작하며 자연스럽게 개발 감각을 키우게 됩니다.

HTML/CSS 기초에서 출발해, javascript와 React까지 습득하여 프론트엔드 개발, Java와 Spring Boot를 통한 백엔드 개발, Oracle SQL로 데이터 처리, 그리고 AWS 호스팅으로 실제 서비스 배포까지 경험합니다. 특히, 프로젝트 실습과 포트폴리오 제작을 통해 실무에 바로 활용 가능한 역량을 쌓고, 취업까지 이어질 수 있는 자신감을 갖게 됩니다.

개발자로 도전하고 싶은 비전공자를 포함한 모든 분들, 주저말고 포기하지 않게 해주는 영코디 킴쌤의 강의로 시작해 보세요!


   
🔊 비전공자도 실무형 개발자로 성장합니다!

   취업응원 100일 이벤트로, 로드맵 전용 40% 할인쿠폰을 받으실 수 있습니다.
   할인쿠폰 발급시 쿠폰 사용기간은 3일입니다.

   혹시! 이미 보유한 강의가 포함되어 있더라도, 구매하지 않은 강의만 40% 할인된 금액으로 만나보실 수 있습니다!

이런 분들께 추천해요 🙋‍♂

코딩 경험이 전혀 없는 비전공자
→ 개발자가 되고 싶지만 어디서부터 시작해야 할지 막막한 분

리액트와 스프링 부트에서 좌절했던 분
→ 기초부터 단계적으로 배우며 원리를 확실히 이해하고 싶은 분

실무형 포트폴리오가 필요한 취업 준비생
→ 프로젝트 경험을 통해 자신만의 성과물을 만들고 싶은 분

 

영코디 킴쌤 로드맵만의 특징 😁

강의를 알아보는 시간, 들어보는 시간 모두 수강생 분들의 '비용' 이니까!

15년 이상의 취업 성공 노하우!

코딩을 처음 배우는 입문자인 학생들이 다수 개발자로 취업 성공한 검증된 커리큘럼

단계별 완성 로드맵!

HTML/CSS → Java → DB → Spring Boot → AWS까지, 풀스택 취업에 필요한 모든 과정을 한눈에 이해하고 구현할 수 있어요

비전공자도 포기 없는 강의!

기초부터 차근차근 따라오면 자연스럽게 개발자 사고와 실력을 완성할 수 있도록
알차게 모두 담았어요.

 

로드맵에서 배우는 내용 [풀스택 취업 로드맵]😊

스프링부트 리액트 스프링 풀스택 백엔드 자바 프론트엔드 리액트

    🟢 입문 단계 (기초 다지기)

  1. HTML/CSS 기초 – 웹 페이지 구조와 스타일링의 기본

  2. 에밋(Emmet) 활용법 – 단축키로 빠르고 효율적으로 코딩하기

  3. 웹페이지 스타일 & 애니메이션 제작 – 실무 스타일과 애니메이션 구현

  4. Sprite Animation & CSS3 인터랙션 – 움직이는 캐릭터, JS 없이 인터랙티브 효과

  5. Flex와 반응형 로직 – 반응형 웹 레이아웃 기본기

    🔵 중급 단계 (프론트엔드 확장 & 프로그래밍 언어)

  1. Bootstrap 활용 – 구성요소, 스타일, jQuery 기능과 반응형 페이지 제작

  2. JavaScript, jQuery – 변수, 함수, DOM 조작, 이벤트 처리, 비동기 처리(Async/Await)

  3. React 컴포넌트 기반 개발, 상태 관리, 라우팅, 실습 프로젝트

  4. Java 프로그래밍 기초 – 변수, 조건문, 반복문, 클래스, 객체지향(OOP) 이해

    🟠 실무 단계 (데이터 & 백엔드)

  5. Oracle SQL – DB 기초부터 고급 쿼리, 데이터 분석과 최적화
  6. Spring Boot & Backend – JSP부터 스프링부트, JPA, Security, API 활용

    🔴 취업완성 단계 (프로젝트 & 배포)

  7. 프로젝트 & 포트폴리오 완성 – 회원·게시판 기능을 갖춘 실무형 웹사이트 제작

  8. AWS 호스팅 & 배포 – 클라우드 환경에서 실제 서비스 운영

 

수강생 분들의 후기를 확인하세요!

비전공자가 듣기 좋은 과정이고 처음으로 개발 직군에 도전하려는 분들께 추천드리는 수업입니다. 기초단계에 대한 수업이 상세하여 아무런 배경지식이 없더라도 쉽게 이해하고 들을 수 있습니다. 강사님의 경력이 많으셔서 그런지 기초부터 탄탄하게 강의해주셔서 비전공자인데도 수업을 따라가는 데 어렵지 않았고, 세심하게 학생들을 챙겨주셔서 너무 감사했습니다.

프론트 & 백엔드 과정이 많이 힘들다고 해서 걱정했는데 김세지 강사님의 꼼꼼한 강의 덕분에 무사히 잘 수료했어요. 비전공자뿐만 아니라 관련지식이 있는 동료들과 수준별로 잘 짜여져 있어서 다방면으로 많이 배울 수 있었던 과정이었습니다.

처음에 김세지 선생님 소개를 들었을 때 수강생들마다 좋을까 걱정됐지만 들어보니 선생님같은 선생님이 없는 거 같아요ㅠㅠ. 힘들어도 다들 완강하실 수 있을 거예요!

소문을 듣고 부산에서 수업으로 한달음에 오길 잘 한 것 같아요!! 선생님 덕분에 끝까지 알차고 재밌게 배우고 포폴 제작 후 바로 취업하게 돼서 정말 꿈만 같아요ㅠㅠ 항상 건강하시고 아프지 마세요!!! 감사했습니다

hy*

전혀 다른 공부를 하다가 시작한 코딩 공부라서, 시작부터 많이 부담스럽고 걱정이 되었습니다. 그렇지만 선생님이 오랜 시간 가르치는 일을 하면서 쌓여온 노하우 덕분에 탄탄한 커리큘럼과 잘 정리된 자료로도 수강을 잘 마칠 수 있었습니다. 수업 중간 중간 수업 진도는 어떤지, 학생들의 이해 속도는 어떤지 꼼꼼히 살펴주시고 피드백을 받아 바로 적용해주셨고, 레벨이 다른 여러 학생들도 분별력있게 잘 이끌어가 주셨습니다.

다행히 김세지 선생님을 만나 많은 고민이 해결되었습니다. 막막하고 어려운 일이긴 하지만 지식이 부족한 것, 모르는 것 많을 저에게 항상 웃으면서 대해주셔서 편하게 코딩을 배울 수 있었습니다. 어떤 질문을 하더라도 항상 친절하게 대답해주시고, 앞으로 어떤 방향으로 공부해야 하는지, 무엇을 공부해야 하는지 등 처음 접하는 올바른 방향성과 인식을 보여주셔서 감사했습니다.

덕분에 편하게 또 즐겁게 코딩을 배웠습니다.

다음에 김세지 선생님을 강사로 만나는 분들은 복 받은 겁니다. 진심으로 감사드립니다. 늘 건강하시고 행복하세요!

*ms

전공자도 아닌데 괜찮을까? 잘 배울 수 있을까? 걱정반 기대반으로 시작했는데 김세지 선생님을 만난 게 신의 한 수(?)가 아니었나 싶네요. 항상 한결같은 모습으로 저희보다 더 큰 열정으로 가르쳐 주셨습니다. 가끔 힘들어서 의지력이 떨어질 때가 있었는데, 그럴 때마다 선생님께서 열심히 가르쳐주시고 노력해주시는 모습을 보면 죄송하다는 마음에 또다시 마음을 잡고 열심히 했습니다.

주변에도 비슷한 과정 수업을 듣는 친구가 있었는데, 들어보면 제가 훨씬 더 좋은 환경에서 좋은 선생님을 만나 수업하고 있다는 생각이 들었습니다. 공부하는 동안 지치는 순간들도 많았지만 포기할 걸로 절대 끝내는 수업이 들고 싶지 않았습니다.

전 기수 친구의 강력한 추천에 강원도에서 올라와서 자취까지 하며 수업을 들었는데, 후회 없이 열심히 한다면 좋은 결과를 가져올 수 있는 완벽한 수업이었습니다.

김세지 선생님!!! 개인적으로 정말 존경합니다 :)

*jy

비전공자에 아무 지식도 없었던 제가 김세지 선생님 덕분에 html css java springboot 등.. 웹 개발에 한 발자국 다가갈 수 있었어요. 비전공자로 이 과정을 수료하였는데 마냥 쉽지는 않았지만 체계적인 강의와 이해하기 쉬운 설명을 해주신 선생님 덕분에 코드는 어렵지만 수업은 즐겁게 듣고 이해할 수 있었습니다.

인생에 있어 무언가를 하는 데 가장 중요한 게 흥미라고 생각하는데, 코딩에 흥미를 불어넣어주는 강의라고 생각됩니다. 해당 과정을 수료하고 코딩에 대한 이해와 즐거움을 함께 얻어 다른 분들께 추천하고 싶습니다.

비전공자인 저두 머리에 쏙쏙 박히는 강의라 학업에 ‘개발자’가 어렵지 않음을, 코딩 이렇게 하면 보다 더 나을 수 있음을! 꿀팁들을 포기하지 않고 더욱 집중해서 재미있게 배울 수 있었던 것 같습니다.

앞으로 개발자로서 일을 하게 될 텐데 어떻게 코딩을 시작하였는지는 추억하며 힘을 내면서 일할 수 있을 것 같습니다. 감사합니다. 김세지 선생님 강의 들으세요. 후회 안합니다.

s*m

저는 컴공을 전공하였지만 시간이 몇 년이나 흐르고 다른 직종으로 일을 하다가 다시 개발자로 취업하려는 마음이 생겨 강의를 신청하게 되었습니다.

어려운 코딩을 즐겁게 진행하려고 준비도 많이 하시고 가끔 농담도 하시면서 분위기 풀어가려고 해주셔서 수업기간 동안 재미있게 알차게 많이 배우고 갑니다. ㅎㅎ 개인적으로는 전공 교수님보다도 더 많은 것을 김세지 선생님께 쉽고 재미있게 배웠습니다. 모르는 것도 물어보면 언제든지 친절하게 알려주셔서 어렵지 않게 다가갈 수 있었어요.

선생님께 많은 것을 배우고 갑니다. 세지쌤이 최고예요!!!! 앞으로 자주 찾아 뵐게요, 건강하게 그 자리에 항상 계셔 주세요!!

*ja

진심으로 수강생들이 잘되길 바라는 마음이 느껴지는 수업이었습니다.
수강생 모두가 포기하지 않고 끝까지 과정을 수료해 좋은 개발자가 될 수 있도록 독려해주시고, 한명 한명 세심하게 질문에 답해주시며 피드백을 주시는 열의가 있으신 정말로 좋으신 선생님이라고 생각합니다.

수업 분위기도 부드럽고 화목했으며 학생의 개인사도 신경 써주시는 세심함과 배려에 진심으로 감사하다는 말씀을 드리고 싶습니다.

사람 마음이라는 게 몇 번의 실패를 겪으면 쉽게 포기하게 되는데, 절대 포기하지 않게 해주시는 제 인생의 은사님, 김세지! 김세지 쌤 수업 꼭 들으시길 바랍니다.

k*s

#자바 #java #국비지원 #부트캠프 #스프링부트 #springboot #frontend #backend #fullstack #fullstackdeveloper #jsp #react #리액트 #프론트엔드 #백엔드 #풀스택 #html #css #css3 #코딩강의 #코딩수업 #코딩기초 #코딩학원 #코딩공부 #javascript #자바스크립트 #코딩인강 #코딩교육 #인터렉티브 #인터렉티브웹 #스프링 #spring #개발자 #개발자취업 #aws #db #데이터베이스 #jdbc #오라클 #oracle #sql #jpa #쓰레드 #threads #thread #직렬화 #역직렬화 #상속 #다형성 #메소드 #오버로딩 #오버라이딩 #클래스 #연산 #이클립스 #eclipse #domtree #제이쿼리 #플러그인 #객체 #객체실습 #객체생성 #오브젝트 #object #모달창 #모달 #modal #es6 #문서객체모델 #js #javascripttutorial #javascriptexamples #interactiveweb #interactive #네비게이션제작 #gnb #position #웹레이아웃 #레이아웃 #form #폼태그 #emmet #에밋 #TDD #부트스트랩

로드맵 상세보기

11개 코스

로드맵에 포함된 강의 썸네일
초등학생 코딩교육부터 시작하여 IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자인 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 쉽고 재미있는 코딩강의를 이제 오프라인 뿐만 아니라 온라인에서도 만나실 수 있습니다. 
 HTML로 코딩의 첫단계를 이해하면서 웹 페이지 제작의 가장 기본인 HTML 구조를 만들어보세요.
 500여명이 넘는 프론트엔드, 백엔드, 풀스택 개발자를 배출해온 영코디 킴쌤과 함께라면 당신의 개발자 꿈도 곧 현실이 됩니다.  웹 개발자로의 첫걸음을 한단계 내딛어 봅니다!

42,900

로드맵에 포함된 강의 썸네일
웹 페이지 제작의 꽃인 CSS 스타일을 적용하는 법을 배우며, 에밋(Emmet) 사용법을 익혀 단축키로 빠르게 코딩하는 반복 실습을 진행합니다. 다양한 실무 페이지의 스타일과 애니메이션을 직접 제작해보고, sprite animation을 적용해 움직이는 캐릭터 웹페이지도 만들어봅니다. 
 또한 JavaScript를 사용하지 않고도 CSS3만으로 인터랙티브한 웹을 구현하는 방법을 익히며, Flex의 개념과 다양한 실습을 통해 반응형 로직까지 자연스럽게 이해하게 됩니다. 이렇게 CSS의 걸음마부터 애니메이션을 포함한 고급 인터랙티브 웹 응용까지 한 번에 마스터할 수 있는 과정으로, 웹 개발자로 가는 두 번째 단계를 신나게 뛰어넘어 봅시다.

154,000

로드맵에 포함된 강의 썸네일
10만명의 독자를 갱신한 BEST 강의로, 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹페이지나 웹앱, 웹디자인 개발을 위해 부트스트랩(Bootstrap)을 활용하는 방법에 대한 이론과 실습을 적절하게 분배하여 부트스트랩의 구성요소들을 이해하고 실습을 통하여 바로바로 확인해볼 수 있도록 구성하였습니다.
 HTML, CSS, jQuery를 활용해 반응형 웹페이지·웹앱·웹디자인을 제작하며, 부트스트랩(Bootstrap)의 구성요소와 스타일을 체계적으로 학습합니다. 또한 부트스트랩에서 제공하는 자바스크립트와 jQuery 기능을 실제 예제에 적용해보며, 이론과 실습을 적절히 병행합니다. 디바이스 환경에 따라 유연하게 변화하는 레이아웃을 구현하는 과정을 통해 부트스트랩의 핵심 기능을 이해하고, 실습을 통해 바로 확인하며 활용할 수 있도록 구성된 과정입니다.

39,600

로드맵에 포함된 강의 썸네일
부트스트랩(BOOTSTRAP)을 활용한 반응형 웹페이지 만들기 수업의 실전 제작수업으로 디바이스 장치에 따라 레이아웃이 바뀌는 반응형 웹 실무 페이지를 부트스트랩4를 활용하여 반응형 웹페이지·웹앱·웹디자인을 직접 제작해보는 실습 중심 과정입니다. 단순히 보는 것에 그치지 않고 하나하나 따라 하며 웹사이트를 구축하다 보면 자연스럽게 반응형 코딩 능력이 향상되고 완성도 있는 결과물을 얻을 수 있습니다. 
 또한 초보자가 어려워하는 커스터마이징 과정을 다수 포함하여, 기본 스타일을 개발자 취향에 맞게 변형하는 방법을 익히고, 제이쿼리 플러그인을 활용해 동적인 요소까지 추가하는 방법을 배우게 됩니다. 이를 통해 부트스트랩의 정형화된 스타일을 넘어 자신만의 퀄리티 있는 웹사이트를 제작할 수 있도록 구성하였습니다.

39,600

로드맵에 포함된 강의 썸네일
부트스트랩(BOOTSTRAP)을 사용하지 않고 순수하게 html/css/js 만을 활용하여  디바이스별로 다양한 레이아웃을 구현할 수 있는 반응형 웹페이지 만들기[2024년 최신판] 수업의 실전 제작수업입니다.
 이 강의는 HTML로 구조를 짜고 CSS로 스타일을 적용하여 프레임워크에 의존하지 않고 유니크한 반응형 웹사이트를 직접 제작할 수 있도록 구성된 실습 중심 과정입니다. 기본적인 HTML/CSS/JavaScript 지식이 있는 분을 대상으로 하지만, 반복 학습을 통해 초보자도 충분히 따라올 수 있으며, 실무에서 사용하는 에밋(Emmet) 단축키 활용법도 함께 배웁니다. 단순히 강의를 보는 것이 아니라 직접 코드를 작성하며 반응형 웹 구성요소를 하나씩 만들어가다 보면 자연스럽게 코딩 실력이 향상되고, 본인만의 퀄리티 있는 반응형 웹사이트를 완성할 수 있습니다. 
 부트스트랩처럼 비슷한 결과물이 나오는 프레임워크 대신 순수 코딩을 통해 차별화된 결과물을 제작할 수 있도록 디테일한 실습 과정을 제공합니다.

39,600

로드맵에 포함된 강의 썸네일
리액트를 공부하다가 포기하셨나요?
 코딩이 처음인 쌩초보, 비전공자도 자바스크립트부터 리액트까지, 포기하지 않고 React로 가는 길을 열어드립니다.
자바스크립트, 바닐라스크립트, 제이쿼리, ES6, 모던스크립트, 리액트, JSX 표기법 등 자바스크립트의 기초 걸음마부터 리액트까지 단계별 실습 예제를 통해 재미있게 익히는 스크립트 올인원 완벽 마스터 패키지 강의입니다.
 이렇게 기본기를 탄탄히 다진 후에는 React의 다양한 문법을 실습하며 컴포넌트, state, 메모이제이션을 활용한 게시판과 회원 기능을 구현하고, 타입스크립트 문법을 적용해 ToDoList 실습 예제까지 완성합니다. 최종적으로는 실무 웹 애플리케이션 제작에 필요한 스크립트와 React 역량을 모두 갖춘 자신감 있는 개발자로 성장하게 됩니다.

205,700

로드맵에 포함된 강의 썸네일
자바의 기초부터 응용까지, 비전공자 및 코딩초보도 알기 쉽게 강의하는 스타강사 영코디 킴쌤과 실습으로 익혀가는 백엔드 개발 시리즈 자바 강의입니다.
 클래스와 메소드, 데이터 타입, 연산자, 조건문·반복문, 배열 활용부터 상속·다형성, 추상 클래스와 인터페이스, 중첩·익명 클래스, 예외 처리까지 자바의 핵심 개념을 기초부터 응용까지 한 번에 익힐 수 있습니다.

77,000

로드맵에 포함된 강의 썸네일
비전공자와 코딩 초보도 알기 쉽게, 스타강사 영코디 킴쌤과 함께 실습으로 배우는 자바 강의!
 객체 지향 프로그래밍을 시작으로, 기본 API 클래스 활용, 입출력(IO), 제네릭스, 컬렉션 프레임워크(List·Set·Map), 람다와 열거형, 스레드와 동기화까지 자바의 기초부터 심화 개념까지 체계적으로 학습합니다.

77,000

로드맵에 포함된 강의 썸네일
Oracle SQL 강의는 데이터베이스의 기본 개념부터 고급 쿼리 작성, 데이터 분석, 실전 사례까지 단계적으로 학습하며 실습을 통해 실력을 다질 수 있도록 구성되었습니다. 
 실제 데이터를 기반으로 문제를 해결하고 복잡한 SQL 쿼리를 최적화하는 반복 연습을 통해 데이터 분석과 비즈니스 활용에 자신감을 키울 수 있습니다. 
 이 과정을 통해 데이터베이스 관리와 활용 능력을 확실히 마스터하고, 실무에서 즉시 적용 가능한 강력한 데이터 처리 역량을 갖추게 됩니다.

29,700

로드맵에 포함된 강의 썸네일
스프링을 공부하다가 포기하셨나요?
 코딩이 처음인 쌩초보, 비전공자도 jsp부터 springBoot까지, 포기하지 않고 스프링 부트로 가는 길을 열어드립니다.
 킴쌤 클래스에서는 스프링 부트를 제대로 이해하기 위해 JSP와 같은 기초 문법부터 학습하며, 이전 세대에서 현재 세대로 이어지는 백엔드 기술의 진화를 직접 체감합니다. 이를 통해 단순히 자동화된 개발이 아니라 스프링 부트가 동작하는 원리를 자연스럽게 익히게 됩니다. 
 또한 ORM, JPA, 엔티티 개념과 활용, 스프링 시큐리티를 통한 회원 기능 구현, JUnit 테스트와 H2 콘솔 활용 등 다양한 실습을 진행합니다. 최종적으로는 회원 및 게시판 기능을 갖춘 실무형 웹사이트를 구현하고, 비동기 처리와 공공데이터(OpenAPI)를 연동하여 포트폴리오 제작에 필요한 기본기를 완벽히 다질 수 있습니다.

123,420

205,700

로드맵에 포함된 강의 썸네일
혹시 개발한 프로젝트가 내 컴퓨터 안에서만 실행되고, 실제 서비스로 배포하지 못해 답답했던 경험이 있으신가요?

킴쌤 클래스에서는 단순히 코드를 작성하는 데 그치지 않고, 닷홈을 활용한 웹 호스팅부터 GIT, AWS EC2에 프로젝트 배포까지 전 과정을 단계별로 따라 하며 학습합니다.

도메인 연결, FTP 업로드, GitHub를 통한 배포, jar 패키징, 서버 설정, 이미지 업로드 경로 지정, nohup을 활용한 무중단 실행까지 실무에서 꼭 필요한 배포 과정을 체득할 수 있습니다.

이 과정을 통해 내가 만든 웹사이트를 실제로 세상에 공개할 수 있는 경험을 쌓으며, 개발자로서의 자신감과 실제 서비스 운영 역량을 동시에 갖추게 됩니다.

13,200

22,000

40% 할인

12개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 11