배움·실습
roadmap.sh
roadmap.sh
개발 분야별로 학습 주제의 관계를 지도처럼 정리합니다.
PURPOSE GUIDE · THREE STEPS
배운 내용을 작은 프로젝트로
목표를 고르고 연습한 뒤 결과를 검증하며 학습 기록을 남깁니다.
01
완성할 목표 정하기
웹페이지 한 장이나 짧은 프로그램처럼 범위를 좁힙니다. 이미 알고 있는 주제와 부족한 주제를 나눠 학습 경로를 고르세요.
배움·실습
The Odin Project
theodinproject.com
웹 개발을 프로젝트 순서에 따라 배우는 공개 학습 과정입니다.
배움·실습
OpenClassrooms
openclassrooms.com
직무 역량을 위한 온라인 과정과 프로젝트 기반 학습 경로를 안내합니다.
02
한 가지 기능 구현하기
예제를 복사한 뒤 입력을 바꾸며 원리를 확인합니다. 실패하는 조건을 찾아 수정하는 과정도 기록하세요.
배움·실습
Exercism
exercism.org
여러 프로그래밍 언어의 연습 문제로 코드 작성 습관을 익힙니다.
배움·실습
Frontend Mentor
frontendmentor.io
디자인 시안을 실제 웹 화면으로 구현하는 프런트엔드 과제를 제공합니다.
배움·실습
Full Stack Open
fullstackopen.com
웹 애플리케이션 개발을 연속된 실습 과제로 익히는 공개 과정입니다.
03
동작과 기록 확인하기
기능이 성공하는 경우뿐 아니라 입력이 잘못된 경우도 시험합니다. 다음에 이어 할 일을 짧은 문서로 남겨보세요.
웹 개발
Playwright
playwright.dev
브라우저를 자동 조작해 웹 기능을 시험하는 테스트 도구입니다.
웹 개발
Testing Library
testing-library.com
사용자 관점에서 UI 구성요소를 시험하는 테스트 도구 모음입니다.
메모·협업
Joplin
joplinapp.org
노트와 할 일을 작성하고 여러 방식으로 동기화하는 오픈소스 앱입니다.
이 코스는 도구를 선택하는 편집 제안입니다. 각 서비스의 현재 기능과 이용 조건은 제공자의 안내를 확인하세요.