팀프로젝트 css 통일, 와이어프레임 제작

수정한 사항

index.html, home.html, /home/mystyle.css, 폰트, 부트스트랩 등수정

 

post.html -> 타이틀 수정 , 홈버튼, 게시글 작성버튼 script 수정

post.css -> 타이틀 css 추가

 

wirtePost.html -> 타이틀 수정, 홈버튼, 게시글 작성버튼 script 수정

wirtePost.css -> 타이틀 css 추가

 

검색기능 로그인 전, 후 페이지 추가

검색했을 시, 아래 최신순 사진나오는 게시글이 검색한 내용들로 변경

검색시 css 변경(해당 div의 class에 gird를 사용)

 

로그인 전,후 메인페이지 css 변경

 

메인페이지 우측상단 좋아요순 출력 css 변경

 

회의 이후 수정

writePost.html, css -> 토글버튼 삭제

 mystyle.css -> 토글버튼 position 추가

post.css -> 토글버튼 css, position 추가

home.html -> 로그아웃 버튼 삭제, url로 id가 로그인이 안된 값일 시 home페이지 막는 방법 구현, console.log삭제, 전체 게시글 조회 변경

index.html -> weather, animal 위치 수정(<script src="./animals/animals.js"></script>)

post.css -> 토글버튼 positon 추가

users.js -> 계정 변환 success return 값에 existUserInfo 추가 ,logout router에 userInfo 추가

post.js -> 계정 전환 시 홈페이지 정보 전환 추가, 로그아웃시 로그인된 자신을 로그아웃하면 메인으로 전환



home.html -> 권한 확인 API 사용해서 url 변경 막음

 

수정을 하다가 추가로 로그인 계정 전환 시 해당 user정보로 홈화면에 나와줘야하기때문에 고민하다가 router에서 계정 전환하는 곳에서 user_info값을 넣어주어 res로 받아 로컬스토리지를 지우고 다시 저장하는 방식으로 했습니다.

그래도 홈으로가도 에러가 나길래 확인해보니 새로고침을 해야 변경된값이 home의 url에 적용되는것을 확인했습니다.

그래서 reload를 넣어 자동으로 새로고침되게하고 확인하니 잘 나온느것을 확인했습니다.

그리고 나서 url의 id값을 다르게 작성하고 확인하니 해당 페이지가 열리긴하나 틀만있고 db값들은 들어가지않는것을 보았습니다.

이부분도 막아야할거같아서 home.html파일에서 users 라우터에서 권한확인api를 가져와서 사용해주었습니다.

그리고 css를 처음엔 그리드로 하려다가 부트스트랩을 사용하게되면 부트스트랩의 그리드를 사용했어야해서 일이커질꺼같아 사용하지는 못했습니다.