강의

멘토링

로드맵

로드맵 썸네일

내가 되고싶은 풀스택 인디해커 로드맵

작성자 프로필 이미지

호기쿤

React
Next.js
카카오공채-개발

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

11명 참여중

조회수

518

로드맵 코스

로드맵 구성

  1. 프론트엔드 기초 (React + TypeScript)

  • React의 핵심 개념: 컴포넌트, 상태 관리, 훅 사용법

  • TypeScript 기초: 타입 시스템 이해 및 React와의 통합. 타입 안정성을 확보하여 유지보수성 높은 코드를 작성할 수 있음.


  1. 서버사이드 및 풀스택 개발 (Next.js)

  • Next.js의 라우팅, 서버사이드 렌더링(SSR), 정적 사이트 생성(SSG) 이해

  • API 구축과 데이터 패칭 전략

  • 목표: 프론트엔드와 백엔드가 결합된 효율적인 풀스택 애플리케이션 설계



  1. Cursor

  • 생산성 극대화

개발자와 사업가로서의 균형

  1. 개발자에 가까운 경우, AI 의지를 낮추자.

  2. 사업가의 가까운 경우, AI를 적극활용하자.


  1. 데이터베이스 및 인증 관리 (Supabase)

  • Supabase로 데이터베이스 설정 및 관리

  • 인증 및 권한 관리

  • 실시간 데이터 업데이트 및 GraphQL 활용

  • 목표: 간단하고 강력한 서버리스 데이터베이스를 프로젝트에 적용

Firebase를 사용해봤거나 백엔드 및 DB를 사용해 CRUD를 구현해봤다면, 유튜브와 공식자료만 봐도 이해할 수 있다고 생각합니다.


  1. 프로젝트 배포 및 운영

  • Vercel을 사용한 Next.js 애플리케이션 배포

  • 데이터베이스 모니터링 및 성능 최적화

  • 사용자 피드백 기반 기능 개선 및 확장

  • 목표: 실제로 사용 가능한 인디 프로젝트 제작 및 배포


  1. 마케팅

  • 개발만큼 아니 그 이상 중요한게 마케팅이라 생각합니다. 다양한 인디해커, 프리랜서, 사업관련된 책을 읽는게 좋을 것 같다.

필요한 역랑 : 마케팅, 세일즈, 네트워킹, 사용자 관리.


누구를 위한 로드맵인가?

  • 독립적인 프로젝트를 계획하거나 실행하려는 인디해커

  • 기술 스택(React, TypeScript, Next.js, Supabase)을 배우며 실전 프로젝트를 완성하고자 하는 개발자

  • 창업을 목표로 풀스택 애플리케이션 구축 및 운영에 관심 있는 분




로드맵 상세보기

5개 코스

로드맵에 포함된 강의 썸네일
인프런
[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요.
학습은 짧게, 응용은 길게 17시간 분량의 All-in-one 강의!

48,400

로드맵에 포함된 강의 썸네일
한입 시리즈의 3번째 작품! 세상에서 가장 친절하고 디테일 한 Next.js(15+)강의 입니다. App Router 뿐만 아니라 Page Router까지 프로젝트를 통해 살펴봅니다.

48,400

로드맵 코스 5