웹 초보도, 퍼블리셔도

React·Vue·Next까지 성장할 수 있게 설계된 FE 전향 시리즈 프론트엔드 개발자가 되고 싶다는 말은 이제 더 이상 특별하지 않습니다. 하지만 여전히 많은 사람들은 어디서부터 시작해야 하는지 막막합니다.

• HTML/CSS만 할 줄 아는 웹 초보
• 퍼블리싱은 익숙하지만 개발은 낯선 상태
• React를 찍먹했지만 전체 구조는 감이 안 오는 상태

이 FE 전향 시리즈는 바로 이 출발선이 제각각인 사람들을 위해 만들어졌습니다.

“React부터 배우면 되지 않나요?”

많이 받는 질문입니다. 하지만 실제로 React를 시작한 많은 사람들이 곧 이런 상태에 빠집니다.

• 코드는 따라 치는데, 왜 이렇게 되는지는 모르겠고
• state, props, hooks가 왜 필요한지도 애매하고
• 프로젝트를 혼자 설계하라면 아무것도 못 시작하는 상태

이건 개인의 이해력이 부족해서가 아닙니다. 앞 단계가 생략된 채로 학습이 시작됐기 때문입니다.

FE 전향 시리즈는 ‘순서’를 가장 중요하게 생각합니다

이 시리즈는 단순히 기술을 나열하지 않습니다. 프론트엔드 개발자로 성장하는 실제 순서를 그대로 따릅니다.

1️⃣ 웹의 기본 구조 이해

• 브라우저는 무엇을 하고 있는가
• 요청과 응답은 어떻게 오가는가
• 화면은 언제 바뀌고, 왜 새로고침하면 사라지는가

👉 이 단계에서 웹 초보도 개발 흐름을 이해하게 됩니다.

2️⃣ 서버·네트워크와 프론트엔드의 역할 구분

• HTTP, REST, CRUD 개념
• 프론트엔드가 서버를 대하는 방식
• “이건 프론트, 이건 백엔드”의 명확한 기준

👉 퍼블리셔가 가장 혼란스러워하는 경계를 정리합니다.

3️⃣ 프론트엔드 구조 사고 훈련 (곧 출시)

• 화면이 아닌 데이터 중심 구조
• 컴포넌트와 페이지의 역할 분리
• 상태가 왜 필요해지는지에 대한 이해
• 프레임워크와 무관한 FE 사고방식

👉 이 단계에서 React·Vue·Next를 받아들일 준비가 끝납니다.

지금 준비 중인 강좌는, FE 전향 시리즈 3탄입니다

현재 FE 전향 시리즈 3탄은 React, Vue, Next를 본격적으로 배우기 직전 단계를 다루는 강좌로 준비 중입니다.

• 어떤 프레임워크를 선택하더라도
• 구조부터 설계할 수 있고
• “이 코드는 왜 여기 있어야 하는지” 설명할 수 있는 상태

이 상태가 되면 프레임워크는 더 이상 장벽이 아니라 선택지가 됩니다.

📢 3탄 강좌는 곧 출시 예정입니다. 조금만 기다려 주세요.

그 전에, 1탄·2탄부터 차근히 보셔도 좋습니다

FE 전향 시리즈는 앞 단계가 다음 단계를 위한 토대가 되도록 설계되어 있습니다.

• 👉 FE 전향 시리즈 1탄 바로가기

📘퍼블리셔를 위한 서버·네트워크 필수 과정

• 👉 FE 전향 시리즈 2탄 바로가기

📘퍼블리셔를 위한 JavaScript 실전 구조 설계

1탄과 2탄을 먼저 보고 오시면, 곧 공개될 3탄의 내용이 훨씬 선명하게 이해될 것입니다.

이 FE 전향 시리즈가 목표로 하는 것

• 웹 초보가 “개발자 공부”를 시작할 수 있게
• 퍼블리셔가 “나는 개발자 쪽이다”라고 말할 수 있게
• 취준생이 기술 스택보다 성장 경로를 설명할 수 있게

이 시리즈는 한 번 듣고 끝나는 강좌가 아니라,

프론트엔드 개발자로 성장할 수 있는 하나의 학습 지도를 제공합니다.

프레임워크는 많습니다. 정보도 넘쳐납니다.

하지만 어디서 시작해 무엇을 거쳐 가야 하는지를 차분히 설명해주는 과정은 많지 않습니다.

FE 전향 시리즈는 그 흐름을 처음부터 끝까지 정리한 시리즈입니다.

그리고 그 다음 단계인 FE 전향 시리즈 3탄이 곧 공개됩니다.