11주차 회고

어 나 또 회고 까먹을뻔 ㅎ

 

https://jjyabbu.tistory.com/66

[TIL] 21.11.22+23

TIL 이거밖에 못쓴게 리얼입니까?

 

이번주는 커뮤니티페이지 무한스크롤 작업과 디테일페이지 수정기능 작업..끝내고 코드개선!

 

기존에는 별자리페이지가 페이지에 들어갈때마다 데이터를 새로 받아왔는데,

내가 사용자 입장이라 생각하고 페이지를 이리저리 보다보니 음..투머치하게 답답했다.

요즘 리덕스에는 최소를 넣는게 유행이라 하기도 하고 나도 클라이언트에게 부담을 줄이고싶으니 최대한 안넣고싶었지만?

별자리페이지의 데이터의 경우 그리 많지 않으니..! 

그래서 리덕스에 넣었다.

 

헉 화질 구려..!

맞다 그리고 로딩할때 슈룽슈룽하는..그..저기..대충 로딩 이펙트 추가했다.

보통 흰 배경의 사이트에서의 컨텐츠 로딩 이펙트는 회색 단색으로 깔리기도하고 회색에서 슈룽슈룽하지만?

우리 사이트는 컨텐츠박스의 기본색이 짙은 회색이라 약간 밝은 색으로 슈룽슈룽 해주는게 좋겠다고 생각해서 작업했는데

어쩐지 팀원 사이에서는 호불호가 갈린다.

그냥 슈루슈룽을 없애는게 좋지 않냐는 의견도 있었다. 하지만 그냥 밋밋하게 주면 데이터가 안들어와서 안뜰때 사용자가 로딩중인걸 파악을..못하지 않을까!? 싶기도 해서..! 라고 하니 그러기엔 로딩이펙트가 확실하게 와닿지 않는다고..! 그럴듯하다.

내 경우에는 이런저런 사이트 탐방을 좋아해서 저런식의 슈룽슈룽..이펙트 익숙하지만 사실 제일 흔한건 빙글빙글 돌아가는 로딩 아이콘이니까.

우리 사이트의 경우 성인이면서 캠핑/차박을 잘 갈만한 금전적여유와 체력이 있는 나이대의 사람들을 사용자로 노리고있으니 보통 20대 후반이상이 이용한다고 생각하면 좀 더 포괄적으로 익숙한 걸 이용하는게 좋겠다.

 

그리고 글쓰기 기능에서 이미지 저장하는 쪽을 개선할 필요가 있다.

기존에는 input에서 이미지를 가져올때 사용하는 파일 객체를 리스트로 저장해서 s3에 올리는 방식이었는데,

이걸 택한 이유가 quill.js가 내보내준 컨텐츠에서 이미지태그의 src를 뽑아내는건 아무리 뒤져도 나오지 않았고 시간적 여유가 없으니 우선 내가 가진 지식을 바탕으로 작업해야했기 때문인데,  

사용하지 않게된 이미지 (회원탈퇴나 글 삭제등의 이유로)를 삭제하는건 어떻게 할지 이야기하다가 백엔드이신 팀장님이 서버쪽에서 작업하겠다고 하시길래 어 그게 된다구욘?? 자바라서 가능한거임?? 해서 여쭤봤는데

img태그의 src부분을 제어하는 뭔가가..있었다. 아니 나도 분명 이거 찾아봤는데 왜 팀장님이 말슴하시는거 듣고 엥진짜루?하면서 검색하니까 나오는거임??? 핫촴나어이가없어서이게다팀장님의덕입니다

어쨌건 다음주 코드 개선작업할때 수정해야겠다..후..

 

그리고 커뮤니티부분 코드개선이 시급하다. 일단 콘솔로그랑 안쓰는 코드 주석처리한거 싹 지우고 무엇보다.. 지금 저거 리덕스에 죄다 저장하고있는데 그거 바꾸고싶다. 작업하신 분께는 죄송하지만..! 어차피 페이지 들어올때마다 새로 받게 작업해놓고 무한스크롤기능땜시 데이터 몇개 안되는디 그걸 리덕스에 저장해버렸으면 우짤수없다구요~! 투머치 비효율..! 내 눈물은 줄줄..! 

 

맞다 그리고 리액트 훅 공부좀 해야겠다. 내가 생각하던 리액트 훅은 뭔가 단순한 함수덩어리인줄 알았는데 멘토님이 말씀하시길 "요즘은 리액트 훅으로 저장~" 한다는 말에 엥 뭐시라구요? 했었다. 그래서 커스텀훅을 좀 찾아보니 이거 useState 쓴거 분리하고 그걸 불러오는..엥?

아직 완전히 이해한건 아닌데 남이 짠 코드 살짝봐도 활용도 짱 좋아보이는건 알겠다. 

 

여튼 다음주 할꺼!

1. 게시글 저장 부분 개선

2. 반응형 스타일 작업

3. 다른 페이지 코드 개선 

4. 리액트 훅 공부해서 코드 더욱 개선

5. 백엔드분들이 엄청 원하시는..사실 나도 원하는..댓글기능..작업... ㅇㅋ..할게요..한다구요..아랏다구...

 

그럼 20000.