제가 이 프로젝트를 통해서 만들고 싶은 건 컴퓨터 마이크, 그리고 핸드폰을 이용한 정말 간단한 알림 앱이에요.
PWA로 만들어 PC에서도, 모바일 환경에서도 돌아갈 수 있도록 하려해요.
사용 방법 :
컴퓨터 웹에서 시작 버튼 클릭 → 20초가 지난 시점부터 소리 감지 → 소리가 났을 시 핸드폰으로 소리가 났다고 노티 보냄
장점!
pwa를 사용한 합리적인 이유를 말할 수 있음 :
누군가 ‘왜 굳이 pwa로 만들었나요? 겉멋인가요? ㅎ’ 라고 물어보면 ‘pc가 감시역할, 핸드폰이 알림 역할을 해줘야해서 두 기기 모두 필요해요.
또한 모바일 앱과 같은 백그라운드 푸시 알림이 필요해요. 그래서 pwa로 만들었어요’ 라고 pwa를 사용한 타당성을 말할 수 있어요.
난이도 조절 :
프로젝트를 할 때 가장 중요한 건 프로젝트를 마무리 하느냐 못하느냐 인 것 같아요.
이 웹앱은 기능이 정말 단순하여 난이도 조절에 조금 더 유연해요.
말 그대로 하 → 중 → 상 순으로 개발을 진행하다 모두 개발이 안 되더라도 기한이 다 되면 그 순간 프로젝트 마무리가 가능해요.
1)난이도 하 : pwa로 구현하지 않고 웹에서 웹으로 노티를 보냅니다
2)난이도 중 : pwa로 구현하고 aws로 서버를 구축하여 웹에서 모바일 앱으로 노티를 보냅니다.
3) 난이도 상 : 한 아이디로 세 개 이상의 컴퓨터에서 동시에 작동될 수 없도록 리미트를 겁니다.
노티를 보낼 수 있는 핸드폰도 한 아이디 당 3대로 제한 합니다. 소리가 났던 당시의 해당 녹음 파트를 핸드폰에서 틀을 수 있습니다.
기기가 녹음을 잘 할 수 있는 컨디션인지 마이크를 확인하는 테스트를 합니다.
저희 수준에 따라 난이도 조절을 해서 무슨 일이 있어도 프로젝트를 마무리 짓는 것이 목표예요.
지역 :
현재 팀원분들과의 중간 지점이 한양대라서 한양대역 또는 왕십리역 근처에서 만나려 합니다.
하지만 꼭 오프라인 모임에 참석하지는 않아도 되요. 디스코드로 온라인 미팅도 병행합니다.
목적
: 네트워킹 / 실력 향상 / 포폴
모임 시간
: 미정 (팀원분들과 합의 예정입니다. 일단 저는 일요일 오후 2시부터 5시를 제외한 모든 요일, 모든 시간 다 가능합니다. 될 수 있으면 주 2회 2시간씩 모임을 잡으려 해요)
모임 기간
: 8월 30일 ~ 10월 28일
모집 인원
프론트엔드 개발자 : 2~3명(현재 프론트 개발자분들은 다 모집하였습니다!)
백엔드 개발자 : 4명 (본인 포함)
기술 스택 :
1) 프론트엔드
: Next.js / Typescript / Tailwind
(현재 이 스택으로 개발 진행 중입니다)
2) 백엔드
: Express 또는 Nest.js / MongoDB / AWS
(현재 express 와 nest 중 고민을 하고 있는데 나머지 백엔드 두 분 들어오시면 그 때 같이 모여 논의 후 프레임워크를 확정지으려 합니다)
3) pwa : Lighthouse
프로젝트는 깃허브에 전체 공개로 합니다.
현재 프론트 2명, 백엔드 2명으로 팀이 구성되어 있습니다.
현재 랜딩 페이지까지 완성했고 Api 스펙 문서를 작성하고 서로 의논하는 과정 중에 있습니다.
프론트는 경력자분이 계셔서 굉장히 수월하게 진행 중이지만
백엔드는 저희 두 명 다 취준생이라 저희 api 디자인이 맞는지, 백엔드 진행 순서가 이렇게 되는 것이 맞는지 계속 의구심이 드네요.
그래서 백엔드 같은 경우는 두 분 더 오셔서 서로 머리 맞대고 설계를 고민해보면 좋을 것 같아요!
그렇다고 꼭 경력이 있는 분을 찾는다 이런 이야기는 전혀 아니에요.
취준생 4명이 모여서 서로 더 나은 디자인을 고민하다보면 정말 괜찮은 결과물이 나올 수 있다고 믿습니다!
마지막으로
https://liberating-riverbed-14c.notion.site/f06cea8a74484d8cbe9d1462a08105b6?pvs=4
이게 제가 만들고 싶은 웹앱입니다.
일단 기획을 대략적으로 해보고 있는 중인데 많이 어렵네요.
어떻게 하면 내용이 알차면서도 조금이라도 더 쉽고 수준에 맞게 설계를 할 수 있을지에 대한 여러분의 조언이 필요합니다.
프로젝트 시작은 8월 30일부터지만 그 전부터 디자인 및 설계에 대해 이런 저런 의견 많이 내주시면 감사하겠습니다!
#NodeJS
#ExpressJS
#NestJS
#MongoDB
#AWS
이 프로젝트는 지원을 기다리는 중😁
프로젝트 지원하기