풀스택 & 기타 웹 가이드

풀스택(Full-stack) 개발은 화면을 만드는 프론트엔드와 서버를 다루는 백엔드를 한 사람이 함께 다루는 접근입니다. 이 영역은 두 분야를 처음부터 아우르며 서비스 하나를 끝까지 완성하는 경험을 쌓으려는 독자, 그리고 코드 대신 플랫폼을 다뤄 웹사이트를 빠르게 구축하려는 독자를 함께 다룹니다.

학습 순서

풀스택 학습은 프론트엔드(HTML, CSS, JavaScript, npm) 기초를 먼저 익힌 뒤 React 같은 프레임워크로 화면을 구성하고, 이어서 Node.js·PostgreSQL·RESTful API·인증(JWT Auth)·캐싱(Redis) 순으로 백엔드 지식을 쌓는 흐름을 따릅니다. 프론트엔드와 백엔드를 각각 동작시킬 수 있게 되면 마지막으로 Linux 기초, 클라우드 서비스, GitHub Actions, 인프라 자동화 도구를 익혀 실제로 배포하고 운영하는 단계로 넘어갑니다. 각 단계는 실습 체크포인트를 거치며 진행하는 것을 권장합니다.

워드프레스(WordPress)처럼 코드 작성 없이도 웹사이트를 구축·운영할 수 있는 플랫폼도 이 영역에서 함께 다룹니다. 이는 풀스택 프레임워크 학습과는 다른 경로지만, 웹사이트를 빠르게 구축해야 하는 실무 상황에서 자주 쓰이는 대안입니다.

지금까지 설명한 흐름을 한눈에 정리하면 [그림 1]과 같습니다.

[그림 1] 풀스택 학습 로드맵 구성도

프론트엔드와 백엔드를 각각 동작시킬 수 있게 되는 지점, 즉 인증과 캐싱까지 마친 시점부터 배포·운영 단계로 넘어가므로 그림에서 이 지점을 강조 표시했습니다. 코드 없이 웹사이트를 구축하는 WordPress 경로는 별도 존으로 분리해 표시했습니다.

소속 강좌

강좌	다루는 내용
풀스택	프론트엔드→백엔드→DevOps 순으로 서비스 하나를 완성하는 입문 로드맵
WordPress	플러그인과 테마 기반 웹사이트 구축·운영

다른 영역과의 연결

프론트엔드나 백엔드 한쪽을 더 깊이 파고들고 싶다면 프론트엔드 가이드 또는 백엔드 가이드로 이동해 심화 로드맵을 참고할 수 있습니다. 배포와 운영을 더 다루고 싶다면 DevOps & 인프라 가이드로 이어가는 것을 권합니다.