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

입문자를 위한 생활코딩 WEB-N JS-Nodejs 로드맵

작성자 프로필 이미지

인프런

HTML/CSS
Node.js
JavaScript

입문 대상

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

733명 참여중

로드맵 코스

아무것도 몰라도 OK,
입문자를 위한 로드맵!

우리가 지금 보고 있는 이 웹페이지는 웹 프론트 기술(HTML-CSS-JavaScript) 과 서버 기술(PHP, Node.js, Python...)로 만들어진답니다.
음... 벌써부터 어렵게 느껴지죠?

어렵게 느끼지 않아도 됩니다. 이 로드맵을 처음부터 하나하나 편안하게 들어보세요.
듣다 보면 우리가 흔히 쓰는 서비스가 어떻게 만들어지는지 이해하게 되고, 결국엔 직접 만들 수 있는 지식을 갖추도록 도와드릴 거예요.

주저하지 말고 바로 시작하세요!

# 누구라도 배워요, 생활코딩
2011년부터 일반인을 대상으로 웹 서비스를 강의해온 생활코딩은 이미 오랫동안 많은 개발 입문자들에게 사랑받은 비영리 프로젝트입니다. 단순히 특정한 기술을 익히는 게 아니라 누구나 쉽게, 웹과 프로그래밍의 기초 개념과 원리를 배울 수 있도록 구성돼 있어요. 들어본 사람이라면 누구나 극찬하는 생활코딩 이고잉님의 강의를 만나보세요.
# HTML, CSS, JS에 Node.js까지
웹의 기반이 되는 HTML부터 화면을 시각적으로 꾸며 주는 CSS, 프론트엔드와 백엔드에 두루 쓰이는 JavaScript를 통해 웹 페이지 개발을 익히고, Node.js와 MySQL로 데이터베이스를 이용한 웹 애플리케이션 구현 작업까지 들어보세요. 아무것도 모르고 시작하더라도, 듣다 보면 내가 어떤 걸 더 공부하면 좋을지 깨닫게 될 거예요.

이런 분들께 추천드려요!

 

아무것도 몰라요

낫 놓고 HTML부터 모르시는 분

웹페이지?

(동적) 웹페이지 개발에 관심있는 분

노드?

Node.js 이름은 들어봤는데 궁금한 분

정리정돈

데이터베이스 작업개념까지 맛보고픈 분

로드맵 상세보기

5개 코스

로드맵에 포함된 강의 썸네일
인프런
컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1
우리는 지금부터 코딩, 웹, 인터넷, 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요.

무료

로드맵에 포함된 강의 썸네일
인프런
WEB2 - CSS
본 수업은 웹 페이지를 아름답게 디자인하고 싶은 분을 위해서 제작되었습니다. 이 수업이 끝나면 CSS에 대한 근본적인 원리를 적정한 수준으로 알게 됩니다.

무료

로드맵에 포함된 강의 썸네일
웹 페이지를 사용자와 상호작용하게 만들고 싶은 분들을 위해서 만들어진 강의입니다. 게임이나 애플리케이션처럼 웹 페이지를 동적으로 만들 수 있는 방법이 담겨져 있습니다.

무료

로드맵에 포함된 강의 썸네일
JavaScript를 이용해 Node.js를 제어하여 동적으로 HTML 코드를 생성하는 웹 애플리케이션을 만드는 방법에 대한 수업입니다. 1억 개의 페이지로 이루어진 웹사이트가 있다고 상상해 보세요. 그런데 HTML 코드의 구조를 바꿔야 한다면 어떤 절망적인 상황이 생길까요? 이런 상황에서 생겨날 절망감을 상상할 수 있는 분이라면 이 수업을 통해서 혁명적인 변화를 겪을 수 있습니다.

무료

로드맵에 포함된 강의 썸네일
Node.js-MySQL 을 이용해서 웹애플리케이션을 만드는 방법에 대한 수업입니다. 1억 개의 페이지로 이루어진 웹사이트에서 필요한 정보가 파일에 하나하나 저장되어 있다고 상상해보세요. 만약 특정 키워드가 있는 페이지만을 검색해서 보여주려면 많은 시간을 들여 1억 개의 파일을 일일이 뒤져봐야 할 것입니다. 또 생성일 순, 저자의 이름순, 제목 순으로 정렬을 바꿔야 한다면 어떻게 구현해야 할까요? 이런 기능을 직접 구현하기는 쉽지 않지만, 데이터베이스를 이용하면 쉬운 일이 됩니다. 이런 작업에 관심이 생긴다면 이 수업을 들을 준비가 된 것입니다.

무료

로드맵 코스 5