2주 팀프로젝트 tmi (20.12.21~21.1.1)

팀플의 시작은 팀원 구성이다. 사전 팀원 설문조사에 희망 팀원 한분만 적어낸터라 어떤분들과 함께 팀이될지 기대가 되었다.

희망팀원에 적어낸 분과 또 그분이 희망팀원에 적어낸 분 그리고 다른 한분 이렇게 넷이서 한 팀이 되었다. 이 전에 내게 좋은 말씀을 해주셨던 분이라 마음에 드는 팀구성이었다.

 

인사를 하고 팀장을 정하고 나니 중요한 것은 아이디어 회의였다.

코로나가 터지기 전이면 가끔씩 전시회를 가던 나는 전시회 관련된 서비스를 해보고싶었다.

하지만 내 능력부족인지 관련 api를 잘 못찾겠더라 그래서 아이디어나 피그마를 갈아엎고 새로운 아이디어로 시작하느라 조금 시간이 걸렸다.

다행히 스키마나 이슈카드 작성하는데에는 별다른 문제가 없었다. 각자 필요한 컴포넌트나 기능을 파악하고 그걸 적어냈다.

 

팀플하면서 뭔가 기록을 해야겠다는 생각을 안했어서 적혀있는게 거의 없었지만 기록한 그것들을 또 기록해보려한다.

 

 

12.23

 

react router를 쓸 때 exact용도가 궁금햇는데 엔드포인트를 더 엄밀하게 검사한다고 한다.


e.preventDefault

html 에서 a 태그나 submit태그는 고유의 동작이 있다. 페이지를 이동시킨다거나 form안에 있는 인풋 등을 전송한다던가 그런 동작이 있는데 e,preventDefault는 그 동작을 중단시킨다.

login.js에 있는데 이게 인풋값이 전달은 되고 페이지가 안넘어가는건지, 전달도 안되고 페이지 이동도 안되는건지 알아봐야겠다.

 

사실 프로젝트를 첨하기도 했고 회원정보 수정을 구현하는데 조건문의 수렁에 빠져 있느라 구현단계에서는 메모가 거의 없었고 디버깅과정에서도 내가 뭘해야하는지, 뭘 해놨는지 정도만 메모 해둔 것 같다.

 

12.28

네비바 리액트라우터 버그잡고 --> app.js에만 Route 컴포넌트를 썼어야했다 네비바 컴포넌트에도 써놔서 잘 안됐었음

로그인하면 메인가는거랑
로그인실패시 에러메시지 띄우기 완료

이벤트버블링 --> 이건 모달창 구현하면서 찾아봤다.

특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어가는 특성을 의미합니다. 

 

12.29

 

userinfo에서 수정버튼 누르면 포스트 없이 그냥 엔드포인트 변경으로 변경하기 ->완료

위드라우터 추가하기 —> 함수컴포넌트에서 this.props.history어케쓰는지 몰라
—> 해결했다!

검색어 : 어이업네 기억안남
https://reactrouter.com/web/api/Hooks/usehistory
이거보고 했음
함수 컴포넌트 안에 함수를 작성했다

로그인 시 네비바에 유저네임 추가하기 ->완료

마이페이지 수정에서 엔드포인트 추가->완료

로그인할 때 세션에 저장기능 ( 윗크레덴셜:트루) 추가하고 app.js에서 핸들리스폰스석세스 함수 수정했다

https://ko.reactjs.org/docs/hooks-overview.html
리액트 훅 생명주기 이거보고 해라

태그배열애들을 또 맵으로 li같은걸로 노나줘야할듯

회의때질문할 것
글고 겹치는 태그 클라에서 거르나?—>서버
서치태그할 때 뭘 리퀘스트 해줘야하냐→포스트말고 겟으로 할거임 깃북확인하셈

 

12.30

로그인하면 닉네임이 네비에 떠야해서네비바에 userinfo를 프롭스로 넘겨주는데 로그인을 안하면 userinfo가 null이라 오류가 났다

→ 조건부렌더링으로 변경함


로그아웃기능 추가했다. app.js에 isLogin false로 변경해주는 함수를 만들고 프롭스로 내려보냈다.

로그인하고 새로고침하면 로그인상태가 풀리는걸 방지하기위해 sessionstorige를 사용해봤는데 아직 그대로다 .. 데이터베이스가 없어서 실험하기가 어렵다 휴우


서버팀원분께 말씀 드릴 것

세션 아이디를 쓰실지 req를 받아서 쓰실지 여쭤봐야함
굳이 제이슨 안보내줘도 될 것 같음

닉네임 업데이트하면
닉네임만 셋스테이트해주는 함수 실행해줘야함
리스폰으로 닉넴받아야한다는 뜩

oldpassword
체크패스워드 에서 패스워드로 받는게 아니고 올드패스워드임

 

12.31

서버팀원분들께 변경사항 전달완료

로그아웃 서버 요청으로 수정하였고

게시판 리스트에서 타이틀 클릭하면 해당 글 정보 뜨는걸로 변경하였다.

이제는 updateuserinfo에서 닉네임 변경 시 ㅇapp의 state를 변경하는 함수를 넣어야 할 것 같다

변경하고 마이페이지로 돌아가는걸루

귀차나악

 

1.3

 

업데이트유저네임에서 유저넹ㅁ 바꾸면
스테이트 바꾸는거 안되는 현상 → param.data.username 으로 변경하니 됨


setState는 원래 비동기 함수
동기적으로 사용하고 싶으면 콜백함수사용하면 됨
this.setState({ [key]: e.target.value },this.checkPassword)


글 작성 이후 목록 페이지로 넘어가지 않는 현상
window.location.replace(/${board});
히스토리푸시 대신 이코드 사용햇음
근데 이게 . . .. . ..spa어찌구에 맞는건지 모르겠어서
헬데에 다른 방법이 있는지 여쭤봐야할듯