D-1 :+1: - HackMD

--- ### 191220 # D-1 :+1: 1. 신철헌 - 어제 한 일 : 네아로로그인 검수 신청, 마이포토폴리오 페이지 - 오늘 할 일 : 배포 - 이슈 : 네아로로그인 검수 결과는 과연? 2. 이준호 - 어제 한 일 : 리팩토링 - 오늘 할 일 : 배포 - 이슈: 3. 조민지 - 어제 한 일 : 리팩토링 - 오늘 할 일 : 마지막 배포 - 이슈 : 발표 자료 시나리오 생각해봄 --- --- ### 191219 # D-1 :+1: 1. 신철헌 - 어제 한 일 : 팔로우 팔로잉 팝업내 팔로우 팔로잉 기능 마저 구현하기 - 오늘 할 일 : 로그아웃 버튼 위치 이동 , 프로필 사진 올리기 기능, 리팩토링 - 이슈 : 2. 이준호 - 어제 한 일 : 리팩토링 - 오늘 할 일 : 리팩토링, 에러 고치기 - 이슈: 발표때 말할내용 정리, 오늘은 칼퇴 3. 조민지 - 어제 한 일 : 조회수 리팩토링, axios - 오늘 할 일 : axios 다 빼기, rem 으로 고치기 - 이슈 : 목요일 마지막 개발날!!! 화이팅!!! --- ### 191218 # D-2 :+1: 1. 신철헌 - 어제 한 일 : 팔로우 팔로잉 기능 거의 완성 - 오늘 할 일 : 팔로우 팔로잉 팝업내 팔로우 팔로잉 기능 마저 구현하기 , 로그아웃 버튼 위치 이동 , 프로필 사진 올리기 기능 - 이슈 : 프로필 사진 올리기 기능이 빡셀것 같음 프로필 사진 올리기 기능, 포토폴리오 내에서, 자기 카드만 보이는 기능도 구현되야 함 2. 이준호 - 어제 한 일 : 디자인 다듬음 - 오늘 할 일 : 음악디테일에 댓글 넣기 - 이슈 : 깜박이는거 없애기 3. 조민지 - 어제 한 일 : 음악 카드 만들기, 음악 피드 무한스크롤, 무한스크롤 refactory, wallpaper 다운로드 - 오늘 할 일 : 조회수, work_image? work_wallpaper?, 다운로드 수? - 이슈 : 오늘 스터디감, --- --- ### 191217 # D-3 :+1: 1. 신철헌 - 어제 한 일 : 로그아웃 기능 - 오늘 할 일 : 서버 api에 맞춰 팔로우 팔로잉 기능 수정 및 완성 - 이슈 : 로그아웃 버튼의 위치 2. 이준호 - 어제 한 일 : - 오늘 할 일 : - 이슈 : 3. 조민지 - 어제 한 일 : 이미지 업로드 text editor 수정, 음악 피드 카드 만들기 - 오늘 할 일 : 음악 피드 카드 수정, 음악 메인 피드 infinite 적용 - 이슈 : 오늘 8:30분 퇴근 --- --- ### 191216 # D-4 :+1: 1. 신철헌 - 어제 한 일 : - 오늘 할 일 : - 이슈 : 2. 이준호 - 어제 한 일 : - 업로드 -> 소켓 이벤트 발생 - user.notifications 추가 - 댓글 디자인 변경 - alert 디자인 변경 - 오늘 할 일 : - 자잘한 버그수정 - 알림창 디자인 - socket event -> 새로운 데이터 dispatch - 이슈 : - 알람 받았을때 어떤 반응을 보여줄지? 반짝, 깜빡, 흔들, 빨간점 :+1: ... 3. 조민지 - 어제 한 일 : 자신의 follower, following 사용자 정보를 얻을 수 있는 API 개발, water mark추가 - 오늘 할 일 : 자잘한 버그 수정, 글씨 editor 추가, 음악 피드 infinite scroll 추가 - 이슈 : - 저 해드폰 수리 맡겨야할거 같아서 점심시간시간에 수리점 갔다 올게요! --- --- ### 191213 # D-6 :+1: 1. 신철헌 - 어제 한 일 : - 오늘 할 일 : - 이슈 : 2. 이준호 - 어제 한 일 : - 소켓연결 - 이미지 업로드시 소켓 이벤트 발생 - 오늘 할 일 : - 버그데이 - 디자인 수정 - 이슈 : - 도메인 구입 3. 조민지 - 어제 한 일 : 팔로우 API 만들기, 양쪽으로 following, follower 추가 - 오늘 할 일 : 작품 upload시 follower 들에게 msg 추가, infinite scroll 버그 수정, 배포! - 이슈 : - ts-> js 컴파일 후 배포하기 - 도메인 구입! --- 클라이언트 - redux로 렌더링 최적화, 전역 state 관리 - infinite scroll 구현 - Typesctipt - naver Oauth 로그인 - StyledComponents을 이용한 컴포넌트 단위 디자인 구성 서버 - express API 서버 - JWT 기반 사용자 검증 미들웨어 - shell script로 서버 배포 자동화 - socket.io 를 이용한 실시간 notification 인프라 - Ncloud - image optimizer로 압축된 이미지 제공 - Obeject Storage 활용 - Docker - mongoDB, redis - nginx reverse-proxy 구성 - eslint, prettier 코드 컨벤션 유지 --- ### 191212 # D-7 :+1: 1. 신철헌 - 어제 한 일 : - 프로파일 페이지 팔로워 목록 컴포넌트 껍데기 - 오늘 할 일 : - 프로파일 페이지 팔로워 목록 컴포넌트 - 팔로워, 팔로잉 - 알람기능 컴포넌트 - 이슈 : - 알람 기능 ㅠㅠ 2. 이준호 - 어제 한 일 : - 라인 기업탐방 - 도커로 redis 띄움 - express - redis 연결 - socket 연결 - 로그인 이후 유저의 socketid를 redis에 저장 (key-value - userid-socketid) - 오늘 할 일 : - 팔로워들에게 알림 날리기 - notifyToFllowers(creator, works, followers) - creator (user data) - works (works data) - followers (user.oid[]) - music feed 데이터 가져오기 - 이슈 : - 스키마를 고치면서 소통의 어려움이.. 3. 조민지 - 어제 한 일 : 팔로우 API 만들기, 양쪽으로 following, follower 추가 - 오늘 할 일 : 작품 upload시 follower 들에게 msg 추가 - 이슈 : - 오늘 수영가요! - 오늘의 날씨 -2도 입니다. 내일은 -5도라고 하네용! 더 추워용 ㅜ --- --- ### 191210 # D-9 :+1: 1. 신철헌 - 어제 한 일 : 헤더 구조 개선 등, 버그데이 이슈 해결 - 오늘 할 일 : 팔로잉, 팔로워 기능을 위한 포토폴리오 페이지 수정 - 이슈 : 포토폴리오 디비 수정 (owner빼기) 2. 이준호 - 어제 한 일 : - musicplayer 수정, - abort controller 공부 - 음악 상세 페이지 - 오늘 할 일 : - 소켓 서버 생성 - 팔로우 알람 기능 만들기 - 댓글 디자인 수정 - 음악 상세에 댓글기능 추가 - 이슈 : 소켓, 레디스,, 너무 할 일이 많음 3. 조민지 - 어제 한 일 : infinite scroll 완성, 버그 수정 - 오늘 할 일 : 기업탐방, 팔로우 팔로잉 구조 설계 - 이슈 : 오늘 스터디, --- --- ### 191206 # D-10 1. 신철헌 - 어제 한 일 : :-1: - 오늘 할 일 : 버그 정리, 알림 기능 고고 소켓 한번 알아볼게요~~ - 이슈 : 소켓이 뭐지 2. 이준호 - 어제 한 일 : setState의 비밀을 풀었다. - 오늘 할 일 : 음악 업로드에 rich text editor 붙이기 - 이슈 : - rich text editor = quill ? slate - 버그데이 이슈 해결하기 3. 조민지 - 어제 한 일 : 동면, ts build하는법 찾아보기 - 오늘 할 일 : infinite scroll 버그 수정 - 이슈 : 오늘은 늦게가는 날 --- --- ### 191206 1. 신철헌 - 어제 한 일 : 머지, 배포 - 오늘 할 일 : 배포 연구 및 정리 - 이슈 : PM2??? 2. 이준호 - 어제 한 일 : 머지, 배포 - 오늘 할 일 : 앞으로 추가할 기능에 대해 생각하기 - 이슈 : - 디자인: sticky header 투명화하기, 무한 스크롤링 로딩 자리 바꾸기 - 초기페이지 주소 리다이렉션 바꾸기 - 로그인페이지 사진: 반복해서 나타남-> background-repeat: round - 음악 피드: 정렬이 맞지 않음-> justify-content: start; 3. 조민지 - 어제 한 일 : - 오늘 할 일 : - 이슈 : --- --- ### 191205 1. 신철헌 - 어제 한 일 : 포토폴리오 페이지, 포토폴리오 수정 페이지 (서버 api도 같이 함) - 오늘 할 일 : 머지, 배포, 포토폴리오 수정 페이지 디자인 다듬기, 프로필 사진 올리기 ?? - 이슈 : 뭐 없음 2. 이준호 - 어제 한 일 : 음악 업로드 - 오늘 할 일 : 머지, 배포, 견학가요 마리트 - 이슈 : 디자인 수정 조금하기, 코드 다듬기 3. 조민지 - 어제 한 일 : 인피니트 스크롤 구현, 이미지 업로드 페이지 preview 수정 - 오늘 할 일 : 이미지 업로드 페이지에 text editer 추가, 배포하기, 머지 - 이슈 : 오늘 수영안가용! 7시 퇴근 바람! --- --- ### 191204 1. 신철헌 (포토폴리오 페이지) - 어제 한 일 : 폼체크 유틸 활용, 회원가입 로그인 실패 메시지 - 오늘 할 일 : 포토폴리오 페이지, 프로필 사진 올리기 - 이슈 : DB, 사용자 가입시 빈 포토폴리오를 넣어주자!!! 2. 이준호 - 어제 한 일 : - 작품 상세페이지 디자인 수정 - 음악 상세 디자인 수정 - 반복 재생 기능 추가 - 글꼴 변경 - 오늘 할 일 : 업로드 화면 만들기, 텍스트 에디터 만들기 - 이슈 : 글꼴이 다 별로임. 이쁜 폰트를 찾아보자 3. 조민지 - 어제 한 일 : 무한 스크롤 연구하기, hook 공부하기, 준호님 코드 분석 - 오늘 할 일 : 무한 스크롤 구현하기 - 이슈 : 금요일 면접 5:00-6:00, 오늘 점심 김치찌개 먹고 싶다. --- --- ### 191203 1. 신철헌 (포토폴리오 페이지) - 어제 한 일 : 로그인 버튼 문제, 코드 리뷰 적용 - 오늘 할 일 : 포토폴리오 페이지, 프로필 사진 올리기, 폼체크 유틸 활용, 회원가입 로그인 실패 메시지, - 이슈 : 프사프사 2. 이준호 (음악 업로드 페이지) - 어제 한 일 : 음악 재생 컴포넌트에 볼륨조절, seek bar, 반복재생 기능 추가 - 오늘 할 일 : 코드정리, - 이슈 : 음악업로드하자, 스테이트 관리못하겠음 3. 조민지 (메인화면 무한스크롤) - 어제 한 일 : 면접 잘 다녀왔습니다. 부스트캠프 화이팅! - 오늘 할 일 : 무한 스크롤 연구하기, 업로드에 글쓰기 기능 추가하기, random string 추가 - 이슈 : 수영가요. 이날씨에? --- --- ### 191202 1. 신철헌 - 어제 한 일 : 휴식 - 오늘 할 일 : 로그인 버튼, 폼체크 유틸 활용, 회원가입 로그인 실패 메시지, 코드 리뷰 적용 - 이슈 : 스타일드 컴포넌트 네이밍 컨벤션 로그아웃 2. 이준호 - 어제 한 일 : 작품 상세페이지에 유저 정보 연결, 댓글에 유저정보 연결 - 오늘 할 일 : 음악 재생 컴포넌트 만들기 - 이슈 : meterial-ui icons 적용하기, lint warning 을 없애보자. useFetch 다듬기 3. 조민지 - 어제 한 일 : - 오늘 할 일 : - 이슈 : --- --- ### 191129 1. 신철헌 - 어제 한 일 : 머지, Oauth문제 해결 ( secret키를 재발급 받으니 해결됨) - 오늘 할 일 : 배포 - 이슈 : Oauth 리다이렉트 url을 수정해야 됨 2. 이준호 - 어제 한 일 : 리팩토링, useEffect 다듬기 - 오늘 할 일 : 배포 - 이슈 : 커스텀 훅 데이터 타입 3. 조민지 - 어제 한 일 : 머지데이 - 오늘 할 일 : 배포, 리뷰 정리하기 - 이슈 : 월요일 5시 면접 --- --- ### 191128 1. 신철헌 - 어제 한 일 : jwt 를 미들웨어로 바꾸기(이게 시간이 많이 걸린 듯), oauth를 실제 로그인페이지에 적용하기 - 오늘 할 일 : oauth 마무리, 리팩토링, 머지 - 이슈 : 로그아웃을 고려 안 한듯 2. 이준호 - 어제 한 일 : 작품 디테일 페이지 컨테이너로, presentational 로 분리 - 오늘 할 일 : 리팩토링, useEffect - 이슈 : 컨테이너의 역할?? 3. 조민지 - 어제 한 일 : 팝업창 디자인, 업로드 그만하기 - 오늘 할 일 : 머지데이, 서버쪽 pm2 랑 도커 설정 - 이슈 : today is our party time!! --- --- ### 191127 1. 신철헌 - 어제 한 일 : 로그인 페이지에 리듀서 적용, 앱 리로드시마다 로그인된 사용자 상태 업데이트 - 오늘 할 일 : 시간 그만쓰고 빨리 라이브러리 적용해서 디테일을 마무리함 ( 로그인, 회원가입 ) - 이슈 : 회원가입 input 검증 - 라이브러리 ? 로그인 페이지 경고 모달 - 라이브러리 ? 라이브러리 적용 태그 - https://www.npmjs.com/package/react-tag-input 2. 이준호 - 어제 한 일 : work-detail 페이지 디자인, 이미지 데이터 받아오는 api 작성 - 오늘 할 일 : work-detail 에 들어갈 댓글,대댓글 기능 - 이슈 : 택배받으러 캁퇴. useFetch 리팩토링 3. 조민지 - 어제 한 일 : 머지데이, 업로드 선택 페이지 디자인 - 오늘 할 일 : 팝업창 디자인, 업로드 그만하기 - 이슈 : 오늘 7:30분 스터디, 1:00 카모아 방문...(내워머..) --- ### 이번주 목표: 이미지 업로드, 작품 업로드 완성도 #### 스프린트 계획 회의 - 크게 작업 범위를 세 단위로 나눈다. (메인, 업로드, 인증) - 이준호님이 메인의 완성도를 높인다. - 조민지님이 업로드의 완성도를 높인다. - Ncloud Image Optimizer을 이용해 원본 이미지를 다양한 해상도의 디바이스에 최적화된 섬네일로 변환한다. - Image의 타입을 (다운로드 할 수 있는 이미지, 다운로드 할 수 없는 이미지)로 나눠서 object storage에 넣는다. - 업로드 페이지의 front의 완성도를 높인다. - 팝업창을 띄워 public, feild, 댓글 허용등 부과적인 정보를 채워넣을 수 있는 front를 만든다. - 신철헌님이 인증 관련 페이지들을 구현한다. - 이미지 상세페이지 만들기 - 음악 업로드페이지 만들기 #### 메인페이지 - 담당자: 이준호 - 작업량: ⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️ - 우선순위: 1 - 테스트 목적과 상황 - visitor는 피드탭이 없고 우측 상단에 로그인버튼이 보인다. - member는 피드탭이 있고 우측 상단에 로그아웃, 내정보 버튼이 보인다. - member는 우측상단에 업로드 버튼이 있다. - 피드는 card 형태로 위에서 아래로 배치되고 무한스크롤이 가능하다. - 각 card의 크기는 이미지에 따라 다르다. - 시나리오 진행에 필요한값 - 토큰값 - 팔로우한 유저들의 피드 데이터 - 시나리오를 진행하는 데 필요한 조건 - 로그인 기능을 통한 토큰을 받아올 수 있어야 한다. - 시나리오를 완료했을 때 보장해야 하는 결과 - visitor는 랜덤한 데이터의 메인화면을 볼 수 있다. - member는 자신이 팔로우한 유저의 피드를 볼 수 있다. - visitor / member에 따라 보이는 화면이 다르다. - header / footer가 상단 / 하단에 위치한다. #### 로그인 화면 만들기 - 담장자: 신철헌 - 작업량: ⭐️⭐️ - 우선순위: 2 - 테스트 목적과 상황 - 로그인 버튼을 눌렀을때 나오는 화면 - 로컬로그인, 네이버로그인 선택이 가능해야함 - 시나리오 진행에 필요한값 - 회원가입된 계정 - 사용자가 email, pwd, name 입력한 값 - 시나리오를 진행하는데 필요한 조건 - 사용자 정보가 디비에 있음, 없으면 로그인 실패 - 시나리오를 완료했을 때 보장해야 하는 결과 - 로그인 화면에 접근 가능해야 한다. - 로그인을 성공하면 메인 화면으로 간다. - 로그인을 실패하면 로그인 화면으로 간다.(경고장 띄움) #### 업로드 타입을 선택하는 화면 만들기 - 담장자: 조민지 - 작업량: ⭐️⭐️⭐️⭐️⭐️ - 우선순위: 3 - 테스트 목적과 상황 - 로그인한 사용자가 우측 상단에 업로드 버튼을 클릭했다. - 시나리오 진행에 필요한값 - 사용자가 이미지, 음악을 선택한다. - 이미지, 음악에 대한 부가설명 (텍스트) - 시나리오를 진행하는데 필요한 조건 - 사용자의 입력값 - 시나리오를 완료했을 때 보장해야 하는 결과 - 사용자가 이미지를 클릭하면 이미지 업로드 화면으로 이동한다. - 사용자가 음악을 클릭하면 음악 업로드 화면으로 이동한다. #### 이미지 업로드 화면 만들기 - 담장자: 조민지 - 작업량: ⭐️⭐️⭐️⭐️⭐️ - 우선순위: 4 - 테스트 목적과 상황 - 사용자가 이미지를 클릭해서 이미지 업로드 화면으로 이동했다. - 시나리오 진행에 필요한값 - 작품의 제목 - 이미지 파일 - 시나리오를 진행하는데 필요한 조건 - 제목은 필수로 입력해야 한다. - 이미지 파일이 있어야 한다. - 시나리오를 완료했을 때 보장해야 하는 결과 - 제목을 입력안하고 업로드 버튼을 누르면 '제목을 입력해주세요'라는 경고창이 뜬다. - 입력값이 다 있다면 세부사항(공개여부, 댓글허용여부, CCL)등을 설정할수 있는 창이 뜬다. #### 회원가입 화면 만들기 - 담장자: 신철헌 - 작업량: ⭐️⭐️ - 우선순위: 5 - 테스트 목적과 상황 - 회원가입을 통해 로컬 계정 생성 확인 - oauth를 통해 로컬 계정 생성 확인 - 시나리오 진행에 필요한값 - 회원가입에 필요한 정보 (메일(계정), 이름, 비밀번호 ) - 네이버 계정 - 시나리오를 진행하는데 필요한 조건 - 정확한 타입의 데이터인지 확인함 (메일, 이름) - 해당 이메일로 기존의 계정이 없음 - 시나리오를 완료했을 때 보장해야 하는 결과 - 로그인 사용자가 볼 수 있는 메인페이지로 이동

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.