20240425 맘대로 해봐라! 3차 프로젝트 FlowNary SNS 8일차

24.04.24 대화 / 작업내용
# 1교시
회의

성한
로그인 창 구현해서 로그인 클릭했을 때 아이디 비밀번호 입력해서 홈으로 진입할 수 있게
레지스터 순현이랑 모달창 안나오는거 해결하려고 했으나 실패
창 ㅎ라나 구글 창 나와서 디비 상으로는 다 들어와서 문제가 크지는 않겠다라고 생각
세팅창에서 테마 스위치 불렀을 때 변경되는거랑 온오프 
비번 변경 눌렀을 때 변경되는 지 확인 해야함

병학
4.25 10:40 ~ 11:15 entity 완료
엔티티티디에이오오중요 :  로그인 파이어베이스 인증 저장된 것 파이베이스만 저장하는 게 아니라 에스큐엘에 저장하는 걸 확인 해봐야 해요 어떤 방식으로 하는 지 알아야 스프링에서 리액트로 보내는 것과 그 반대의 경우도 찾아서 해봐야 함

포스트로 받으면 되지 않을까요 그거는 불완전할 수 있을 것 같아서요 겟해서 스프링으로 받아오잖아요 스프링에서 포스트를 해서 페이지를 읽으면 되지 않을까요 포스트로 하는 것과 서버 제이쓴을 사용 참조 해서 하는 것 아예 할 줄 몰라서서그걸 병학 씨가 하시기로 함

주영 
이모티콘 반응형으로 만드는 것 백을 하고 싶어서 백의 기능 보드 쪽 게시글 쓰기 삭제 수정 사진 첨부 동영상 첨부 리스트로 카드 리스트 무한스크롤 데이터를 다 보내서 폴제이슨에 저장해놓고 일부분 싹 받아와서 무한스크홀아 ㄷ함 알종 걋슈룰  스크롤 인식 제이슨으로 받는 것

영준
디비 해시태그누락 데이터 추가중 
오늘 디비 작업 이어서 계속 
검색기능 구현 하고 싶으심 백엔드 - 순현

순현
로그인 다른 사람 가능한데 영준씨 구글 연동이 안됨
다른 사람은 다 넘어옴
콘솔창 오류 제대로 돌아가게 
구글 로그인 워닝
구글 로그인 하면 바로 로그인
처음 로그인과 나중 로그인 되었다고 뜨게 하고 싶은데
구글 로그인 - 회원가입 2번째 부터는 DB 에 들어가는지 모르겟음
아무리조건을 나눠도 들어가는 것을 확인을 못하면 구글 로그인만 하는 것으로
로그인 되었습니다 알러트 창만 뜨게 할 것
그게 안되서 일단 이것 먼저 구현 원함


브레인 스토밍
페이지 우선순위 로그인 로그아웃 설정
로그인/레지스터 - 홈 - 글쓰기 - 설정 - 프로필 - 검색 - DM

병학 :
로그인-성한(로그인,레지스터),순현,병학,세팅-userDB uid에하나씩있어야함
넘겨진 값에서 파이어베이스(이메일) SQL=모든정보가 다 오게 
회원가입 하면 정보저장이 파이어베이스에 되어있으니
암호화를 이메일을 넘겨주면 그대로 DB에 저장이 되기 때문에

주영-글쓰기 부분, Aside에 DM추가,페이지 링크 연결 설정 - 프로필 - DM 

성한 - 글작성

영준, 주영, 순현 - 검색

순현 알림창 수정 후 영준 주영과 합류 검색작업 

윤주 : 기획안 사이트맵 마무리 3교시 안에 끝내기

0순위

로그인 로그아웃 설정 홈화면 uid session

알림 - 알림 오면 페이지 자체 내로 변화, 갱신, 갯수 세는 것, 뱃지 없어지고 생기는 것 등

채팅창

팔로워&팔로잉
마이페이지 통계 3 번째
캔바스태그 자체 문제 - 해결 어려움 (통계창 작아지는 문제)

친구추천목록

0순위 게시글 관련 정보 - 좋아요, 책갈피, 조회수 (통계와 연결)

통계

글작성

검색

책갈피

유저 추가

블랙리스트 

공유

Uid fid 보여줄때 다 지움 미리 조인을 해오고 같이 불러오는 것이 먼저 제외는 나중에


홈에 DM 버튼 만들고 채팅창은 모달로 구현
게시글 쓰기 - 성한 프론트 부장님
로그인 회원가입 설정 - 병학
보드 - 글쓰기 주영 백엔드
채팅 - 모달
알림
통계 - 병학씨
책갈피
친구추천
팔로워&팔로윙
공유



성한 : Posting(게시글쓰기) 페이지 프론트엔드 역할 담당

곽주영 : 
* = file upload
*board.zip
board.css랑 board.jsx 입니다
board  댓글 입력창 수정했습니다
그리고 node_modules에서 react-input-emoji 폴더 들어가서
index.es.js와 index.js에서 12~38번째줄 styleInject함수부분 지워야합니다.

---------------------------------------------------------------------------------------
# 2교시
이윤주 : 업무 바로 시작하세요
안순현: 로그아웃 기능 버튼 클릭 구현 하기, 구글 회원가입 - 최초 회원가입과 이후 로그인 알림창 구분하기, 성한이 백엔드 공부시키기(user 메인으로 로그인/회원가입/세팅 부분 확인), 영준씨 파이어베이스 연동 같이 체크하기

윤영준: Search 백엔드 기능구현 / flownary routing table ( title, bContents ) 최종 수정하기 / firebase register와 구글 연동 시키기

곽주영 : react-input-emoji 마무리 작업, SnsBar.jsx { xs , lg } 반응형 만들기 

정성한 : 백엔드 공부 및  setting창 백엔드 작업 도전하기(실패가능성 : 98.987%)

이윤주 : 예시 - SiteMap 완성하기 / 예상질문달아놓기/대화정리하기/파이어베이스연결확인하기/주간보고서작성하기/중간발표PPT제작하기/플로우너리홈페이지디버깅

이병학 : Entity, Dao 파일 추가
Spring을 이용해서 DB 파일을 React로 보내는 거 테스트 (Board, Notice)
User 회원가입할 때 Firebase와 함께 User DB에도 데이터 추가도록 기능 수정

------------------------------------------------------------------------------------
# 3교시
곽주영: aside.jsx --> 설정 프로필 DM 링크 연결 했습니다
저희 아직 sql 세팅중이죠?

이병학 : *flownary.sql
Board에 hashTag (varchar 200) 추가한 버전입니다

윤영준 : 10:40  firebase 구글연동 시작  ~ 11:14 firebase  firebase 구글연동 성공

이윤주 : 레이아웃 - 글쓰기
*스샷1. 기본
*스샷2. 위치 입력, 공개/비공개 설정 추가
*스샷3. 위치 입력 - 아코디언 적용 시

이윤주 : 기획안 PPT 올려드리면 지금까지 가지고 계셨던것 삭제필수


--------------------------------------------------------------------------------------
# 4교시
이윤주 : 자신이 한일 체크하심과 동시에
몇시부터 몇시까지 작업했는지 주간보고서에 써주세요

정성한 : 다른 분들도 자신이 한일 체크하심과 동시에
몇시부터 몇시까지 작업했는지 주간보고서에 써주세요

이윤주 : 구글 드라이브에 체크하시면서 직접 작성해 주시기 바랍니다
*구글 드라이브 예시 스크린샷

곽주영 : snsbar xs사이즈 수정할부분이 있을까요?
이윤주 : 제가 가서 볼게요. 로그아웃 버튼을 더 우측으로 이동해 주세요

팀원 진행사항 중간 점검
이병학
react에서 Spring 보내는 것은 쉬운 것 같아 금방 처리 가능
user 등록 했을 때
firebase+SQL 에도 추가 시도 중

윤영준 DB 좋아요수 SnsId 해시태그 게시글내용을 다듬는 작업중
게시글 갯수 : 60
5~6교시 안에 끝낼 예정
7~8교시 DB 에 직접 Insert 할 예정

곽주영 SnsBar - Tool Bar
자체 css로 되어 있는 padding 걸려있는 어려움은
Style components library 이용하면 해결 가능할듯 
5교시 작업 끝 예정
6교시 게시물 쓰는 것 - 백엔드 작업 시작 예정

정성한 게시글 프론트엔트 작업중 - 4교시 완료
5교시~6교시 비번 설정 되는지 확인
세팅창에서 테마 스위치 불렀을 때 변경되는지 on/off 기능 확인
7~8교시 채팅창 DM 백엔드 구현 - 동업자 : 이병학

안순현 : 4교시 - Alert 구현 완료(차선적용완료)
로그아웃하면 로그인으로 가게함
5~8교시 : 검색 백엔드 기능 구현 - 동업 : 곽주영

이윤주 : 
5교시 : 완료회의내용정리 및 대화 내용 정리 / 팀원 업무 중간 점검 및 기록
6교시 : ppt 작업 (게시글 작성 레이아웃) > 구글 드라이브 pdf 변환 업로드 
7~8교시 : 오늘 한 일 / 내일 할 일 / 

--------------------------------------------------------------------------------------
# 5교시
곽주영 : toolbar 태그 자체 padding 없애보도록 하겠습니다.

정성한 : 1:42 posting 기본적인 틀은 잡았습니다.

이윤주 : 1:47 레이아웃 추가 작업시작 - 홈 프로필사진+닉네임 SNS bar 우측상단구현
--------------------------------------------------------------------------------------
# 6교시
이병학 : *스샷 - 회원가입 DB랑 연동 완료  
이병학 : *flownary.sql
board에 nickname 추가한 버전입니다
혹시 미리 DB 추가하셨으면 board table에 항목 하나 추가하면 됩니다

이윤주 : 기획안 전부 다 삭제하세요
구글드라이브에 올리겠습니다

곽주영 : 
*메세지 ui 구현 스크린샷
메시지 ui 투표 받아요
 
--------------------------------------------------------------------------------------
# 7교시
전원 : 파일 종합/수정 작업

윤영준 : 
*flownary routing table.xlsx 
flownary routing table (title , bContents) 
좋아요 수 , sns id , 해시태그 추가 , 텍스트 정리 작업 완료했습니다.

이윤주 : 4시까지 작업합니다

정성한 : 
*글쓰기 구현 스크린샷

안순현 : 안순현
1. 0900 ~ 1040 회의
2. 1040 ~ 1045 snsBar 버튼 살리기(로그인 로그아웃)
3. 1045 ~ 1250 구글 로그인/회원가입 alert 바꾸기 (Google Cloud CLI 설치 필요)
   => 구현이 어려워 차선책인 한가지 alert로 진행
4. 1340 ~ 1545 aside 아이콘 및 로고 클릭 링크 연결 확인 후 추가 작업, Chatting Modal 구현 (with 주영)
5. 1545 ~ 1600 게시글 등록 Grid 교육 (for 성한)

곽주영 : *수정.zip
정성한 : *정성한.zip
이병학 : 제 파일은 구글드라이브 4.25 폴더에 있어요
곽주영 : notice.css 수정입니다

이윤주 : 
양식에 맞춰 다 하신분만 올려주세요
오늘의 작업 포인트 한줄이라도 꼭 써주시기 바랍니다
완료 보고 / 공유 파일 이외에 아무것도 올리지 마세요
공유파일은 구글 드라이브를 활용하세요 
- 변경사항이 있다면 설명만 적어주세요
완료 보고 하신 분은 내일 하실 일 작업하세요

<주간보고서>오늘 한일 체크
할 일 정리해서 주간보고서!!!!!!!!! 
제가 따로 하게 만들지 마시고 
개인이 한거 알아서 꼼꼼하게 체크 좀 해주세요

구글 주간보고서!!!!!!!!!!!!!!!!!!!!!!!
자기가 한 거 자기가 못챙기면 누락되는겁니다!!

<양식>
2024-04-2205 000
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
- 
- 
1. 카톡과 구글드라이브, 깃허브에 업로드 (완료)
2. 자기 파일에 이식 (완료)
3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)
4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)
5. 깃 업로드
6. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)

모든 사항 완료했습니다

--------------------------------------------------------------------------------------
# 8교시
<파일들이 많아져서 정리 쉽지 않을 때 팁>
#예시 
UserPage
component 5개 있다면
user page가 5개 일 때 (많을 때) css 정리 방법
무료 템플릿
Read me 이미지 추가 및 Demo 추가
유투브 스케줄러  mui free 템플릿 이용해보기
quick start meterial-kit/React
firebase database로 옮겼음
Spring 옮기기 번거로움으로 firebase database로 옮겨서 작업함

blog>view>post-card/post-sort component
BlogView.jsx 에서 component 를 내가 정의하면
blog 안에만 있어서 컴포넌트 관리가 편해짐

[선생님 깃허브에서 mui free templete 사용 방법 엿보기
github react-project-2024.04
https://github.com/ckiekim/React-project-2024.04/tree/main/src]

안순현 : 
*FinalTermProject-FlowNary.zip
오늘 종합본이고, react-input-emoji폴더는 
그대로 node_modules에 넣어주세요

정성한 : 
2024.04.24 정성한
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
11:00 ~ 11:10 스프링부트 및 리액트 연결 성공(Test.jsx)
11:30 ~ 12:50 게시글(Posting.jsx) 기본틀 작성
1:40 ~ 3:40 게시글 기본틀 조정 및 css 디자인 기초 끝
3:50 ~ 4:05 순현이형에게 grid 속성강의 받고 상단바 조정 및 첨부파일선택(테스트용)으로 구동결과 및 결과확인

작업 뽀인또 : 최대한 심플한 게시글 모양을 가지게 하였으며, 추후에 몇몇부분 수정 및 디자인 추가예정

1. 카톡과 구글드라이브에 업로드 (완료)

2. 자기 파일에 이식 (완료)

3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)

4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)

5. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)

모든 사항 완료했습니다




안순현 : 
*FinalTermProject-FlowNary.zip
Posting 모달로 뺏고, axios 추가했고, 경로 구분 다시 함

2024.04.25 안순현
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
1. 0900 ~ 1040 회의
2. 1040 ~ 1045 snsBar 버튼 살리기(로그인 로그아웃)
3. 1045 ~ 1250 구글 로그인/회원가입 alert 바꾸기 (Google Cloud CLI 설치 필요)
   => 구현이 어려워 차선책인 한가지 alert로 진행
4. 1340 ~ 1600 aside 아이콘 및 로고 클릭 링크 연결 확인 후 추가 작업, Chatting Modal 구현 (with 주영)
5. 1600 ~ 1710 파일 종합
작업 포인트 : alert는 구글의 보안이 강력함을 깨닫고, 차선책으로 진행하였습니다. 
파일 종합이 어려워 강사님이 알려준 정리 방법을 팀원들과 토의하여 그 방안을 내일 적용할 예정입니다. 
모달과 그리드, 그리고 창열고 닫는 등 기본적인 기능을 프론트 구현하는 팀원들에게 공유해야 할 필요성을 느끼게 되었습니다.

1. 카톡과 구글드라이브에 업로드 (완료)

2. 자기 파일에 이식 (완료)

3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)

4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)

5. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)

모든 사항 완료했습니다


2024-04-25 이병학
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
- Entity 제작 (User, Board, Reply, Re_Reply, Notice, Like_ , Setting, Chat, dmList, Follow 완료)
- Spring과 React를 연동하여 React에서 Spring으로 데이터 보내기 테스트 (완료)
-- axios를 사용하였으며 react로 parameter 형식으로 데이터가 잘 전달되었음이 확인되었습니다, axios는 npm을 사용하여 설치가 필요합니다
-- 테스트를 하려면 spring과 npm 양쪽 서버를 모두 활성화해야 작동합니다
- Dao 제작 (Board, User, Reply 완로) : Chat, Like, Notice 등 다른 Dao 제작이 필요
1. 카톡과 구글드라이브, 깃허브에 업로드 (완료)
2. 자기 파일에 이식 (완료)
3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)
4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)
5. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)

모든 사항 완료했습니다





2024.04.25 곽주영
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
 09:00 ~ 10:00 react-input-emoji 마무리 작업하기
 11:00 ~ 11:05 aside 부분 링크 연결 완료
 11:05 ~ 12:30 board - entity,service,Impl,DAO 완료
 13:40 ~ 14:10 SnsBar.jsx { xs , lg } 반응형 만들기
 14:10 ~ 15:30 채팅방 modal로 바꾸기 완료
 15:30 ~ 16:00 board - sql, entity, DAo 수정
 ※ sql문에서 오타가 날 확률이 크기 때문에 오타나지 않게 신경써서 작업했습니다.
 
1. 카톡과 구글드라이브에 업로드 (완료)

2. 자기 파일에 이식 (완료)

3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)

4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)

5. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)

모든 사항 완료했습니다

2024-04-25 윤영준
0. 카톡에 오늘 한 일과 작업하면서 중점적으로 생각하고 만든 포인트를 곁들여 설명 추가 해주세요. (완료)
- 09:00 ~ 10:40 회의
-  10:40    ~ 11:14   firebase Login 구글연동 
-   11:15  ~ 15:30  flownary routing table (title , bContents) 
좋아요 수 , sns id , 해시태그 추가 , 텍스트 정리 작업 최종 수정하기 
bContents 부분의 해시태그를 최대한 중복되게 하여 해시태그 검색하였을때 게시물이 검색될수있도록 설정하였습니다.
- 15:40 ~ 16:00  flownary routing table db에 넣는 법 조사
1. 카톡과 구글드라이브, 깃허브에 업로드 (완료)
2. 자기 파일에 이식 (완료)
3. 이식 시 문제 발생하면 바로 이야기하고 해결하기 (완료)
4. 구글 드라이브 회의록에 자신이 한 부분 체크하기 (완료)
5. 깃 업로드
6. 모든 과정 완료시 "모든 사항 완료했습니다." 카톡 남겨주기 (완료)
모든 사항 완료했습니다