solid_blue.png
_2021-04-03__9.51.10.png

[0407~ 0415] React JS Improved Calendar

기술 스택
React
Redux
Firebase
부제
구글 캘린더에서 한단계 진화!
모집 마감
2021/04/06
스터디 시작
2021/04/07
스터디 종료
2021/04/15
thumbnail
스크린샷 2021-04-03 오전 9.51.10.png

What are we going to do?

만들어 보고 싶었던게 있었습니다.
여러가지 투두, 매니지먼트를 해야 하는 앱들이 있는데, 뭔가 다 좀 아쉽습니다. 나의 캘린더는 따로 있고, 캘린더에 아이템을 집어 넣어도, 된건지 안된건지 체크 하는 기능은 missing, 못했던 것들을 다시 챙기고 싶은 todo도 정확히 되지 않던 아쉬움이 많습니다.
Ideally 구글 캘린더 서비스와 연동까지 하는 것을 하는 것을 하고는 싶지만, 2주안에 하기에 본업과 병행하기에 무리일수 있기에, 간단히 firebase와 기초 작업으로 진화된 구글 캘린더를 구성하는 스터디를 기획했습니다. 저는 전체틀을 만든 후에, 한달내로는 한 번 구글 캘린더와 연동해서 저의 시간을 잘 관리하는 앱을 만들어서 쓸예정입니다.
해당 스터디는, 리액트, Redux, Middle Ware를 안다고 서로 전제 하고 진행 하겠습니다. 각자 편안한 middleware를 써서 작업합니다. 저는 saga를 써서 작업을 할 예정입니다.

참석 조건

Redux, Middleware (각자의 선택) 은 알고 있어야 합니다. 스스로 만들 수 있는 사람들이 하는 스터디 입니다.
Firebase는 모르셔도, 간단히 다큐먼트로 공유드릴예정입니다. 매우 간단합니다.

목표

진화된 구글 캘린더 만들기
진화의 범위는 각자 선택. 미니멈
일주일 동안 내가 만들어둔 타임라인 투두가 잘 이루어졌는지 모아서 볼 수 있는 간단한 페이지 추가!

진화된 구글 캘린더의 정의

현재 구글 캘린더에 있는 모든 기능을 다 만드는 것은 아닙니다.
기능
주차별 이동
달력에서 아이템 추가
지나간 시간은 gray처리
아이템은 달성했는지 안했는지의 체크 여부 attr가 있음.
지나간 시간에서 달성 여부를 체크 하지 않은 것은 다른 스타일로 처리
해당 아이템은 다른 시간에 다시 할 수 있도록 수정하는 간단한 폼
나의 스케쥴 서머리
각 주차별, 아이템들 중에서 달성한 것과 달성하지 않은 것, 을 간단히 서머리 해서 볼 수 있는 컴포넌트
그 다음은 각자 멋지게 완성하기
Data Server
fullstack developer라면 스스로 빌드
그렇지 않은 경우는 firebase store사용
아직 접해보지 않은분을 위한 간단한 문서및 vod 제공

참석인원

저를 포함하여 5명으로 제한 하겠습니다.
인원 제안을 해야 하기 때문에, 챌린저스로 디파짓을 하지 않겠습니다.

스터디 방식 (총 4회)

As always, zoom으로 합니다.
이틀을 연속으로 붙였습니다. 참석자 분들이 각자 하시는게 있고, 할 때 몰아서 진행을 하는게 더 효율적이라고 판단 했습니다.
소규모로 진행할 예정이고, 서로 줌으로 대화하면서 진행하겠습니다.
한국시간 4월 5일 자정까지 신청 받고, 바로 슬랙으로 초대드립니다.
오전 9시 ~ 10시에
4/7 - 프로젝트 계요 설명. 각자 투두 세우고 계획하기. 어떤 아키텍으로 만들지 서로 공유하기.
4/8 - 프로그레스 체크 & 각자 코딩하기 & 질문하기
4/14 - 중간 점검
4/15 - finale! - 나의 작품 서로 공유하기.

스터디에 바라는 점

서로 재밌고 쓸모있는 라이브러리 나누기
아키텍쳐에 대해서 서로 고민 나누기
자유로운 토론. 서로 이끌어주는 건강한 스터디!

Deposit

kakao sungpah2 를 검색해서, 2만원 디파짓을 보내주세요. 6명모집이 끝나면, 디파짓은 반환 하겠습니다.
전체 출석을 하신 경우에 100% 리펀드 됩니다.

신청

구글 폼으로 신청 후, 해당 아이디로 디파짓을 보내주세요
아래 폼에서 챌린저스 아이디 부분은 무시해주세요.