👩🏻‍💻 Dev Solim / Aaim

🎧 Aaim Project

📎 프로젝트 관련 링크

https://www.aaim-project.com

✏️ 해당 프로젝트 설명

음악 소셜 플랫폼 Aaim의 브랜드 홈페이지입니다.
프로젝트 개발 및 기획에 참여하였습니다. 전체적인 반응형 레이아웃 구성과 프론트 개발을 담당하여 홈페이지를 개발하였고, 기존 에임 홈페이지의 레거시 코드 구조를 효율적으로 개선하였습니다. 클라이언트사의 요청에 따라서 웹 호스팅 서비스등을 추가하였고 커뮤니케이션 대응을 하였습니다.

🛠️ 기술 스택

    FE
  • React
  • Typescript
  • Redux
  • axios
  • styled-components
      • BE
  • AWS CloudFront
  • AWS S3
  • Amazon Web Servies
  • Firebase
  • Wordpress

    • 🗣️ 협업 툴

  • Bitbucket
  • Slack
  • Notion
  • Zeplin
  • Firebase
  • Wordpress

    • 👩🏻‍💻 구현 기능 (본인 참여 기여도가 70%이상인 기능만 나열하였습니다.)

    1. 클라이언트사와 커뮤니케이션 및 기획, 리서치 참여
    2. 기존 레거시 코드 삭제 후 코드 리팩토링 작업
    기존 Class Component의 코드를 Functional Component로 코드 문법을 최신화하였습니다.
    또한 초기 렌더링 속도가 느리다는 단점을 보안하기 위해서 대용량 이미지 파일과 동영상 파일 등의 용량을 재조정하여 사용자 경험을 개선하였습니다.
    3. 랜딩페이지 스크롤 애니메이션 구현
    4. 뷰 포트별 반응형 웹, 레이아웃(Header,Footer) 개발 및 디자인 일관성을 위한 공통 컴포넌트 제작
    리덕스 스토어의 useSelctor Hook을 사용하여 현재 디바이스의 뷰포트에 따라 스토어의 상태값을 변경해주었습니다. 뷰포트가 변경되어 상태값이 바뀐 경우에 컴포넌트를 렌더링 시켜주어 반응형 웹을 구현하였습니다.
    5. 검색페이지 기능 구현 및 프론트 개발
    6. 이용방법 페이지 유튜브 비디오 연동 및 프론트 개발
    IFrame 태그를 사용하여 youtube 비디오 플레이어를 연동하고 제어할 수 있게 구현하였습니다.
    7. 약관정보 수정 데이터 연동 및 관련 페이지 프론트 개발
    8. 광고 팝업 기능 및 프론트 개발
    9. Firebase를 사용하여 입점문의 페이지 및 관리자 페이지 개발
    Firebase의 무료 클라우드 데이터서비스를 사용해 홈페이지 사용자가 입점문의 페이지에서 정보를 전달하였을때 실시간으로 데이터를 저장할 수 있도록 구현하였습니다.

    본 페이지는 상업적 목적이 아닌 비영리적 개인 포트폴리오용으로 만들어진 사이트입니다. solim lee ⓒ 2023