
Overview
- 과제 개요
- 목적: 고객 니즈 & 기획 의도 파악 → 구현
- 과제: 임직원들이 받을 수 있는 혜택을 정리한 웹페이지
- 배경: 표. 한눈 파악 어려움 ⇒ 모바일 웹페이지
- 목표
- 빠른 개발
- 편리성
- 확장
- 일정
Design
- 설계
- 프론트디자인 → 3페이지 + 모달로 구성
- 단순하고 한눈에 보기 쉽게
- 회사 색을 사용
- ERD설계
- 회사 홈페이지 그룹 소개를 기반
- 데이터가 누락되지 않게
- 인프라
- Cloudfront 캐싱
- Gateway
- ALB & ASG
Implementation
- 기술스택: 빠른 개발, 자신있는 언어
- 프론트
- 회사 고유 스타일 사용 위해 tailwindcss
- 재사용성 & 확장을 위해 아토믹 디자인 패턴
- 백엔드
- static 데이터 리턴 테스트 코드 작성 후 db 연결
- 출력결과 비교 빠른 개발
- 데이터 직접 주입
- 인프라
- 시간단축을 위해 단순한 디자인
- 쉘스크립트와 테라폼
Review
- 요구사항 분석 → 개발→ 배포→ 발표