나만의 SNS 서비스를 완성한다! AI 활용 React·Firebase 개발 프로젝트
해커스 캠퍼스 business
과정정보
강사 김동주 학습난이도 초급
총 학습시간 20시간 강의수 20강
복습기간 일 정원 500명
교재 없음
학습기간 365일
정가
할인금액

189,000원

80,000원
총 결제액 109,000원
관심강의 샘플강의 수강신청

강의소개

해커스 캠퍼스 business

강의정보

학습개요 1) React·Firebase로 SNS 웹앱을 기획부터 배포까지 구현하는 실전 프로젝트 과정입니다.
2) Figma 디자인을 React로 옮기는 AI 개발 프로세스와 Firebase 핵심 서비스를 단계별로 다룹니다.
3) 회원 인증부터 게시글, 실시간 피드, 댓글·좋아요까지 SNS 핵심 기능을 구현하며 서비스 구조를 이해합니다.
4) React 기초 개발자 대상으로, Copilot 협업과 배포·포트폴리오 정리까지 취업 실전 역량을 완성합니다.
학습목표 1) React와 Firebase를 활용하여 실제 서비스 수준의 SNS 웹 애플리케이션을 직접 구현할 수 있다.
2) Firebase Authentication, Firestore, Storage 등 주요 서비스를 공식 문서를 참고하며 활용하는 방법을 익힌다.
3) AI 디자인 도구와 GitHub Copilot를 활용하여 실제 개발 환경과 유사한 프로젝트 경험을 쌓을 수 있다.
학습대상
  • 1) React 기초 문법을 학습한 개발자
  • 2) Firebase를 처음 접하는 프론트엔드 개발자
  • 3) 포트폴리오 프로젝트를 제작하고 싶은 취업 준비생
  • 4) AI 도구를 활용한 최신 개발 방식을 경험하고 싶은 개발자

강사이력

- 해커스캠퍼스, <[AX 시대의 프론트엔드] AI Figma(피그마) 디자인&반응형 웹 구현> 강사
- ㈜이스트소프트, 오르미 프론트엔드 개발(React, HTML/CSS/javascript) 강의
- 그린컴퓨터아트학원(종로점), [KDT] 기업연계 프로젝트형 프론트엔드 sw 개발자 양성
- 더조은컴퓨터아트학원, 프론트엔드 개발 강의
- 코딩은 처음이라 with 웹 퍼블리싱(2022) 저자
- 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서(2021) 저자

강의목차

  • 번호 강의명
    1강SNS 프로젝트 소개 및 개발 환경 구성
    2강Figma AI로 SNS UI 설계하기
    3강Firebase 프로젝트 생성 및 React 연결
    4강MUI 기반 공통 레이아웃 구현
    5강AI 생성 React 코드 분석과 컴포넌트 리팩토링
    6강이메일 인증과 로그인 상태 관리
    7강Google 소셜 로그인과 사용자 정보
    8강Firestore 구조 이해와 데이터 설계
    9강게시글 작성 및 Firestore 저장
    10강게시글 목록·상세 및 실시간 반영
  • 번호 강의명
    11강권한까지 챙기는 수정·삭제 만들기
    12강게시글 목록 페이지네이션 구현
    13강Firebase Storage 이미지 업로드
    14강게시글 이미지 출력·교체·삭제하기
    15강프로필과 내 게시글 구현
    16강댓글 작성·삭제 및 실시간 반영
    17강토글과 개수 표시로 좋아요 구현하기
    18강Firebase 보안 규칙과 사용자 경험 개선
    19강배포·리팩토링 및 포트폴리오 정리
    20강GitHub Copilot과 함께 SNS 기능 확장하기

정보보호 관리체계 인증서

ISMS 인증서

QUICK MENU

자주묻는 질문
자주묻는 질문

자주 묻는 질문

검색

총 12개의 검색결과