풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.
수강생 866명
난이도 초급
수강기한 무제한
먼저 경험한 수강생들의 후기
5.0
official
이 강의를 들을지 말지 고민하시는 분들을 위해 제가 강의를 들으면서 느낀 장점에 대해 설명드리려고 합니다. 또한 들으면 도움이 될 사람들을 정리해보았습니다 장점 1. 3개의 클론코딩으로 최신 기술 및 Supabase를 사용하는데 빠르게 익숙해질 수 있다 2. Server Actions와 같은 NextJS의 최신기술을 직접 경험하고 구현해볼 수 있다 3. 무한스크롤과 같이 실제 프로젝트를 진행할 때 필요한 핵심적인 기능들을 중심적으로 학습할 수 있다 4. Vercel과 AWS 두 가지의 버전의 배포 방법을 학습하여 개발 경험을 향상시킬 수 있다 장점은 이렇게 네 가지로 설명드릴 수 있을 것 같습니다 이 강의를 들으면 도움이 될 것 같은 분들을 정리해보았습니다 1. 전역 상태 관리와 서버API에 기초적인 배경지식이 있으며, 반복 학습을 통해 숙련시키고 싶으신 분 2. 백엔드와 프론트엔드를 통합하여 하나의 프로젝트를 완성시켜보고 싶으신 분 3. 프로젝트 생성부터 배포까지 모든 과정을 직접 경험해보고 싶으신 분 4. 반복적인 학습으로 코드 및 기능 구현에 익숙해지고 싶으신 분 초반에 React Query, Recoil, NextJS 등 해당 강의에서 다루는 기술 스택에 대해 전체적인 설명을 해주는 강의가 구성되어 있긴 하지만, 기초적인 지식이 없는 경우 이해하기 어려울 수 있습니다. 기술이나 라이브러리에 대한 기초 설명보다는 활용 위주로 강의를 진행하기 때문에 배경지식이 없다면 먼저 기본적인 내용을 학습하시고 이 강의를 듣는 것을 추천드립니다. 타 강의에 비해 진행속도가 빠르고 완성하는 프로젝트 갯수가 많은 만큼 단기간에 반복적으로 기능을 구현하여 실력 향상이 체감됨을 느끼실 수 있을 것 같습니다. 숙련을 위해 강의를 고민하시는 분이라면 추천드립니다.
5.0
Jane
Supabase를 사용해보고 싶었는데 Next.js에 사용하려니 자료가 부족해서 어려움을 겪던 중 이 강의를 듣게 되었습니다. 투두리스트 같은 간단한 프로젝트로 Supabase의 기본을 익히고 나서 Storage나 Auth 같은 주요 기능들도 직접 구현해볼 수 있는 점이 마음에 들었습니다. 노션에 강의 내용 정리도 잘 되어 있어서 강의를 따라가기에 어려움이 없고 설명도 차근차근 해주셔서 회사를 다니면서도 강의를 벌써 꽤 많이 들을 수 있었네요☺️ 좋은 강의 만들어주셔서 감사합니다. 도움이 많이 되었어요
5.0
조현석
프론트엔드 개발을 하면서 저만의 웹앱을 만들어보고 싶어 수강을 시작했습니다. Next.js와 Supabase 연동을 혼자 시도했을 때는 많이 어려웠는데, 이번 강의를 통해 많은 것을 배워갈 수 있었습니다. 좋은 강의를 만들어주셔서 감사합니다! 덕분에 포트폴리오 3개 덤으로 가져가게됩니다 ㅎㅎ 추가로, 현재 Next.js는 15버전이고 강의에서는 14버전을 사용하고 있어 문법 차이가 생각보다 많았습니다. 강의에 버전 차이에 대한 보충 자료를 추가해주시거나, npx create-next-app@14 ... 커맨드를 사용하도록 안내해주시면 학습이 더 편리할 것 같습니다.
Supabase로 서버없이 풀스택 개발을 하는 법 (회원인증, 파일 업로드, 실시간 채팅)
Next.js 14버전 (feat. App Router, Server Action)
카카오 OAuth 로그인 구현
Tailwind CSS, React Query, Recoil 라이브러리
Vercel과 AWS를 통한 프로젝트 배포방법
무한 스크롤, 드래그 앤 드롭 기능 구현
도메인 구매 및 연동
PostgreSQL 기반으로 복잡한 요구사항도 쉽게 구현해요
실시간 데이터베이스 기능으로 실시간 채팅 개발도 더이상 무섭지 않아요
소셜 로그인 기능도 쉽게 구현해요 (카카오, 구글, etc)
SDK, GraphQL, API 등 나에게 편한 방식으로 손쉽게 연동해요
어드민 페이지와 자동으로 SQL을 만들어주는 AI 기능도 다 무료에요
Supabase를 통해
서버구축 없이 풀스택 개발을
하고싶은 개발자
다양한 클론 프로젝트를 통해
개발 실력을 탄탄하게
다지고 싶은 개발자
최신 기술을 활용해서
모던한 풀스택 개발을
하고싶은 개발자
(✅ DB 조회, 회원 인증, 파일 업로드, 실시간 기능 구현까지 모두 배워요)
Supabase의 강력한 기능들을
다양한 프로젝트에 하나하나 적용해보면서
핵심 기능 4가지를 제대로 배우실 수 있습니다 😉
(✅ 실무 능력을 빨리 키우실 수 있어요)
총 3가지의 클론 프로젝트를 통해
파일 업로드, 회원 인증, 실시간 채팅, 검색 기능, 무한 스크롤 등을 구현해보고
"실무에 바로 적용 가능한 기술스택"을 갖춘
풀스택 개발자로 거듭나게 됩니다!
(+ 카카오 OAuth 로그인 강의가 추가되었어요 😉)
(✅ 각 기술별로 이론과 실무 강의가 제공돼요)
단순히 "최신기술"에만 포커스를 두지 않고,
효율적인 풀스택 개발을 할 수 있는 기술들로 선정했답니다 🙂
최신 기술들을 별도로 배우실 필요 없이
실무에서 사용하는 방식 그대로
이번 강좌에서 모두 배우실 수 있습니다!
(✅ 훌륭한 포트폴리오를 나만의 도메인으로 만들 수 있어요)
AWS EC2와 Vercel로 배포하는 방법부터
나만의 도메인을 구매하고 연동하는 방법까지
모두 배우게 됩니다 ☺
(+ 더 전문성있는 포트폴리오를 완성하실 수 있어요!)
학습 대상은
누구일까요?
풀스택 개발을 끝까지 해내고 싶은 프론트 개발자
개발과 운영 난이도를 확 낮추고 싶은 1인 / 소규모 개발팀
사이드 프로젝트에 최적화된 백엔드 서비스를 찾으시는 분
선수 지식,
필요할까요?
Next.js 또는 React.js에 대한 기본적인 이해
기본적인 CSS 지식
3,737
명
수강생
223
개
수강평
64
개
답변
4.9
점
강의 평점
7
개
강의
🚀 “핫한 스택으로 실전 서비스를 만드는 과정을 숨김없이 보여드립니다.”
이론보다는 프로젝트 위주의 실무 강의로 현업에 바로 도움이 될 수 있는 내용을 제공합니다.
(현) 네카라쿠배 재직
(현) 7년차 풀스택 개발
(강의) 스파르타 코딩클럽 강사
(교육) 한국과학기술원(KAIST) 전산학과 졸업
전체
40개 ∙ (10시간 55분)
해당 강의에서 제공:
전체
54개
4.9
54개의 수강평
수강평 1
∙
평균 평점 5.0
5
이 강의를 들을지 말지 고민하시는 분들을 위해 제가 강의를 들으면서 느낀 장점에 대해 설명드리려고 합니다. 또한 들으면 도움이 될 사람들을 정리해보았습니다 장점 1. 3개의 클론코딩으로 최신 기술 및 Supabase를 사용하는데 빠르게 익숙해질 수 있다 2. Server Actions와 같은 NextJS의 최신기술을 직접 경험하고 구현해볼 수 있다 3. 무한스크롤과 같이 실제 프로젝트를 진행할 때 필요한 핵심적인 기능들을 중심적으로 학습할 수 있다 4. Vercel과 AWS 두 가지의 버전의 배포 방법을 학습하여 개발 경험을 향상시킬 수 있다 장점은 이렇게 네 가지로 설명드릴 수 있을 것 같습니다 이 강의를 들으면 도움이 될 것 같은 분들을 정리해보았습니다 1. 전역 상태 관리와 서버API에 기초적인 배경지식이 있으며, 반복 학습을 통해 숙련시키고 싶으신 분 2. 백엔드와 프론트엔드를 통합하여 하나의 프로젝트를 완성시켜보고 싶으신 분 3. 프로젝트 생성부터 배포까지 모든 과정을 직접 경험해보고 싶으신 분 4. 반복적인 학습으로 코드 및 기능 구현에 익숙해지고 싶으신 분 초반에 React Query, Recoil, NextJS 등 해당 강의에서 다루는 기술 스택에 대해 전체적인 설명을 해주는 강의가 구성되어 있긴 하지만, 기초적인 지식이 없는 경우 이해하기 어려울 수 있습니다. 기술이나 라이브러리에 대한 기초 설명보다는 활용 위주로 강의를 진행하기 때문에 배경지식이 없다면 먼저 기본적인 내용을 학습하시고 이 강의를 듣는 것을 추천드립니다. 타 강의에 비해 진행속도가 빠르고 완성하는 프로젝트 갯수가 많은 만큼 단기간에 반복적으로 기능을 구현하여 실력 향상이 체감됨을 느끼실 수 있을 것 같습니다. 숙련을 위해 강의를 고민하시는 분이라면 추천드립니다.
헉 너무 상세하게 수강평 작성해주셔서 정말 감사합니다!! 프로젝트가 많은걸 수강생 분들께서 어떻게 받아들이실지 많이 걱정했는데 오히려 도움이 되었다고 해주셔서 너무 감동입니다 ㅎㅎ 그나저나 벌써 강의를 거의 끝내가시네요 🫢 남은 강의 화이팅이에요 초보님! 후반부 어려운 내용이 있으면 적극적으로 도움 드리겠습니다 :)
수강평 1
∙
평균 평점 5.0
5
Supabase를 사용해보고 싶었는데 Next.js에 사용하려니 자료가 부족해서 어려움을 겪던 중 이 강의를 듣게 되었습니다. 투두리스트 같은 간단한 프로젝트로 Supabase의 기본을 익히고 나서 Storage나 Auth 같은 주요 기능들도 직접 구현해볼 수 있는 점이 마음에 들었습니다. 노션에 강의 내용 정리도 잘 되어 있어서 강의를 따라가기에 어려움이 없고 설명도 차근차근 해주셔서 회사를 다니면서도 강의를 벌써 꽤 많이 들을 수 있었네요☺️ 좋은 강의 만들어주셔서 감사합니다. 도움이 많이 되었어요
안녕하세요 Jane님! 회사를 다니시면서 강의 수강까지 이렇게 빨리 해내시다니 너무 멋있으십니다 🫢 수강생 분들께서 잘 이해하실 수 있도록 천천히 설명드리고 있어요 ㅎㅎ 좀 느린 것 같으면 배속 기능을 활용하셔도 좋을 것 같아요. 소중한 수강평 남겨주셔서 너무 감사합니다!
수강평 2
∙
평균 평점 5.0
5
프론트엔드 개발을 하면서 저만의 웹앱을 만들어보고 싶어 수강을 시작했습니다. Next.js와 Supabase 연동을 혼자 시도했을 때는 많이 어려웠는데, 이번 강의를 통해 많은 것을 배워갈 수 있었습니다. 좋은 강의를 만들어주셔서 감사합니다! 덕분에 포트폴리오 3개 덤으로 가져가게됩니다 ㅎㅎ 추가로, 현재 Next.js는 15버전이고 강의에서는 14버전을 사용하고 있어 문법 차이가 생각보다 많았습니다. 강의에 버전 차이에 대한 보충 자료를 추가해주시거나, npx create-next-app@14 ... 커맨드를 사용하도록 안내해주시면 학습이 더 편리할 것 같습니다.
수강평 1
∙
평균 평점 4.0
수강평 38
∙
평균 평점 4.8
₩99,000
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
![[풀스택 입문] Firebase보다 10배 좋은 SupabaseCourse Thumbnail](https://cdn.inflearn.com/public/courses/334439/cover/9e628f60-3721-4d03-b36d-a577593b96fd/334439.jpg?f=avif&w=420)
![[Unity] 멀티플레이 게임 필수 기능 구현 - 서버 & 데이터 관리까지!Course Thumbnail](https://cdn.inflearn.com/public/courses/336269/cover/7376c9d2-0ad7-430e-824d-3c1f5170a96e/336269.png?f=avif&w=420)
![[2021] 요즘 누가 유료로 웹서비스 구축하나, 파이어베이스의 모든 것 - JavascriptCourse Thumbnail](https://cdn.inflearn.com/public/courses/326587/cover/693e60ce-0430-43df-a2fa-035eb4f8ab88?f=avif&w=420)
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)