인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

풀스택

[웹 개발 풀스택 코스] 포트폴리오 - 제품 판매 미니 웹 앱 개발

본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 최종편인 포트폴리오용 프로젝트 개발 대한 강의입니다. [웹 개발 풀스택 코스]에서 배운 모든 내용을 종합하여 실제 웹 애플리케이션을 개발하면서 배운 내용을 이해하고 기본이 되는 기능을 직접 적용해볼 수 있게 됩니다.

88명 이 수강하고 있어요.

Thumbnail

초급자를 위해 준비한
[풀스택, 웹 개발] 강의입니다.

이런 걸
배워요!

  • Vue.js 클라이언트 구성

  • Node.js 백엔드 구성

  • 데이터베이스(DB) 설계

  • 제품 판매 웹 애플리케이션 개발

실제 웹 애플리케이케이션을 만들며 
풀스택 웹개발 학습 완벽 총정리까지 ✨

✅ 이 강의는 [풀스택 웹 개발자 로드맵] 시리즈 강의입니다.

  • 본 강의는 풀스택 웹 개발자 양성을 위한 [웹 개발 풀스택 코스] 강의 시리즈의 최종편인 포트폴리오용 프로젝트 웹앱 개발을 다루는 강의입니다.
  • 웹 개발 풀스택 코스는 HTML&CSS → 바닐라 자바스크립트 → 부트스트랩 → Vue.js → 데이터베이스 → Node.js → 포트폴리오까지 풀스택 웹 개발을 위한 전 과정을 포함하고 있습니다.
  • 웹 개발 풀스택 코스를 모두 수강하면 여러분은 웹 개발에 대한 기초 뿐만 아니라 실무에 바로 적용할 수 있는 기술을 익히게 됩니다.
  • 본 강의를 수강하기 전 [웹 개발 풀스택 코스] HTML&CSS → [웹 개발 풀스택 코스] 바닐라 자바스크립트 → [웹 개발 풀스택 코스] 부트스트랩 → [웹 개발 풀스택 코스] Vue.js → [웹 개발 풀스택 코스] 데이터베이스 → [웹 개발 풀스택 코스] Node.js 강의를 차례로 수강하는 것을 추천합니다.

무엇을 만드나요?

실제 필요한 기능을 갖춘 웹 애플리케이션을 DB부터 뷰까지 내 손으로 하나하나 직접 구현해봅니다.

작은 크기의 제품 판매 웹 애플리케이션을 개발합니다. 제품 판매 웹페이지는 어떤 모양을 갖추느냐에 따라 쇼핑몰 사이트가 될 수도 있고, 당근마켓 같은 중개 플랫폼이 될 수도 있습니다. 제품 판매를 위한 전체 기능을 구현하는 것은 아니지만, 상품 등록이나 장바구니 구현, 이미지 및 데이터 조회 등 핵심이 되는 기능을 모두 구현하게 됩니다.

제품 판매 웹을 만드는 이유는 일반적인 웹 애플리케이션을 만드는 데 필요한 기능 대부분을 포함하고 있기 때문입니다. 거의 대부분의 웹 애플리케이션이 다음 기능을 포함합니다.

  • 사용자 등록 및 조회
  • 고객 등록 및 조회
  • 제품 등록 및 조회
  • 관리자 등록 및 조회
  • 일반적인 텍스트 데이터 저장 및 조회
  • 이미지 파일 저장 및 조회
  • 테이블 형태의 목록 조회
  • 이미지 그리드 형태의 목록 조회

제품 등록 및 조회 (테이블 형태의 목록)

상세페이지 내 장바구니 담기 기능 및 안내 모달 구현

여러분의 이 강의를 통해서 [웹 개발 풀스택 코스]의 전체 강의에서 배운 내용을 종합적으로 응용할 수 있게 됩니다. 또한 본 과정 전체를 통해서 강조한 웹 화면 UI 패턴이 실무에서 얼마나 자주 사용되는지 이해할 수 있게 됩니다. 웹 화면 UI 패턴을 완벽하게 이해하는 것만으로도 얼마나 다양한 화면을 빠르게 개발할 수 있는지 알게 됩니다.

이것은 여러분이 본 과정을 종료한 후 바로 실무에서 원하는 수준의 개발이 가능한 개발자가 될 수 있다는 것을 의미합니다. 함께 도전해봅시다!


무엇을 배우나요?

쉽고 자세하게
실무 응용 중심
예제 코드까지!

웹 애플리케이션 개발을 위한 프론트엔드 및 백엔드 구조를 생성합니다.

가장 많이 개발되는 웹 화면 UI 패턴에 대해 프론트엔드부터 백엔드까지 완벽하게 개발할 수 있습니다.

가장 기본이 되는 기능을 갖춘 제품 판매 웹을 개발하며 애플리케이션을 개발하는 과정을 이해합니다.

모든 예제 코드깃허브를 통해 제공됩니다.

강의에서 구현하는 기능

  • 웹 서버 기본 구조 생성
  • Vue 프로젝트 기본 구조 생성
  • 웹 화면 UI 패턴 풀스택 구현
  • HTML, CSS, 자바스크립트, 부트스트랩, Vue.js, 데이터베이스, Node.js 전부를 사용해서 프론트엔드에서 백엔드까지 전체 웹 구현
  • 제품 판매 웹 - 카테고리 관리 기능 구현
  • 제품 판매 웹 - 공급처 관리 기능 구현
  • 제품 판매 웹 - 공급처용 제품 관리 기능 구현
  • 제품 판매 웹 - 고객용 제품 조회 기능 구현
  • 제품 판매 웹 - 고객용 장바구니 기능 구현
  • 제품 판매 웹 - 배송처 관리 기능 구현
  • 제품 판매 웹 - 담당자 관리 기능 구현
  • 제품 판매 웹 - 고객 관리 기능 구현
  • 제품 판매 웹 - 주문 관리 기능 구현

선수 지식을 확인하세요!

  • 본 강의를 수강하기 전에 [웹 개발 풀스택 코스] HTML&CSS → [웹 개발 풀스택 코스] 바닐라 자바스크립트 → [웹 개발 풀스택 코스] 부트스트랩 → [웹 개발 풀스택 코스] Vue.js → [웹 개발 풀스택 코스] 데이터베이스 → [웹 개발 풀스택 코스] Node.js 강의를 차례로 수강하는 것을 추천합니다.

이 강의를 만든 사람은
누구일까요?

개발자의 품격

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고, 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT 스타트업 대표이사이기도 해요.

개발자뿐만 아니라 UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전 과정에 대한 수많은 경험을 쌓았습니다. 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식을 나누는 일을 하고 있어요.

더 알아볼까요?

[웹 개발 풀스택 코스] 시리즈 모아보기

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 웹 프론트엔드에서 백엔드까지 모두 구현해보고 싶은 사람

  • 웹 포트폴리오가 필요한 사람

  • Vue.js와 Node.js를 익힌 사람

선수 지식,
필요할까요?

  • HTML

  • CSS

  • 자바스크립트

  • 부트스트랩

  • Vue.js

  • Node.js

  • 데이터베이스

안녕하세요
개발자의 품격입니다.

수강생 수

9,887

수강평 수

204

강의 평점

4.9

강의 수

8

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

커리큘럼

전체

15개 ∙ (11시간 58분)

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

수강평

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