10개 기술로 구현하는 풀스택 서버리스 프로젝트 with React
사이드 프로젝트
10개 기술스택으로 구현하는
풀스택 서버리스 프로젝트
with React
-
01 프로젝트의 A to Z
하나의 프로젝트, 그 시작부터 끝까지 전체과정 (기획-설계-구현-배포-기능 추가)을 경험합니다.
-
02 트렌디한 기술 활용능력 100% UP
기술을 언제, 어떻게, 왜 적용해야 하는지 이해해 트렌디한 기술을 온전히 자신의 것으로 만듭니다.
-
03 문제를 해결하는 프론트엔드 개발자
선배 개발자의 업무 루틴, 사고 방식을 익혀 문제해결 능력을 갖춘 실무 개발자로 거듭납니다.
언어와 프레임워크만 배운다고, 완성된 프로젝트만 따라한다고 내가 원하는 서비스를 개발할 수 있을까요?
서비스 구현 외에도 기획과 유지 보수, 적정 기술을 선택하여 문제를 해결하는 방법까지 배울 수 있는 사이드 프로젝트.
무엇이 다른지 확인해보세요!
당신의 아이디어가 실제 서비스가 될 수 있도록,
필요한 모든 것을 담은 강의는 오직 패스트캠퍼스에서.
Point 01
10가지 이상의 기술 스택으로 구현하는
풀스택 서버리스 프로젝트
프로젝트 미리보기
친구들과 공유하는 더치 페이 서비스
-
친구들과 지출한 총 비용을 기록하면 자동으로 정산을 해주는 웹 사이트를 만듭니다.
-
단순히 총 지출을 인원으로 나누는 게 아닌, 송금 횟수와 금액을 최적화하는 문제 해결에 초점을 맞춰 구현해봅니다.
-
다양한 기능을 서버리스 환경에서 구현하여 서버 관리에 소요되는 시간과 비용을 절약합니다.
-
백엔드를 구축하여 여러 사람들과 함께 사용할 수 있는 웹으로 업그레이드해 봅니다.
잠깐! 왜 서버리스로 프로젝트를 구현해야하죠?
서버 관리에 소요되는 시간과 비용을 절감해주는 클라우드 서비스의 등장으로, 최근 국내외 IT 업계에서 ‘서버리스’는 대세로 자리 잡고 있습니다.
본 강의에서는 실무와 유사한 서버리스 개발 환경에서 기능 구현과 조합, 즉 프론트엔드 개발 그 자체에 집중하며 프로젝트를 진행합니다.
다루는 기술스택
*강의 내에서 AWS Amplify와 함께 AWS Lambda, AWS Cloudformation, Amazon API Gateway, Amazon S3을 다룹니다.
구현 기능
프로젝트의 더 자세한 내용이 궁금하다면?
Point 02
프로젝트 계획부터 배포 후 유지·보수까지,
실제 개발 사이클을 모두 커버하는 커리큘럼
코드를 무작정 따라 치고 배포하면 프로젝트가 성공적으로 끝나는 걸까요?
실제 서비스에서는 기능 추가, 유지·보수 등 배포 후의 작업도 중요합니다.
프로젝트 계획부터 개발, 배포 후 개선까지의 모든 프로세스를 직접 경험합니다.
계획 | Planning
‘프로젝트를 할 땐 어떤 주제가 좋을까?’, ‘왜 계획을 꼼꼼히 세워야할까?’
설계 | Design
‘왜 이 기술을 써야 할까?’, ‘어떻게 설계해야 원하는 서비스를 만들 수 있을까?’
구현 | Development
‘서비스를 위해 어떤 기능이 필요할까?’, ‘이 기능을 다른 방법으로 구현할 순 없을까?’
테스트 & 배포 | Test & Deployment
‘어떤 프로세스로 배포를 진행할까?’, ‘결과물의 품질은 어떻게 관리할까?’
유지보수 | Maintenance
‘완성된 프로젝트에 무슨 기능을, 어떻게, 왜 추가할까?’
저를 그대로 따라해 똑같은 결과를 얻는 것보다, 각 과정에서 ‘왜 이런 프로세스로 진행하지?’,
‘왜 이 기술을 써야할까?’처럼 선택의 이유를 고민하며 강의를 들어주세요.
Point 03
강의 내용이 진짜 내 실력이 될 수 있도록!
문제 해결 능력을 키워주는 과제 & 심화 실습
코드만 따라치다보면 막상 무엇을 배웠는지 기억이 나지 않죠?
배운 내용을 복습 및 응용하고, 추가 기능을 구현하는 파트 별 과제와 심화 실습을 통해
스스로 문제를 해결할 수 있는 역량을 길러 보세요. (※ 퀴즈, 실습형 과제 해설 영상 제공)
-
| 과제 #1
나만의 사이드 프로젝트
기획-관리 페이지 만들기일상에서 불편을 느꼈던 것들을 메모해 프로젝트 아이디어로 구체화 시켜보고, 노션에 프로젝트 관리 페이지 만들기
-
| 과제 #2
내가 원하는 기능
서비스 요구사항 작성하기더치페이 서비스에 추가하고 싶은 기능을 서비스 요구사항에 추가하고, ‘WHY?’에 집중해 기존 task 대비 우선순위 정하기
-
| 과제 #3
AWS 계정 생성
프론트엔드 기술 복습프로젝트 배포 및 관리에 유용한 AWS Amplify 사용을 위해 계정을 만들고, 프론트엔드 기본 기술을 퀴즈를 통해 복습하기
-
| 과제 #4
정산 결과를 이미지 파일로
export 하기더치페이 서비스의 정산내역 결과값을
이미지 파일(.png)로 출력하고, 과제 해설 영상과 비교해 보기 -
| 과제 #5
AWS Amplify CLI를 이용해
백엔드 init 하기AWS Amplify에서 제공하는 관리도구 CLI(Command Line Interface)로 백엔드 환경 생성 및 관리 기반 마련하기
-
◉ 심화 ◉
완성된 서비스에
FE/BE 기능 추가하기릴리즈 후 프론트엔드와 백엔드에 기능을 추가하며 서비스 디벨롭 과정을 실습
※ Part6에서 전체과정을 함께 진행
Point 04
카카오, 아마존 출신 시니어 프론트엔드
개발자가 알려주는 실무 노하우
사이드 프로젝트로 국제대회 수상은 물론, 국내&외 기업에서 활약 중인 강사님께
프로젝트의 시작부터 끝까지 체계적으로 진행하는 방법을 배워 보세요!
| 오아리 강사님
현) 캐나다 의료 스타트업 시니어 풀스택 엔지니어
전) 아마존 소프트웨어 엔지니어
전) 카카오 모빌리티 소프트웨어 엔지니어
| 사이드프로젝트
∙ App ‘Better’ 프로젝트 관리 및 개발
∙ App ‘Lipp’ 개발 (APEC App challenge 입상)
∙ ‘교육 웹사이트’를 개발해 아마존 사내 해커톤 입상
∙ ‘개발자 업무 공유 챗봇’ 제작해 카카오 사내 배포
-
BETTER는 코로나 시기 무료하고 암울한 일상 속에서 작은 행복을 찾고자 진행한 사이드프로젝트 결과 완성된 어플리케이션입니다.
하루하루의 감사한 일을 적는 ‘감사일기’ App 개발 프로젝트에서 오아리 강사님은 프로젝트 관리자 겸 개발(Flutter)을 담당했습니다. -
Lipp은 초기 단계의 스타트업이 파트너, 투자자와 접점을 형성할 수 있도록 서비스를 제공하는 어플리케이션입니다.
기술로 사회적 문제해결에 기여하고자 진행된 APEC App Challenge 2019에 한국 대표로 출품되어 3위를 수상했습니다.
모르는게 발생하면 강사와 수강생에게
묻고 답할 수 있는 질의응답 게시판
질의응답 게시판에서 서로 모르는 것을 묻고 답하고,
서로의 결과물을 공유하고, 함께 프로젝트를 진행할 팀원을 구해보세요.
강사님 & 수강생에게 언제든지 물어볼 수 있는
질의응답 게시판
∙ 강사님의 답변은 매주 월요일~화요일 사이에 이루어질 예정입니다.
(강사님의 개인 사정에 따라 답변 시각이 일시적으로 변동될 수 있습니다)
원하는 강의 자료는 바로 바로 찾을 수 있도록!
강의 자료 제공
∙ 해당 노션 링크는 온라인 강의장 내 ‘강의자료’ Tab에서 확인하실 수 있습니다.
강의 목표
풀스택 서버리스 환경에서 추상적인 아이디어를 서비스로 구체화하는 방법을 학습합니다.
동일한 프로젝트 결과물을 얻기 보다, 실무 개발 프로세스를 체화하는 데 집중합니다.
개발 과정에서 문제에 직면했을 때, 적절한 해결 방법을 찾아내고 이를 실행하는 능력을 향상시킵니다.
추천 대상
HTML, CSS, JavaScript, React 문법에 대한 기본적인 이해도를 갖추신 분
이론 공부, 예제 풀이, 클론 코딩보다는 실제 프론트엔드 프로젝트를 통해 개발 실무를 학습하고 싶으신 분
서버리스 환경에서 진행되는 개발 프로젝트의 특징과 프로세스를 학습하고자 하는 전공생 혹은 주니어 개발자
나만의 포트폴리오를 갖추기 위해 사이드 프로젝트를 진행하고자 하는 취업 준비생 혹은 신입 개발자
패스트캠퍼스의 <초격차 패키지 : 한 번에 끝내는 프론트엔드 개발>을 수강하신 분
커리큘럼.
한 번의 결제로 아래의 모든 강의를 평생 무제한 수강할 수 있습니다.
지금 나만의 사이드프로젝트를 갖기 위한 첫 걸음을 내딛어 보세요!
Part1. 프로젝트 시작하기
Part2. 서비스 기획하기
Part3. 프로젝트 설계하기
Part4. 더치페이 서비스 구현하기
Part5. 서비스 배포 하기
Part6. [Advanced] 서비스 디벨롭 하기
-
상세 커리큘럼.
자세한 커리큘럼 및 내용은 여기서 확인하세요!