콘텐츠로 바로가기
Coalacoding

Coalacoding

  • 코딩
    • 웹 개발
      • HTML·CSS
      • 화면 동작
      • JavaScript
      • React·Vue
      • 웹 프로젝트
    • 서버·데이터
      • 파이썬
      • 데이터베이스
    • 개발 도구
      • 버전 관리
      • 작업 환경
  • 디자인
    • 디자인 기초
    • 그래픽
    • 영상
  • AI 활용
    • 업무 자동화
    • AI 코딩
    • 이미지·영상 생성
  • ⭐수강생
    • B반1
    • 👾숏츠
    • 🙉B반2
    • 블로그
  • 게시판
  • 회원가입
  • 로그인

GOFLIX 영화 서비스

TMDB API와 React로 영화 서비스와 챗봇을 구현합니다.

React 컴포넌트·라우팅·비동기 통신을 사용하는 영화 서비스 프로젝트입니다.

컴포넌트 · 라우터 · 비동기 처리 · 프로젝트 시작

제목

01. GOFLIX 프로젝트 소개와 개발환경 설정

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

02. React 진입점과 라우팅 설정

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

03. Axios로 TMDB API 연결하기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

04. 공통 UI 컴포넌트 만들기 (UI.jsx)

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

05. App.jsx — 레이아웃 구성과 데이터 가져오기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

06. Header와 Footer 만들기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

07. Section과 Card — 영화 카드 목록 만들기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

08. Home.jsx — 메인 페이지 완성하기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

09. MovieDetail — 영화 상세 페이지 만들기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트

10. Category, ErrorPage 완성하기

카테고리 GOFLIX 영화 서비스 태그 React, 초급, 프로젝트
이전 글
페이지1 페이지2 다음 →

코딩분야 선택

코딩디자인AI 활용
  • 웹 개발
    • HTML·CSS
    • JavaScript
    • TypeScript
    • React·Vue
    • 화면 동작
    • 웹 프로젝트현재
  • 서버·데이터
    • 데이터베이스
    • 파이썬
  • 개발 도구
    • 버전 관리
    • 작업 환경

관련 AI 바로가기

AI 코딩↗

현재 분야 · 웹 프로젝트

소개 · 문의

🐨 Coalacoding 디지털 크리에이터를 위한 정보 공유 사이트

커뮤니티

게시판 휴대폰 미러링

정책

개인정보 처리방침소개문의
© 2026 Coalacoding. All rights reserved.