리액트에서 타입스크립트로 넘어가면서
js파일들도 tsx와 ts로 바꾸고, 변수의 타입을 지정해주는 작업이 필요했다.
당일 배운 걸 당일 적용하고 싶었는데,,
해결하지 못한 기능들도 마저 구현을 해야 했기에
결국 강제로 밀리고 밀려 주말에 작업을 할 수 있었다.
한꺼번에 바꾸기엔 양이 점점 더 넘쳐날 것 같아서
더 이상 미룰 수가 없었다.
비록 여전히 빨간 줄 몇개가 떠있지만ㅎ
편리하게 기능을 구현할 수 있도록 도와주는 라이브러리의 장점을 알게 됬다.
난중에는 라이브러리를 사용하지 않고 순수구현도 해낼 수 있겠지!
그동안에는 alert로 경고창을 뜨도록 했는데,
이번엔 라이브러리를 이용해 모달창을 구현해보았다.
평소 봤었던 다양한 디자인의 모달창이 이 곳에서 나온 거구나 했다.
프로젝트의 레이아웃 구조를 헤더부터 푸터까지 나누어 관리가 가능하고,
컴포넌트를 재사용함과 동시에 유지보수관리가 쉽다는 점,
또 나눠진 컴포넌트 안에서 container, presenter 등으로 한번 더 나눌 수 있다는 것도 알게 됬다.
프로젝트에 적용중인데,,배너의 이미지가 새로고침만 하면 엑박이 뜬다,,
구글링해서 요래조래 바꿔봤지만 잘 되지 않는다.
뭐가 문제일까~~ 안보일 땐 잠깐 다른 곳으로 눈을 돌리면 해결될 때가 있으니
다른 문제부터 해결해봐야겠다.
페이지네이션과 무한스크롤도 실습해보았는데,
페이지네이션도 쉽지 않지만,
무엇보다 무한스크롤 부분은 수업시간에 정말 이걸 어떻게 하지,,,,싶었다.
하지만 틸을 정리하고 과제를 하다보니 조금은 이해가 가는 건가 싶기도,,,,?
이번주는 특히나 알고리즘 수업 때도 그렇고 코드를 리팩토링 하는 시간이
많아지고 있다.
결과적으로 줄여진 로직을 보면 신기방기😲
이제 이 모든 걸 적용할 일만 남았다^^
일단 대략 해야할 것을 정리해보면,
- 댓글 등록시 별점도 같이 초기화되도록 하기(다른 건 다되는데 얘만 안되;)
- 로케이션 툴팁에 입력한 주소 불러오기
- 새로고침시 이미지 엑박 해결하기 / 이전다음화살표 보이게 하기
- 페이지네이션 구현하기
- 목록페이지(메인페이지)에서 상세보기하고 삭제하기 누르고 다시 목록페이지로 돌아왔을 때 안사라지고 새로고침해야 사라짐(원래 잘됬는데 타입스크립트 작업하면서 또 안됨,,미처부러)
- 댓글 수정하기
- 댓글 무한 스크롤 구현하기
- 모든 경고창과 비밀번호 입력 창 모달로 구현하기
- 에러모음 정리하기
- 리팩토링 할 수 있으면 하기!
정말이짛ㅎㅎㅎ 할게 너무나 많닿ㅎㅎㅎㅎㅎㅎㅎㅎㅎ
따로 정리할려고 했던 게 있었는데 시작도 못하고 있네?
TIL작성은 말할 것도 없고
이러면 TIL의 의미가 없어지는 것 같은데ㅠㅠ
그래도 진짜 열심히 쓰려고 노력했다구요,,,
하나를 해결하면 또 다른 문제가 생기고
겨우 해결하면 그 다음 문제,,
인생에 공부란 끝이 없됴,,,
다람쥐통에 갇힌 나님
내 머리가 잘 좀 따라줬으면 좋겠건만
중꺽마라고 했다 중꺽마!!!!!!
안되면 되게 해야지 뭐 어쩌겠니
