219684362-29a19bc9-32c8-417a-8ba5-b15dad754ac8.gif

트라이캐치 소개

<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b2dfb765-5c4b-4433-9fab-8e4264042619/bug.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/b2dfb765-5c4b-4433-9fab-8e4264042619/bug.svg" width="40px" /> SSAFY 과정 중 진행한 팀 프로젝트 입니다. 트라이캐치는 깃허브 정보를 바탕으로 기술 블로그 글을 추천해주고, 소통할 수 있는 공간이 있는 개발자 커뮤니티 서비스 입니다.

이 서비스는 개발자들이 자기 기술 스택과 관심사에 맞는 정보를 쉽게 찾을 수 있도록 도와주는 개발자 커뮤니티 서비스를 목표로 했습니다. 프로젝트를 진행하면서 어떻게 해야 개발자들이 편리하게 사용할 수 있는가에 중점을 두었습니다.

</aside>

Images

담당 역할


<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2da6630e-3439-46e6-97e8-9f3c943ec03a/bug.svg" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2da6630e-3439-46e6-97e8-9f3c943ec03a/bug.svg" width="40px" /> 프론트엔드 개발을 담당하였습니다. (개발 환경 구축, 랜딩페이지, Q&A 페이지, 실시간 알림기능, Figma 디자인 시스템)

</aside>

담당 파트


FE 개발

프론트엔드 개발 환경 구성

랜딩페이지

랜딩페이지를 통해 방문자에게 웹사이트의 주요 기능을 전달하고, 첫 인상을 사로잡을 수 있는 방법에 대해 고민했습니다. 방문자의 관심을 끌 수 있는 시각적 요소와 인터랙티브한 요소를 어떻게 구현할 지 가 가장 큰 고민이었습니다.