요약
"긱블"의 공식 홈페이지로 기존 Notion을 기반으로 만들어놓은 사이트를 대체하였습니다.
주요 기능
- 회사 소개
- 아티클 작성
- 채용 관리
상세
"긱블"의 브랜딩과 비즈니스적인 요소들을 외부적으로 표현하기 위한 사이트를 개발했으며, 2023년 7월 브랜드 리뉴얼과 동시에 공개하였습니다.
랜딩 페이지에서는 라이브러리를 사용하지 않고 재활용 가능한 컴포넌트를 작성하여 애니메이션을 적용하였습니다.
사내 문화를 소개하는 페이지에서는 모바일 환경을 고려하여 CSS의 hover 이벤트보다는 JS의 mouseEnter 이벤트를 사용하여 모바일과 데스크탑 환경에서의 사용성을 동일하게 가져갔습니다.
채용 관련 기능을 작성할 때는 Slack API를 활용하여 구직자 지원 시 내부에서 쉽게 확인 가능하도록 직접 제안하여 구현 하였습니다. 또한 채용 상태 변경 시 구직자에게 템플릿화된 메일을 발송하는 기능을 구현했습니다. 이로 인해 HR 파트의 효율성을 향상시켰습니다.
백오피스에서는 아티클을 관리 / 작성하고 채용 공고를 등록, 지원자를 조회하는 등의 기능을 갖추고 있습니다.
백오피스를 개발할 때는 기본적으로 필요할 것으로 보이는 기능들을 구현하여 HR 파트에 전달하고 추가적인 요청사항들을 소통하여 내부 사용자들의 니즈를 채웠습니다.
CSS를 작성할 때는 SCSS를 사용하고 있는데, 이를 CSS-module을 사용하여 관리를 용이하게 하였습니다.
개발 중 배포 계획은 AWS를 사용하여 배포하는 것이지만, 구글의 스타트업 지원 프로그램으로 GCP 크레딧을 사용할 수 있게 되어 비용을 절감하고자 GCP를 통해 배포하게 되었습니다. App Engine을 도입하는 것이 관리에 용이할 것이라 판단되었습니다. 또 매 업데이트 별로 쉽게 배포를 하고자 package.json 명령에 스크립트를 추가하여 1줄의 명령으로 배포할 수 있게 하여 이후 업데이트가 과정이 수월하였습니다.
기술 스택
- Next.js
- SCSS
- CSS-module
- React-Query
- Nest.js
- TypeOrm
- Postgresql
- GCP(App Engine, SQL, SendGrid)
- AWS S3
팀
- 브랜딩: 1명(대표)
- HR 기획: 2명
- 디자인: 외주 1명
- 프론트 / 백엔드 개발: 1명
