코드 학습에서 작은 웹 공개까지 잇는 도구

K

학습·성장

Khan Academy

수학·과학 등 개념 영상과 연습 문제를 순서대로 제공하는 비영리 학습 서비스

학교 수준의 기초 개념을 설명과 문제 풀이로 반복하려는 학습자에게 좋은 출발점입니다. 과목과 과정마다 한국어 자료 범위가 다르므로 원하는 단원이 번역됐는지 먼저 확인해야 합니다.

비용

개인 학습 무료

한국어

한국어 콘텐츠가 있으나 과목별 범위 차이

가입 조건

콘텐츠 열람은 일부 계정 없이 가능; 진도 저장은 계정 필요

e

학습·성장

edX

대학·기관의 온라인 강좌와 프로그램을 분야·수준별로 찾는 학습 플랫폼

대학·기관이 만든 공개 강좌를 주제별로 비교하고 체계적으로 학습하려는 사람에게 맞습니다. 강좌 열람, 평가, 수료증의 유료 여부와 일정은 과정마다 달라 등록 화면을 따로 읽어야 합니다.

비용

강좌별 무료 열람·유료 인증 또는 유료 프로그램 조건이 다름

한국어

한국어 강좌·자막은 과정별 상이

가입 조건

등록·진도 기록에 계정 필요

U

학습·성장

Udemy

개별 강사가 만든 실무 강좌를 주제·언어·수준별로 구매하거나 구독하는 플랫폼

특정 도구나 직무 기술을 강좌 단위로 골라 배우고 싶을 때 선택 폭이 넓습니다. 강사별 설명 방식과 갱신 상태 차이가 크므로 미리보기, 강의 계획과 최근 업데이트를 함께 봐야 합니다.

비용

개별 강좌 가격·구독 옵션이 지역과 시점별 상이

한국어

한국어 강좌와 UI 제공; 자막은 강좌별 상이

가입 조건

구매·수강에 계정 필요

C

학습·성장

Codecademy

브라우저 편집기에서 코드를 작성하며 단계별로 배우는 기술 학습 플랫폼

개발 환경 설치 전에 문법과 짧은 실습을 바로 시작하려는 입문자에게 맞습니다. 실제 프로젝트의 배포·협업·디버깅까지 익히려면 로컬 환경과 독립 프로젝트를 병행해야 합니다.

비용

무료 과정과 유료 멤버십

한국어

주요 과정과 UI는 영어 중심

가입 조건

실습 진도 저장에 계정 필요

C

개발·배포

CodePen

HTML·CSS·JavaScript 조각을 브라우저에서 작성하고 결과를 공유하는 실험 공간

작은 프런트엔드 아이디어를 설명 가능한 예제로 만들고 공유할 때 알맞습니다. 기본 공개 범위와 외부 코드 실행 특성을 이해하고 비밀값이나 실제 사용자 데이터를 넣지 않아야 합니다.

비용

무료 이용과 PRO 플랜

한국어

공식 UI·문서는 영어 중심

가입 조건

공개 Pen 열람은 계정 없이 가능; 저장·관리에는 계정 필요

G

개발·배포

GitLab

Git 저장소와 이슈·검토·CI/CD를 한 프로젝트 흐름에 묶는 개발 플랫폼

소스 관리부터 자동 빌드·배포까지 같은 권한 체계에서 운영하려는 팀에 적합합니다. GitLab.com과 자체 설치판은 책임 범위가 다르고, 러너·저장소·사용량 조건을 도입 전에 계산해야 합니다.

비용

GitLab.com 무료·유료 티어와 자체 관리 옵션

한국어

코드·입력은 무관; 공식 UI·문서는 영어 비중이 큼

가입 조건

프로젝트 생성·기여에 계정 필요

V

개발·배포

Vercel

Git 저장소의 프런트엔드 프로젝트를 미리보기와 운영 환경으로 배포하는 플랫폼

브랜치별 미리보기와 프런트엔드 중심 배포를 빠르게 연결하려는 팀에 잘 맞습니다. 트래픽·빌드·함수 사용량과 지원 프레임워크의 실행 제약은 운영 전에 현재 요금 문서로 계산해야 합니다.

비용

무료 Hobby와 유료 플랜

한국어

공식 UI·문서는 영어 중심

가입 조건

프로젝트 연결·배포에 계정 필요

N

개발·배포

Netlify

Git 기반 웹 프로젝트의 빌드·미리보기·도메인·함수를 관리하는 배포 플랫폼

정적 사이트와 프런트엔드 프로젝트를 저장소에서 자동 배포하고 폼·함수 등을 선택적으로 붙일 때 편리합니다. 빌드·대역폭·함수 등 사용량 항목이 서비스 운영비에 어떻게 연결되는지 먼저 확인해야 합니다.

비용

무료 플랜과 사용량·팀 기반 유료 옵션

한국어

공식 UI·문서는 영어 중심

가입 조건

프로젝트 배포에 계정 필요