John Ahn

따라하며 배우는 HTML, CSS는 웹 개발에 가장 기초가 되는 강의입니다. 
이 강의를 통해 웹 개발을 시작하면 좋습니다.

고민은 이제 그만! 누구라도, 아무것도 몰라도 바로 시작할 수 있는 강의만 모았어요. 🐣

Level 1

입문

따라하며 배우는 HTML, CSS

HTML/CSS는 웹 페이지의 기본! 웹 페이지의 뼈대를 만들고, 디자인을 입히는 첫 시작을 열어줄 거예요.

HTML/CSS

따라하며 배우는 자바스크립트는 프런트엔드 개발에서 핵심이 되는 자바스크립트를 배우는 강의입니다. 
이 강의 하나를 이용해서 자바스크립트를 익히시면 됩니다.

따라하며 배우는 자바스크립트 A-Z

프로그래밍 언어 랭킹마다 늘 상위권을 차지하는 자바스크립트! 프론트엔드에서 백엔드까지 다양한 영역에서 활발히 쓰이고 있어요.

자바스크립트

JavaScript

따라하며 배우는 타입스크립트는 프런트엔드 개발에서 핵심이 되는 자바스크립트를 더 안정적으로 사용할 수 있게 해주는 타입스크립트를 배우는 강의입니다. 
리액트를 먼저 들으시고 타입스크립트 이 강의를 들으셔도 됩니다.

Level 2

초급

따라하며 배우는 타입스크립트 A-Z

자바스크립트에 타입을 부여한 언어, TypeScript. 코드 품질과 개발 생산성 향상이라는 확실한 장점 덕에 날이 갈수록 주목받고 있어요!

타입스크립트

TypeScript

이 강의에서는 프론트엔드 개발에서 가장 인기가 많은 리액트를 기초부터 중급까지 다루게 됩니다.

따라하며 배우는 리액트 A-Z

페이스북이 개발한 Javascript 라이브러리, React

리액트

React

넥스트 제이에스

Next.js

짧은 개발 사이클을 반복하는 SW 개발 방법론 중 하나인 TDD! 애자일 철학이 담긴 다양한 TDD 테스트 기법을 통해 코드의 품질을 향상해보세요. 💪

테스트 주도 개발

리덕스는 자바스크립트 앱의 상태를 효율적으로 관리해 주는 도구입니다. 더 단순한 코드로 더 복잡한 애플리케이션을 만들고 싶은 분들이라면 놓치지 마세요!

리덕스

Redux

Software Test

소프트웨어 테스트

안녕하세요.
이번 강의에서는 도커와 CI환경을 구축하는 방법에 대해서 다뤄봤습니다.

구글의 경우, 지메일부터 유튜브 등등 모든 서비스에 도커를 쓸 정도로 도커의 영향력이 점점 커지고 있는데요.
도커를 한번 이용해보면 왜 이렇게 도커의 영향력이 커지고 있는지 이해할 수밖에 없습니다.
그래서 풀 스택 개발자나 백엔드 서버 개발자들이라면 꼭 알고 가면 엄청나게 플러스가 되는 도커에 대한 강의입니다.

이번 도커강의는 도커가 어떻게 돌아가는지, 깊은 지식부터 시작해서 실무에서 어떻게 써야 하는지,
Travis CI와 도커 허브, 그리고 AWS 서비스들을 연결하여 CI 환경 구축을 통해
도커를 더욱 더 화려하게 쓰는 방법까지 배우게 됩니다.

이 강의를 통해서 많은 분들이 현재 개발 분야에서 굉장히 핫한 부분인
CI 시스템과 도커에 대해 더욱 많이 알아가고, 실제로 사용할 수 있는 기회가 됐으면 좋겠습니다!
그리고 이 강의는 나중에 나오게 될 쿠버네티스 강의와도 연결이 됩니다.

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

가장 대표적인 버전관리 웹 서비스 Github(깃허브)를 더 잘 사용하는 멋진 개발자가 되어보세요. 🙌

깃헙

GitHub

아마존이 제공하는 클라우드 서비스 AWS(Amazon Web Services)는 다양하고도 강력한 기능을 자랑합니다. 클릭 몇 번으로 든든한 웹 인프라를 구축할 수 있어요.

아마존 웹 서비스

복잡한 서버 관리, 이제 도커로 관리하세요! 컨테이너 기반의 오픈소스 가상화 플랫폼을 통해 개발 환경에 구애받지 않고 빠른 배포와 확장이 가능해요.

도커

Docker

지속적 통합/지속적 배포

CI/CD

트래비스

Travis CI

서비스의 성공을 좌우하는 데이터의 힘! 그 중심에 데이터를 흐르게 하는 데이터 엔지니어링이 있어요.

Data Engineering

데이터 엔지니어링

안녕하세요.
이 강의를 통해서 테스트 주도 개발(TDD)을 이용하여 Node.js 어플리케이션을 만들어 봅니다.

따라하며 배우는 TDD 개발 [2023.11 업데이트]

자바스크립트로 풀스택 웹 개발을 할 수 있다는 사실! 빠르게 성능을 끌어내는 Node.js의 매력을 소개합니다.

노드js

Node.js

Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크입니다. Node.js에서 가장 보편적으로 사용하는 프레임워크예요!

익스프레스

Express

몽고DB는 기존의 RDBMS의 한계를 극복하기 위해 만들어진 NoSQL 데이터베이스입니다. 방대한 데이터 처리를 빠르게 할 수 있다는 장점 덕에 많은 기업이 사용하고 있어요.

몽고DB

MongoDB

제스트

Jest

SuperTest

몽구스

Mongoose

이 강의에서는 리액트 테스트를 배우고 싶은 리액트 사용자를 대상으로 리액트 애플리케이션을 테스트하는 법에 대해 다룹니다. 실제 리액트 애플리케이션을 만들면서 테스트를 진행하기 때문에 리액트와 리액트 테스트를 함께 배울 수 있도록 강의를 구성했습니다.

따라하며 배우는 리액트 테스트 [2023.11 업데이트]

리액트 컨텍스트

React Context

다운받을 필요 없이 URL 한 줄로 바로 쓰는 웹앱 개발에 도전해 보세요!

Web Application

웹앱

이 강의에서는 리액트 노드를 이용해서 레딧이라는 사이트를 따라서 만들어 봅니다. 풀 스택 개발자가 되는데 굉장히 도움이 되는 강의가 될 수 있게 만들었습니다.

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

저 서비스는 어떻게 만들었을까? 내 손으로 직접 실제 서비스를 따라 만들면서 학습해보세요.

Clone Coding

클론코딩

포스트그레SQL

PostgreSQL

너무나 많은 강의가 있다 보니깐 어떤 강의를 들어야 하며 어떠한 강의부터 시작해야 할지 고민되잖아요!
그래서 따라만 하면 저절로 실력이 늘 수 있는, 그리고 배웠으면 최대한 바로 써먹을 수 있는 실질적 지식 위주의 강의를 원하신다면 따라하며 배우는 시리즈를 추천해 드립니다 ^ ^
&nbsp;

따라하며 배우는 풀스택 웹 개발 시리즈

로드맵 코스