Allra Fintech
Learning

Web 전환 가이드

백엔드 개발자가 프론트로 넘어갈 때 놓치기 쉬운 포인트를 중심으로 정리한 입문 가이드입니다.

이 트랙의 목표

백엔드 경력자라면 HTTP/JSON, 상태 코드, fetch 기본 동작은 이미 익숙합니다.
이 트랙은 그 지식을 바탕으로 UI 렌더링과 사용자 경험으로 이어지는 전환점을 이해하는 데 초점을 둡니다.

학습 순서는 아래와 같습니다.

이 트랙을 시작하는 이유

백엔드에서는 API 처리 중심으로 사고하게 됩니다. 프론트에서는 API 응답이 언제, 어디서, 어떻게 사용자 화면으로 변환되는지가 핵심입니다.

특히 다음 질문을 빨리 판단할 수 있어야 실무에서 안정적으로 설계할 수 있습니다.

  • API 응답 완료와 화면 반영 시점의 차이를 설명할 수 있나요?
  • 같은 API인데 페이지별로 화면 구조와 렌더링 타이밍이 달라지는 이유는 무엇인가요?
  • API 실패가 UI 실패로 연결되지 않게 하려면 어디에서 상태를 설계해야 하나요?

읽는 방법

각 문서는 짧은 이론으로 시작하고, 마지막에 실무 점검 항목으로 마무리합니다. 모든 문서는 다음 주제로 자연스럽게 이어지도록 구성되어 있습니다.

학습 체크리스트

  • UI 렌더링 지연을 네트워크 지연, 렌더 지연으로 분리해 설명할 수 있다.
  • 4xx/5xx 응답이 화면 상태(로딩/빈 화면/에러)로 어떤 영향을 주는지 판단할 수 있다.
  • CSR/SSR/SSG를 API 응답 규격과 캐시 전략 관점에서 비교할 수 있다.

백엔드 개발자의 다음 단계로 JavaScript 전환 가이드로 바로 이동하면 됩니다.