강의

멘토링

커뮤니티

로드맵 썸네일

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

작성자 프로필 이미지

호기쿤

React
Next.js
선물하기 좋은

초급 대상

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

12명 참여중

조회수

644

로드맵 코스

로드맵 구성

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

로드맵 코스 5