목록개발일지 (74)
HYEWON JUNG의 개발일지
목표 10강 까지 듣기 새로 알게 된것/ 오늘의 코드 2023.11.28 - [React] - redux toolkit redux toolkit 리덕스 툴킷이란? 기존의 리덕스를 더욱 간결하고 편하게 쓸 수 있게 만든 것이다. 장점 1. action value, actioncreator, reducer를 하나에 해결할 수있다. redux 기존의 순수?리덕스에서는 Ducks 패턴을 참고 hyewonjung-coding.tistory.com 2023.11.29 - [React] - axios get axios get axios란? 간단히 http를 이용해 서버와 통신하기 위해 사용하는 패키지 axios 설치 방법 yarn add axios json-server로 만들어 놓은 데이터를 get 해오는데 resp..
조별 발표를 하고 피드백을 간단하게 주신것을 들었는데 부족한 부분을 채워나갈 수 있으면 많은 성장을 하게 되는걸까 기대해본다. 우리조의 kpt는 이렇다. problem중에 내가 개선해야 할 점을 표시하고 다음 조에서 명심해야겠다. Keep - 현재 만족하고 있는 부분 작업브랜치 분리 후 dev 브랜치에 pull request 줘서 merge하는 걸 처음 했는데 변경사항과 진행상황이 뚜렷하게 보여서 좋다. 기능별로 브랜치를 나누어 작업하고 pr만들고 코드 리뷰 후 머지하는 작업이 이제는 습관화 된거같다. 기능 문제나 오류가 발생하면 팀원들이 적극적으로 도와주셔서 많은 도움이 되었다. VScode 익스텐션 공유를 해주셔서 도움 되는 익스텐션을 많이 알게 되었음 조원들이 웃음이 많아서 좋아요 역시 리액트라 리..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bu9jEF/btsASHLeYiG/JDyYDK0y5HrqLuzyKKFJbk/img.gif)
목표 tag 필터 적용하기 검색 기능 구현 하기 새로 알게 된것/ 오늘의 코드 우선 지금까지 구현 한 전체! 메인 화면 = 나 레이아웃 , 상세페이지, login , 회원가입 등 = 경열님 글쓰기 페이지 = 건우님 마이페이지 프로필 = 하빈님 마이페이지 포스트 = 형준님 원래는 메인과 상세페이지를 맡았는데 경열님이 맡으신 부분을 다 하셨다고 상세페이지를 하시겠다고 하셨다. 그래서 어쩌다 보니 생각보다 적은 부분을 맡게 되었는데 내가 맡은 부분이라도 잘 구현해야겠다고 생각했다. 우리가 웃기게도 피그마로 와이어프레임을 짜고 역할을 분담했는데 와이어프레임구현은 메인 화면 = 형준님 login = 경열님 글쓰기 페이지, 디테일 = 건우님 회원가입 = 하빈님 마이페이지 = 나 이렇게 해놓고 역할을 사다리 게임해서..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Lf0ST/btsAM5Z2kz0/CW1qjIdTkCh8iNj1KfYb10/img.png)
목표 Home 기능 구현 새로 알게 된것/ 오늘의 코드 const tagFiltered = news.filter((n) => { if (tag == "#전체") { return news; } else { const filter = n.tag_name_list.filter((item) => tag.includes(item)); return tag.includes(...filter); } }); 데이터 베이스 사용이 서툴러서 최대한 줄이고 싶은 마음이다. 그래서 이미 끌어온 news feed데이터 베이스만 가지고 굴리고 싶다고 생각했다. 그래서 컴포넌트를 조금 합쳤다. 이렇게 합쳤는데 생각해보니 NewsList에서 props로 내려주면 될 것 같기도 하다. 서치기능에도 필요할 것 같으니.. props를 내려..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/btnq1G/btsAMk2Zv04/K7sppQBuCUVWJ7r5uUifK0/img.png)
목표 UI구성 파이어베이스 연결 READ 구현 새로 알게 된것/ 오늘의 코드 overflow : scroll 시 스크롤바 지우기 나는 옆으로는 필요없고 위아래로만 필요해서 overflow-y 로 했는데 옆에 생기는 스크롤바가 너무 못생겨서 없애기 위해서 구글링을 해봤다. overflow-y: scroll; &::-webkit-scrollbar { display: none; } styled components 에서는 css안에 중첩해서 사용할 수 있기 때문에 필요한 부분에 추가하면 된다. 그리고 전역에 하려면 body 스타일에 넣으면 된다. 파이어베이스에서 READ 구현 코드 import { collection, getDocs } from "firebase/firestore"; import { useEff..