인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

포트폴리오로 완성하는 실무중심 웹 개발 풀스택 코스

작성자 프로필 이미지

개발자의 품격

MySQL
HTML/CSS
JavaScript

입문 대상

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

141명 참여중

30% 할인

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

로드맵 코스

개발자의 품격 웹 개발 풀스택 코스 로드맵

인공지능이 코딩을 해주는 시대,
여러분은 반드시 풀스택 개발자가 되어야 합니다. 

개발자에게 요구되는 역량은 프론트엔드/백엔드로 나뉘는 것이 아니라 풀스택 개발자로서의 역량을 갖추고 있어야 합니다. 그만큼 Github Copilot, ChatGPT 같은 인공지능이 코딩의 보조 도구로 점점 더 진화하고 있고, 개발자가 구현해야 하는 코드의 상당 부분을 빠르게 작성해 주고 있습니다. 이런 흐름에서 개발자가 프론트엔드/백엔드 어느 한 쪽만을 고집한다면 빠르게 급변하는 시장의 흐름에서 도태되는 개발자가 될 수밖에 없습니다. 

그래서 여러분은 반드시 풀스택 개발자가 되는 것을 목표로 해야 합니다.

웹 풀스택 개발자가 되기 위해서는 무엇을, 어떻게 준비해야 할까요?

프론트엔드와 백엔드 모두를 구현할 수 있는 개발자를 풀스택 개발자라고 합니다. 이제 막 개발을 시작한 개발자라면 풀스택 개발자가 되기는 현실적으로 쉽지 않습니다. 풀스택 개발자가 되기 위해서 다뤄야 할 언어가 많기 때문입니다.

하지만 여러분이 자바스크립트(JavaScript)만 제대로 다룰 수 있다면 풀스택 개발자가 될 수 있고, 그만한 경쟁력을 갖추게 됩니다. 자바스크립트이기 때문에 가능합니다. [웹 개발 풀스택 코스]는 웹의 필수 언어인 자바스크립트를 사용해서 프론트엔드에서 백엔드까지 모두 구현할 수 있는 풀스택 과정입니다.

자바스크립트를 제대로 익히면 프론트엔드 + 백엔드를 모두 구현할 수 있습니다.

웹의 기초 언어인 HTML, CSS, 자바스크립트를 기초부터 탄탄히 배운 후에는 디자인 감각이 부족하더라도 누구나 일정 수준 이상의 웹을 구현할 수 있게 해주는 부트스트랩(Bootstrap)을 배우게 됩니다. 여기에 고성능 웹 개발을 위한 프론트엔드 프레임워크 중 가장 빠르게 배울 수 있으면서도 가장 인기있는 프레임워크 중 하나인 Vue.js를 배우게 됩니다. Vue.js 역시 자바스크립트 기반의 프레임워크입니다. 이렇게 여러분은 자바스크립트를 배우고 사용하는 시간을 갖게 됩니다.

그리고 여러분이 지금까지 배운 자바스크립트로 백엔드 프로그래밍까지 할 수 있게 해주는 Node.js를 배우게 됩니다. 

여러분이 개발해야 하는 웹에 필요한 핵심 기능과 패턴을 모두 잡았습니다.

가장 많이 사용되는 UI 패턴

대다수 시스템에 쓰이는 전체 화면의 약 70% 이상이 단 몇 가지의 화면 패턴으로 이루어져 있습니다. 이 말은 곧 여러분이 표준 패턴에 해당하는 화면에 대해서 완벽하게 구현할 수 있다면 바로 실무에 투입 가능한 개발자가 될 수 있다는 뜻입니다.

ListToDetail 패턴, MasterDetail 패턴, MultipleEdit 패턴, Shuttle 패턴 등 표준 패턴에 대해서만큼은 완벽하게 이해하고 개발할 수 있도록 웹 화면 표준 패턴 개발 강의를 배우게 됩니다. 앞으로 치르게 될 무수히 많은 실전을 재미있고 유익하게, 그리고 잘 수행할 수 있는 실무 역량까지 쌓을 수 있는 그런 강의가 되어줄 것입니다.

가장 많이 개발되는 백엔드 기능

대다수 웹 애플리케이션의 백엔드에는 필수적으로 구현하게 되는 몇 가지 기능이 있습니다. 이러한 필수 기능을 구현하는 방법만 잘 알고 있어도 대부분의 웹 서비스에 필요한 백엔드 영역을 충분히 처리할 수 있습니다.

데이터베이스 연동, 로그 관리, 파일 관리, 엑셀 파싱, 이메일 전송, 스케줄러, 세션 관리 등 웹 애플리케이션의 백엔드에서 가장 필수적으로 구현하게 되는 기능을 정확하게 배우게 됩니다. 


로드맵 목표

1. 빠르게 발전하는 웹 개발 스택에서도 리드할 수 있는 탄탄한 기초 쌓기

웹만큼 빠르게 성장하고 기술 트렌드가 급속도로 변하는 곳은 없습니다. 하루가 멀다 하고 새로운 프레임워크가 나오고 수많은 오픈 소스들이 나오고 있습니다. 이렇게 빠르게 발전하는 웹 시장에서 새로운 기술을 민첩하게 익히기 위해 중요한 것은 바로 기초입니다. 기초를 제대로 익힐 수 있도록 차근차근 알려드립니다.

2. 기능이 아니라 용도를 알아야 합니다

프로그래밍 언어를 제대로 배우려면 단순히 기능을 배우는 것이 아니라 실무에서 어떤 상황에서 실제 쓰이는지에 대한 용도를 정확히 아는 것이 중요합니다.

대부분의 초급 개발자는 프로그래밍 언어를 배울 때 기능 위주로만 배우기 때문에 막상 애플리케이션을 개발하려고 하면 어떻게 만들어야 하는지 모르는 경우가 많습니다. 이 로드맵에서는 실무를 기반으로 어떻게 사용되는지 그 용도를 정확히 짚어가면서 배우게 됩니다.

3. 실무에서 당장 사용하는 기술을 집중적으로

실무 프로젝트에서 당장 사용하게 될 기술을 집중적으로 배우는 것이 중요합니다. 여러분이 한 명의 개발자로써 역할을 하기 위해서는 많은 기술보다는 당장 여러분에게 맡겨질 프로그램을 완벽하게 구현해 낼 수 있는 역량을 갖추는 것이 훨씬 중요합니다.

아무리 좋은 강의에서 다양한 프로그래밍 기술을 배운다고 해도 경력에 따라 배움에는 차이가 발생할 수 밖에 없습니다. 아무런 목적 없이 모든 것을 배우겠다는 생각 보다는 한명의 개발자로써 당장 주어진 역할을 제대로 수행할 수 있는 기술을 집중하여 제대로 배우는 것이 중요합니다. 이 로드맵에서는 여러분이 당장 실무에서 마주하게 될 여러분의 역할을 제대로 수행할 수 있게 해줄 것입니다. 

인공지능 시대에 여러분은 개발자이자 컨설턴트가 되어야 합니다!

깃허브 Copilot(코파일럿), ChatGPT(챗지피티)와 같이 인공지능이 코딩을 하는 시대에는 여러분은 개발자이자 컨설턴트(기획자)가 되어야 합니다. 단순히 주어진 기능을 코딩만 하는 것이 아니라 애플리케이션을 사용할 사용자를 이해하고, 비즈니스를 이해해야 합니다. 그러기 위해서 여러분은 개발 외에도 애플리케이션을 만드는 과정에 대한 이해가 필요합니다.

이 로드맵에서는 20년이 넘는 시간 동안 국내뿐만 아니라 수많은 해외 기업의 시스템을 컨설팅하고 개발한 경험을 가진 전문가가 HTML, CSS 기초부터 자바스크립트, 부트스트랩, Vue, 데이터베이스, Node.js까지 웹 풀스택 개발의 전 과정을 짜임새 있게 가르쳐 드립니다. 

웹 개발 분야에 대한 폭넓은 전문 서적을 모두 집필할 만큼의 전문가가 강의를 진행합니다.

  • 바닐라 자바스크립트
  • Vue.js 프로젝트 투입 일주일 전
  • Node.js 프로젝트 투입 일주일 전
  • 러닝 타입스크립트(번역)
  • 개발자가 되기 위해 꼭 알아야 하는 IT 용어
  • 디자인 씽킹을 넘어 프로그래밍 씽킹으로
  • The Essentials of Smart Contract Development for Solidiy Developers

“개발자의 품격” 부트캠프 강의 그대로.

[웹 개발 풀스택 코스]는 유튜브 <개발자의 품격> 채널을 운영하면서 진행했던 개발자의 품격 부트캠프 강의를 그대로 옮겨왔습니다. 개발자의 품격 부트캠프는 1기부터 6기까지 총 6차례 동안, 각 기수마다 4개월간 진행되었던 검증된 프로그램입니다. 부트캠프에서 사용된 강의 그대로 [웹 개발 풀스택 코스]에 담았습니다.

또한, 다수의 국내 대기업 현업 개발자들을 대상으로도 동일한 커리큘럼으로 수차례 강의가 진행되었습니다. 실무에 가장 적합한 교육으로 평가받은 커리큘럼을 강의에서 직접 경험해보세요!

웹 풀스택 개발자가 되고 싶다면 고민하지 말고 [웹 개발 풀스택 코스]로 완성하세요 ✨

로드맵 상세보기

7개 코스

로드맵에 포함된 강의 썸네일
잘 읽히는 글을 작성하는 방법은 "간단 명료하게" 쓰는 것입니다. 개발자가 작성한 코드 역시 마찬가지입니다. 마크업을 작성할 때 불필요한 태그는 제거하고 페이지를 구성하기 위해 필요한 태그만으로 구조를 간단하게 해야 합니다. 

오늘날 웹은 잘 익혀야 될 뿐만 아니라 빨라야 합니다. 구글 연구에 따르면 웹 페이지를 로드하는데 5초 이상 걸리면 방문자가 페이지를 이탈할 가능성이 90% 증가한다고 합니다. 브라우저 렌더링 과정을 이해하고, 페이지 내에서 사용하는 리소스를 최적화해서 잘 읽힐 뿐만 아니라 빠른 웹을 제공해야 합니다. 때문에 좋은 웹을 개발하기 위해서는 웹을 이루는 근본 언어인 HTML과 CSS에 대한 기초를 탄탄하게 쌓아야 합니다.

무료

로드맵에 포함된 강의 썸네일
우리가 사용하고 있는 수많은 프런트엔드 프레임워크와 라이브러리도 순수 자바스크립트로 누군가가 개발해 놓은 것입니다. 그리고 지금 당장 대세이고 영원할 것 같은 리액트나 뷰 같은 프레임워크도 언제 외면받을지 모르고, 웹은 그 어떤 환경 보다 빠르게 발전하고 있기 때문에 앞으로도 무수히 많은 프레임워크와 라이브러리가 지속적으로 나올 것입니다.

이런 흐름 속에서 우리 개발자는 무엇에 집중해야 할까요? 그건 바로  순수 자바스크립트, 즉 바닐라 자바스크립트입니다.

198,000

264,000

로드맵에 포함된 강의 썸네일
부트스트랩은 반응형 웹을 빠르게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크입니다. 하나의 코드로 스마트폰, 태블릿, 데스크탑과 같은 다양한 크기의 기기에 최적화된 웹을 만들 수 있으며, 미리 만들어진 컴포넌트를 기반으로 쉽게 웹을 구현할 수 있도록 합니다.

무료

로드맵에 포함된 강의 썸네일
이 강의는 철저하게 Vue.js 자체에 대해 다룹니다. 기본기를 학습하지만 지루하지 않게, 실무에서 어떤 것을 고려해야 하는지에 대한 경험까지 전달해 드릴 거예요. 초심자도 잘 따라올 수 있도록, 개념/문법/기능을 최대한 쪼개서 모든 내용에 대한 예제 코드까지 제공해 드려요.

아마 이 강의를 끝까지 수강하신다면, 어떤 고수보다도 더 많이 알게 될지도 모릅니다.

181,500

242,000

로드맵에 포함된 강의 썸네일
이 강의는 여러분이 너무 잘 알고 있는 서비스인 넷플릭스와 당근마켓의 주요 화면을 하나씩 분석하면서 눈에 보이는 데이터는 무엇이고, 눈에 보이지 않는 히든 데이터는 무엇인지 분석하는 것을 통해서 좋은 서비스는 어떤 데이터를 담아야 하고, 어떻게 담아야 하는지를 생각해 보게 됩니다.

이 강의를 마치고 나면 여러분은 여러분이 개발하고자 하는 애플리케이션에 대한 데이터베이스를 설계할 수 있게 됩니다.

무료

로드맵에 포함된 강의 썸네일
Node.js의 가장 큰 장점은 자바스크립트 언어만 알면 백엔드 프로그램을 구현할 수 있다는 것입니다. 이미 자바스크립트를 알고 있는 프론트엔드 개발자는 아주 빠르게 백엔드 프로그램까지 가능한 풀스택 개발자가 될 수 있습니다.
이 강의를 통해 실무에서 백엔드 프로그램을 구현할때 가장 많이 개발하게 되는 기능을 집중적으로 배울 수 있기 때문에 대다수의 웹 개발을 위한 실무 지식을 배울 수 있게 됩니다.

123,750

165,000

로드맵에 포함된 강의 썸네일
프로그래밍 언어를 배웠으면 반드시 실제 애플리케이션을 개발해봐야 합니다. 이 강의는 [웹 개발 풀스택 코스]에서 배운 모든 내용을 바탕으로 작은 크기의 제품 판매 웹 애플리케이션을 개발합니다. 제품 판매 웹페이지는 어떤 모양을 갖추느냐에 따라 쇼핑몰 사이트가 될 수도 있고, 당근마켓 같은 중개 플랫폼이 될 수도 있습니다. 제품 판매를 위한 전체 기능을 구현하는 것은 아니지만, 상품 등록이나 장바구니 구현, 이미지 및 데이터 조회 등 핵심이 되는 기능을 모두 구현하게 됩니다.

90,750

121,000

30% 할인

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

로드맵 코스 7