차곡차곡

메모장에 적어두고 옮기지 못 했던 KLAE 프로젝트 회고록 사용 스택 프론트 : react, javascript 백 : DRF 내가 구현한 것 식물 추천 기능 페이지 식물 일지 공유 페이지 좋은 점 이전에 첫 백과의 통신에서 CORS 에러와 같은 것들로 실패한 로그인 기능과 댓글 기능을 성공했다. 힘들었던 점 추천 기능에서 선택지를 눌렀을 때 색 변화가 반영 되지 않았던 거 ,, 선택지를 리스트에 담는 과정에서 오류가 있었다. 아쉬운 점 로그인 할 때 비밀번호나 아이디, 유저 프로필 등을 세션에 저장해서 다른 페이지에서 이 값을 사용하는 코드가 많은데, 실제 웹에서는 이러한 방법을 사용하면 보안 이슈가 생길 것 같다. 노션을 많이 활용하지 못한 점. 노션 초대가 계속 안 돼서 회의록을 메모장에 적어뒀더니..

오늘 한 것 로그인 후, user email, user id, user profile, token 값 sessionStorage에 저장 로그인 했을 때 확인 가능한 페이지나 기능 요청할 때 api header 값에 저장한 token 값 함께 전송 로그인 유무에 따른 header 값 반영 (로그인 상태에서는 로그인, 회원가입 버튼 / 로그아웃 상태에서는 로그아웃 버튼, user profile) 로그인 전에는 일지 및 게시판 접근 제한 댓글 post, delete 기능 게시글 좋아요 기능 장장 9시간 동안 개발했다 우와 ~

오늘 한 것 식물 추천 페이지 완성 (선택한 값은 색이 바뀌도록 하는 부분에서 막혔었는데, 선택지를 담는 함수 부분에서 뭐가 잘 안 됐던 거 같다.) 해야 할 것 댓글 작성, 삭제, 수정 좋아요 기능

오늘 한 것 일지 상세 페이지 api 연결 해야 할 것 댓글 post 확인 댓글 삭제, 수정 좋아요 식물 추천 페이지 완성 참고 댓글 post 하는 부분에서 계속 500 (Internal Server Error)가 났는데, 요청 url 주소 맨뒤에 / 하나를 빼뜨려서 나는 오류였다. 😰

오늘 한 것 일지 공유 게시판 api 연결 참고 한 줄에 게시글이 4개가 안 될 경우 페이지네이션 부분이 위로 올라와서 요소 가로 나열 방법을 수정하여 해결했다. // 기존 float : left // 수정 display: inline-block;

오늘 한 것 헤더 수정 (로고, 계정 이미지)

오늘 한 것 잘려있는 하트 이미지 변경 댓글 계정 이미지 위치 수정 게시판 페이지네이션 해야 할 것 식물 추천 페이지에서 선택지 눌렀을 때 색 반영이 안 된다 ㅜ!!!! 참고 focus, hover 기능 사용할 때 앞에 &: 잊지 말자! &:hover { }

오늘 한 것 게시판 페이지 해야 할 것 하트 아이콘이 좀 잘려있다 댓글 계정 사진 위치 헤더 찌그러진 프로필 사진 ,, 일지 전체 게시판 아래에 페이지네이션 참고자료 아주 좋은 사이트 발견 https://developer.mozilla.org/ko/docs/Web/CSS CSS: Cascading Style Sheets | MDN Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌 developer.mozilla.org