🎬 서론 - 참여동기

저는 경력 2년 주니어 프론트엔드 개발자입니다.

같은 포지션의 동료 개발자와 기술스택 선정을 위한 논의와 개발단계에서 코드 컨벤션을 어떻게 지킬 것인가에 대한 논의 그리고 서로의 코드에 대한 리뷰와 같은 경험 등, 협력 경험을 쌓고자 사이드 프로젝트를 찾아보던 중 스위프 프로그램을 알게 되었고, 시간적인 여유가 생기면서 참여하게 되었습니다.

❓ 스위프(SWYP)

스위그에서 진행하는 프로그램으로 기획자, 디자이너, 개발자가 한 팀으로 웹개발 단기 프로젝트(6주)를 경험하고 성장할 수 있는 기회를 제공해주고, 유형별 테스트(MBTI 등), 미니게임, 퀴즈, 인터렉티브 스토리텔링(비주얼 노벨 등) 자유롭게 원하는 카테고리로 나와 맞는 팀원과 함께할 수 있는 자리를 마련해주는 프로그램입니다.

참가자에게는 웹호스팅, 커스텀 도메인, 검색엔진서비스(SEO), 배너광고, 사용자 유입 데이터 분석 등의 혜택을 제공해주어 짧은 기간에 많은 것을 누릴 수 있는 프로그램이라 생각합니다.
혜택관련링크

🌀 프로그램 일정

스위프일정.png

이미지와 같이 총 6주간 진행되는 프로젝트입니다.

이번 기수는 2023년 11월 18일부터 시작하여 12월 31일까지 프로젝트를 마무리하였습니다.

작업한 프로젝트를 기반으로 1월 13일 한자리에 모여 발표하는 시간을 가졌고, 함께 참여한 팀원 및 다른 팀원과의 네트워킹 시간을 가지며 서로의 인사이트를 공유하는 유익한 시간이었습니다.

🌀 팀 선정

팀 빌딩 페이지에 자신을 소개할 수 있는 디스크립션 보드를 생성하고, 보드를 활용해 각 구성원들의 니즈를 파악하여 원하는 스킬, 주제를 바탕으로 자율적으로 팀을 결성하였습니다.

전체 참여자: 기획자 4명, 디자이너 4명, 개발자 20명
팀 구성인원: 기획자 1명, 디자이너 1명, 프론트엔드 2명, 백엔드 2명

저는 1팀 기획자님의 권유로 1팀 프론트엔드 개발자로 참여하여 6주간 프로젝트를 진행했습니다.

🌀 프로그램 진행

📕 1, 2주차 - 아이디에이션, 기획

스크린샷 2024-01-22 오후 11.27.11.png

이미지와 같이 협업을 위한 커뮤니케이션 방법을 미리 정해두고 진행하였습니다.

아울러 서비스 컨셉 등을 잡고 프로젝트의 전체적인 뼈대를 그려나간 기간입니다.

(서비스 컨셉은 기획자님이 고심하셔서 작업하신 내용으로 제외하였습니다.)

📗 3주차 - 와이어프레임, UI/UX 구성, 개발환경 세팅

스크린샷 2024-01-22 오후 11.29.30.png

주요기능분석
당시 대략적인 기능만 작업된 상황이라 주요기능에 대한 분석이 필요했습니다.
사용할 기술스택
기간은 짧고 작업해야 할 분량은 생각보다 많아서 미리 사용할 기술스택 및 라이브러리를 선정했습니다.
선정 기준은 짧은 시간에 다량의 작업이 필요하여 자주 사용하는 기술스택으로 선정하였습니다.
또한, 웬만한 작업은 오픈소스 라이브러리를 사용하여 빠르게 구축할 수 있도록 계획했습니다.
기능 분배, 일정산정, 작업순서 선정
대략적인 기능분석을 토대로 어떻게 기능을 분배할지 논의하였습니다.
결론적으로 ui담당자와 api담당자 둘로 나누어 디자인이 작업될 부분과 api가 우선적으로 나와야 할 부분을 구분하여 각 파트에게 요청했고, 먼저 나온 순서대로 각 담당자가 작업하는 방향으로 진행했습니다.
ui 담당자는 각 화면별 router 등의 뼈대를 구축하면서 공통 컴포넌트를 생성하고,
api 담당자는 상태관리 구조 및 api구조를 작업하는 등 역할을 분담했습니다.