개발 · 프로그래밍

/

풀스택

Next.js 풀스택 Github Issue 서비스 만들기

안녕하세요, 여러분! 이 강의에서는 넥스트 제이에스의 핵심 개념을 깊이 있게 탐구하고, 이를 통해 깃허브 이슈 관리 애플리케이션을 직접 만들어보는 경험을 제공할 것입니다. 이 프로젝트는 현대 애플리케이션에서 기본적으로 필요한 모든 기능을 포함하고 있습니다.

6명 이 수강하고 있어요.

Next.jsReactPrismavercelTypeScript
Thumbnail

초급자를 위해 준비한
[풀스택, 프론트엔드] 강의입니다.

이런 걸
배워요!

  • Next.js

  • Next.js App Router

  • NextAuth

  • TailwindCSS

  • SSR + CSR

  • 코드리팩토링패턴

  • Caching

  • 타입스크립트

  • 리액트 개발

  • 리액트+타입스크립트

  • React-Query

  • Prisma(프리즈마)

  • Vercel 배포

  • PlanetScale

  • MySQL

[Sucode] Next.js로 시작하는 풀스택 애플리케이션 구축: Github Issue

강의를 통해 무엇을 배울 수 있는지, 어떤 분야에서 주로 사용되는지 등을 설명해주세요.

  • 우리의 여정 시작: 넥스트 제이에스와 타입스크립트를 이용해 풀스택 애플리케이션을 만들어보는 첫걸음을 함께 떼어요!!

  • 응용 프로젝트 소개: 우리는 깃허브 이슈 관리 애플리케이션을 함께 만들어 볼 거예요. 이를 통해 현대 애플리케이션 개발의 중요한 요소들을 직접 경험해 볼 수 있습니다!!

FireShot Capture 3664 - ISSUE-MANAGEMENT-SYSTEM - Dashboard - localhost

넥스트 제이에스의 핵심 개념을 깊이 있게 탐구하고, 깃허브 이슈 관리 애플리케이션을 구현해보겠습니다!

강의를 듣고 나면 이런 결과물을 만들 수 있어요

FireShot Capture 3664 - ISSUE-MANAGEMENT-SYSTEM - Dashboard - localhost

Dashboard

대시보드 - 최신 이슈, 이슈 요약, 차트 기능을 제공합니다.

FireShot Capture 3667 - ISSUE-MANAGEMENT-SYSTEM - Issue List - localhost

Issue Page

이슈페이지 - 이슈 렌더링, 정렬, 페이지네이션,
필터링 기능을 제공합니다

FireShot Capture 3668 - Create Next App - localhost

Issue Create Page

이슈생성페이지: 이슈생성 마크업을 통해 이슈를 생성합니다.

FireShot Capture 3669 - Login Page Error - localhost

Issue Edit Page

이슈수정페이지: 이슈 삭제 및 수정 마크업과 드랍다운리스트를 통해 이슈 담당자를 배정합니다.

학습 내용

  • 넥스트 제이에스의 깊은 이해: 넥스트 제이에스의 기본 개념부터 고급 기능까지, 이 프레임워크가 제공하는 강력한 기능과 유연성을 완전히 이해하게 됩니다.

  • 최신 웹 개발 기술 스택 활용: 현대 웹 개발에서 중요한 테일윈드, 레딕스 UI, 프리즈마 등의 도구와 기술을 실제 프로젝트에 적용하는 방법을 배웁니다.


  • 풀스택 애플리케이션 개발: 데이터베이스, 백엔드, 프론트엔드를 아우르는 풀스택 개발에 필요한 다양한 기술과 방법론을 배웁니다.

  • 실제 애플리케이션 구축 경험: 실제로 작동하는 웹 애플리케이션을 처음부터 끝까지 구축하는 과정을 경험함으로써, 이론과 실습이 어떻게 결합되는지를 이해합니다.

  • 타입스크립트의 적용: 타입스크립트를 사용하여 보다 견고하고 오류가 적은 코드를 작성하는 방법을 배웁니다. 타입 안정성과 코드의 가독성을 높이는 데 필요한 기술을 습득합니다.


Next.js의 깊은 이해

넥스트 제이에스의 기본 개념부터 고급 기능까지, 이 프레임워크가 제공하는 강력한 기능과 유연성을 완전히 이해하게 됩니다.

최신 웹 개발 기술 스택 활용

  • Next.js

  • TailwindCSS + RadixUI

  • Prisma (MySQL)

  • NextAuth

  • React Query

풀스택 애플리케이션 개발

데이터베이스, 백엔드, 프론트엔드를 아우르는 풀스택 개발에 필요한 다양한 기술과 방법론을 배웁니다.

실제 애플리케이션 구축 경험

실제로 작동하는 웹 애플리케이션을 처음부터 끝까지 구축하는 과정을 경험함으로써, 이론과 실습이 어떻게 결합되는지를 이해합니다.

타입스크립트의 적용

타입스크립트를 사용하여 보다 견고하고 오류가 적은 코드를 작성하는 방법을 배웁니다. 타입 안정성과 코드의 가독성을 높이는 데 필요한 기술을 습득합니다.

수강 전 참고 사항

  • 강의 학습에 필요한 참고 사항이 있다면 꼼꼼하게 작성해주세요.

  • 수강생들이 강의에서 다루는 내용을 충분히 이해하게 돕고, 학습 만족도를 높일 수 있어요.

실습 환경

  • 운영 체제 및 버전(OS): Windows 11

  • 사용 도구: Node.js 20, Next 14

학습 자료

  • 제공하는 학습 자료 형식 (PPT, 클라우드 링크, 텍스트, 소스 코드, 애셋, 프로그램, 예제 문제 등)

  • 분량 및 용량, 기타 학습 자료에 대한 특징 및 유의사항 등

선수 지식 및 유의사항

  • HTML/CSS/JS에 대한 기본적인 지식이 필요합니다!


  • 질문은 24시간 이내에 답변드립니다!

  • 강의에 필요한 타입스크립트는 강의 내에서 알려드려요!

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 넥스트제이에스를 통해 풀스택앱을 구축하고 싶으신 분

  • 프론트엔드 개발자 및 개발을 희망하시는 분

  • Next App Router와 Prisma를 적극적으로 사용해보고 싶은 분

  • 애플리케이션 구성부터 배포까지 핵심만 빠르게 훑어보고 싶은 분

  • 너무 긴 수업이 부담되어 빠르고 알차게 프로젝트를 구축하고 싶으신 분

선수 지식,
필요할까요?

  • HTML, CSS, JavaScript 지식

  • React 기초 지식

  • 타입스크립트(강의 내용만 따라오셔도 이해할 수 있습니다!!)

  • Next.js 기초 지식(강의 내용만 따라오셔도 이해할 수 있습니다!!)

안녕하세요
Su입니다.

커리큘럼

전체

81개 ∙ (4시간 20분)

수업 자료

가 제공되는 강의입니다.

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!