codestates/book.share-client

📖Book.Share

책을 읽거나 블로그에 적힌 글들을 읽어보면서,

문뜩 '나도 한번 글을 적어볼까?' 하는 생각에 잠긴 적이 있지 않나요?

Book'story는 작가, 시인이 아니더라도 누구나 자신만의 상상의 나래를 펼쳐 볼 수 있습니다.

여러분의 이야기를 들려주세요.

Book'story가 함께하겠습니다.:)

🕵🏼어떤 기술이 사용되었나요?

FRONT

BACK

🔨 Architecture

Client-Side Full flow chart

🗣️우리를 소개합니다.

김하석	🚩Frontend
박진수	🏁Backend
조수현	🏁Backend
최치원	🚩Frontend

For project details

checkout Book.Share Server

checkout WIKI

book.share-client's Issues

[Client] 로그인 페이지 회원가입 하러 가기 이벤트 설정

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: fix actions from client redux

TODO

1. 로그인 페이지 회원가입 하러 가기 이벤트 설정 -> 회원가입 하러 가기 텍스트 클릭 시 회원가입 입력란으로 focus 이동

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[SR] Wireframe 만들기

ISSUE

• Group: sr
• Type: doc
• Detail: 와이어프레임 만들기

TODO

• 프로젝트 기본 레이아웃 구상
• 와이어프레임 작성

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Clint] styling/로그인 page css 작업

ISSUE

• Group: client
• Type: styling
• Detail: 로그인 page css 작업

TODO

• 로그인 page css 작업

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] storyChart 이벤트 활성화(Detail)(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: storyChart에 있는 글을 클릭 했을 때 리딩 페이지로 이동하면서 그 글에 맞는 컨텐츠 렌더링, text 구역에 문구 렌더링

TODO

1. react-router-dom 를 이용해서 페이지 이동 구현
2. 컨텐츠에 맞는 내용 렌더링
3. text 구역에 문구 렌더링

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 리딩페이지 CSS 작업

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 리딩 페이지 CSS 작업

TODO

1. 리딩 페이지 CSS 작업

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[SR] Flowchart 만들기

ISSUE

• Group: sr
• Type: doc
• Detail: 기능 플로우 차트 만들기

TODO

• 프로젝트 기본 레이아웃 구상
• 플로우 차트 작성

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 메인페이지 CSS 작업

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 메인 페이지 css 작업

TODO

1. 메인 페이지 CSS 작업

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 컴포넌트 작업(완료)

ISSUE

• Group: client
• Type: feature
• Detail: 컴포넌트 만들기

TODO

1. 컴포넌트 만들기

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Retrospect] 2주차 회고 - 박진수

이름 : 박진수

Fact (사실) : 주요 사건에서 내가 취한 행동을 객관적으로 서술한다

• 내용 1. 배포구축만 해보고 실제로 배포를 해보지 못 하였다.

Feeling (느낌) : 그때 느꼈던 기분을 간략히 정리한다

• 내용 1. SR의 시간이 프로젝트기간이 지나면서야 중요성을 깨달아 아쉬웠다.
  2. Advanced sprint를 하라고 할 때 했어야 했다.

Finding (교훈) : 사건에서 얻은 교훈을 적는다

• 내용 : 1. sequlize말고 mysql에서 데이터를 추출해보는 query 능력을 키워야겠다.
  2. session/token/cookie의 관련된 공부를 확실하게 더 해야겠다.
  3. 소스를 배포도 중요하지만, 중간중간 프론트/백앤드 합쳐가면서 진행해야겠다.
  4. 전체적인 흐름(프로젝트 시스템)을 파악하는 능력을 키워야겠다.
  5. 날마다 회의를 하면, 그 날에 회의 내용/역할들을 기록하면서 프로젝트를 진행해야겠다.

Future action(행동) : 그래서 내가 앞으로 취할 행동을 미래형으로 적는다

• 내용 :1. 위에 적어놓았던 교훈들을 위주로 다음 프로젝트나 혹은 취업을 하고나서도 이 부분을 인지하면서
  프로젝트를 진행하는 개발자가 되어야겠다.

[Client] feat/글쓰기 기능 구현

ISSUE

• Group: client
• Type: feature
• Detail: 글쓰기 기능 구현

TODO

• 글쓰기 기능 구현

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Clinet] myPage modal 작업(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: myPage modal 기능 작업(css 제외)

TODO

1. 계정관리 버튼 만들기(눌렀을 때 회원 정보 페이지로 이동)
2. user의 email을 모달에 렌더링
3. 로그아웃 버튼 및 로그아웃 기능 만들기

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 잘못된 이슈입니다.

ISSUE

• Group: client
• Type: feature
• Detail: 회원 정보 수정 페이지 구현

TODO

• 회원 정보 페이지 구현

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Retrospect] 2주차 회고 - 김하석

김하석

Fact (사실)

• 내가 상대방의 코드를 의논없이 건드려서 문제가 되었던 적이 있었다.
  그리고 front 단에 상의된 내용을 back와 공유하지 않아 기능 구현에 애로사항이 있었다.

Feeling (느낌)

• 협업한다는게 나 혼자 하는게 아니라는 말이 어떤 의미인지 뼈저리게 느꼈다.
  내가 생각한 내용과 감정을 상대방과 나누고 공유하는게 진짜 협업이고, 이로 인해 팀 퍼포먼스가 올라 갈 수 있다는 것을 느꼈다.

Finding (교훈)

• 미팅에서 나온 말은 바로 기록해서 공유한다.(회의록 작성)
• 진행 사항 공유하고 바꾸고 싶은게 있으면 팀원에게 물어보고 진행한다.
• 대화 능력을 키운다.

Future action(행동)

• 위에 교휸에 적은 내용을 실천할 것이다.
• 그리고 SR에 시간을 쏟아서 100% 완성한 뒤 프로젝트를 진행하겠다.
• 대화 능력 향상은 답이 없다 노력하는수 밖에

[Client] 404 페이지 CSS 작업

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 메인/리딩 페이지 유효성 검증 시 이동 시킬 404 페이지 만들기

TODO

1. 아직 구상 중.. 추후에 업데이트

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 로그인 버튼 구현

ISSUE

• Group: client
• Type: feature
• Detail: 로그인 버튼 구현

TODO

• 로그인 버튼 구현
• 로그인 페이지 Nav바 작성

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] url 교통정리(router), 메인페이지 글쓰기 버튼 활성화

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 전반적인 라우팅 정리. 메인페이지에서 글쓰기 눌렀을 때 라이팅 페이지로 이동

TODO

1. react-router-dom 이용해서 라이팅 페이지로 이동
2. 각각 컨텐츠에 맞는 페이지가 렌더링 될 수 있도록 라우팅 교통정리(중복 제거)

Estimated time

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 회원정보 페이지 구현(Detail)(완료)(회원탈퇴 기능은 미완성. 그 부분에 대해서는 팀 미팅 후 정하기로 함.)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 계정관리 버튼을 누르면 회원 정보 페이지로 이동하고, 그 페이지에서 회원정보 수정 및 회원탈퇴를 할 수 있음.

TODO

1. 회원정보 페이지에 회원 정보 수정 기능 넣기
2. nav 넣기

-회원탈퇴 기능은 팀 미팅 후 정하기로 함.

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 이친구도 잘못된 이슈 입니다. 추가 작업에 활용하겠습니다.

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: fix actions from client redux

TODO

• 글쓰기 페이지 뼈대 구현

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Retrospect] 2주차 회고 - 최치원

이름: 최치원

Fact (사실) : 주요 사건에서 내가 취한 행동을 객관적으로 서술한다

• 미팅 시 커뮤니케이션 하는 데 있어서 문제를 겪었다. 진행하는 부분에서 서버와 협의가 안된 부분이 다소 있었다. 그로 인해 서버와 클라이언트 간 소통이 잘 안됐던 부분이 꽤 있었고 그로 인하여 여러가지 버그가 발생됐고, 해결하는데 꽤 많은 시간이 소모됐다.

Feeling (느낌) : 그때 느꼈던 기분을 간략히 정리한다

• 내 입장에서도 당황스럽기도 했고 팀원들도 내 언급 때문에 난처해보였다. 커뮤니케이션 능력이 많이 부족하다고 느꼈다. “나 혼자 개발하는 것이 아닌, 같이 개발하는 것”이라는 문구를 항상 되새김질 해야겠다고 느꼈다. 커뮤니케이션을 더 적극적으로 해야겠다고 생각했다.

Finding (교훈) : 사건에서 얻은 교훈을 적는다

• 팀프로젝트를 처음하기도 했고 처음에는 감을 아예 못 잡았었다. 그래서 SR할 때나 프로젝트 진행 중 미팅할 때 커뮤니케이션에 대해 굉장히 소홀히 했던 것 같다. 앞으로는 커뮤니케이션에 더욱 집중해서 프로젝트를 진행해야 할 것 같다.

Future action(행동) : 그래서 내가 앞으로 취할 행동을 미래형으로 적는다

• 미팅할 때나 계획을 세울 때 항상 메모해두자. 무언가를 진행할 때 최대한 팀원에게 물어보도록 노력해보자. 혼자 진행하려고 하지말자. 또한, 프로젝트를 진행하면서 til을 쓰지 않았는데 프로젝트와 관련해서 매일 til을 적어야겠다. 그 날 하루를 되돌아 보며 문제점이 뭐고, 어디 부분을 진행했는지 앞으로 진행하면 좋을지에 대해 적어보도록 해야겠다.

[Client] 메인 페이지 및 리딩페이지 유효성 검증

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 로그인 후 세션이 없을 경우 404 페이지 렌더링 (비정상적인 경로로 접근 시 차단하는 기능)

TODO

1. 아직 구상 중.. 업데이트 예정

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Retrospect] 2주차 회고 - 조수현

조수현

Fact (사실) : 주요 사건에서 내가 취한 행동을 객관적으로 서술한다

• 팀원들이 다같이 같은 그림을 그릴 수 있게 많이 노력했었던거 같다.
• 배포와 개발을 같이 진행하지 못한게 후회가 많이 된다.

Feeling (느낌) : 그때 느꼈던 기분을 간략히 정리한다

• 포지션은 백엔드지만 아직 프론트에 대한 지식이 많이 부족했었던거 같다.
• 스스로 배포에 관한 개념이 많이 제대로 안잡힌듯한 느낌이 들었다.

Finding (교훈) : 사건에서 얻은 교훈을 적는다

• 다음 프로젝트에선 배포와 같이 진행을 해야할것 같다.
• SR에 더 많은 시간을 두고 문서화를 시키는것이 정말 중요했단걸 뼈저리게 느꼇다.
• 개인적으로 백엔드가 좋지만 프론트에 대한 공부가 더 필요한것 같다.
• 보안관련 공부도 많이 해야할것 같았다. 특히 세션,쿠키,토큰 개념 그리고 소셜로그인

Future action(행동) : 그래서 내가 앞으로 취할 행동을 미래형으로 적는다

• 다음 프로젝트엔 훨씬 더 빡빡하게 SR에 시간을 쏟아부어야 할것같다.
• 부족하다고 느꼇던 개념에 대해 더 공부하고 응용해봐야 할것 같다.
• 잦은 회의는 언제나 긍정적인 결과를 불러일으키기에 적극적으로 회의를 열어야겠다.

[client] 로그인 토큰 없으면 글쓰기 버튼 삭제 기능 구현

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: fix actions from client redux

TODO

1. 로그인 토큰 없을 경우 글쓰기 버튼 삭제

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[SR] Tech stack

ISSUE

• Group: sr
• Type: doc
• Detail: 기술 스택 정리

TODO

• FrontEnd stack
• BackEnd stack

Estimated time

Pick one

0.5h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] styling/Writing page css 작업

ISSUE

• Group: client
• Type: styling
• Detail: Writing page css 작업

TODO

• Writing page css 작업

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] feat/글쓰기 완료 버튼 구현,서버와 통신 확인

ISSUE

• Group: client
• Type: feature
• Detail: 글쓰기 완료 버튼 구현,서버와 통신 확인

TODO

• 글쓰기 완료 버튼 구현,서버와 통신 확인

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] feat/ writing page 뼈대 구현

ISSUE

• Group: client
• Type: feature
• Detail: writing page 뼈대 구현

TODO

• writing page 뼈대 구현

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 소셜로그인 구현 (완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: fix actions from client redux

TODO

1. authPage 소셜로그인 구현(Google)

Estimated time

0.5h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 로그아웃 기능 만들기(Datail)(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 로그아웃 버튼을 눌렀을 때 로그인 페이지로 이동 시키고, server/logout에 post 요청

TODO

1. 로그아웃 버튼 눌렀을 때 react-router-dom 를 이용해서 로그인페이지로 이동하는 기능 만들기
2. ajax를 이용해서 서버에 post 요청하기

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] fix/로그인, 회원가입 유효성 검사 강화

ISSUE

• Group: client,
• Type: fix
• Detail: fix/로그인, 회원가입 유효성 검사 강화

TODO

• fix/로그인, 회원가입 유효성 검사 강화

Estimated time

Pick one

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 리딩 페이지 틀 만들기(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: nav 구역/ readingStory 구역(title/data/body) / comment 구역

TODO

1. nav 구역 만들기
2. readingStory 구역(title/data/body) 만들기
3. comment 구역 만들기

Estimated time

Pick one

0.5h

1h

1.5h

2h

2.5h

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] text & StoryChart 제작(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: text, storyChart 뼈대 제작하고 axios 이용해서 fakeData로 간단한 기능 구현

TODO

1. storyChary 제작
2. text 제작

Estimated time

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] Nav 작성(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: Nav 작업. (글쓰기 버튼은 추후에 작업)

TODO

1. nav 틀 만들기
2. 모달 만들기(toggle 기능만 삽입)

Estimated time

1h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] 리딩 페이지 Nav/readingStroy 만들기 (Detail)(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: nav 만들기/ readingStory(title/date/body) 만들기

TODO

1. nav 기능: 모달 활성화(회원정보, 글쓰기, 로그아웃)/로고 클릭 이벤트 활성화(메인 페이지로 이동)/글쓰기 버튼 활성화 (라이팅 페이지로 이동)
2. readingStory 기능 : ajax 이용해서 유저가 선택한 글의 title/date/body를 불러와서 렌더링 시키기

Estimated time

3h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[SR] Schema design

ISSUE

• Group: sr
• Type: doc
• Detail: schema design

TODO

• schema 구상
• db diagram

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[SR]

ISSUE

• Group: sr
• Type: doc
• Detail: sdffg

TODO

• Job1
• Job2
• Job3

Estimated time

Pick one

0.5h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Clinet] 푸터 만들기(완료)

ISSUE

• Group: client, server, sr
• Type: bug, feature, delete
• Detail: 메인 페이지와 myPage(info)에 푸터 달기

TODO

1. 메인페이지 푸터 달기
2. 마이페이지 푸터 달기

Estimated time

2h

** 푸터 제작은 하석님이 완료해주셨습니다.

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low

[Client] feat/login_page

ISSUE

• Group: client
• Type: feature
• Detail: 로그인 기능 구현

TODO

• 리액트로 로그인 기능

Estimated time

Pick one

2h

Labels

• Estimated time: E: 1h
• Group : client, server
• Sprint: Sprint__NUMBER__
• Urgency: High, Middle, Low