개발일지25 React 리액트 최신순, 인기순(조회수)별로 게시글 조회하는 법 우리 팀이 만든 Homecoming Day 모양이다! 저렇게 최신순, 인기순으로 select 조회를 해주고 싶을 때 코드를 정리해보려고 한다. 구글링에 아직 미숙한 건지, 필요한 자료를 찾는 시간이 오래 걸릴 때가 있다 ㅠㅠ 완성했던 코드 잘 기록해보기! 🔷 일단 전체 코드를 기록하고 아래에 순서를 차근차근 정리했다. const Calendar = () => { const dispatch = useDispatch(); const { calendars } = useSelector((state) => state.calendars); const { calendarPopular } = useSelector((state) => state.calendars); const [select, setSelect] = us.. 2022. 10. 8. 항해99 4주차 WIL - 라이프사이클(클래스형 vs 함수형), react hooks 벌써 4주차 WIL 이다. 4주차는 사실 그렇게까지 힘들진 않았다. 팀원들과의 협업도 잘 되고 팀원들과 성격도 잘 맞고 대화도 잘 되서 하루하루 힘들지만 행복하게 시간을 보냈다. 그런데 4~5주차 넘어가는 지금이 조금 힘들다. 5주차 WIL이 약간 걱정되는 밤이다. 너무 힘들어서 어제는 눈물이 났다. 눈물이 거의 없는 편인데도 서러운 부분이 있었다. 어쨌든,,, 잘 극복하고 이번 한주를 보내길 바라며 지난주 WIL을 작성해본다! 🤗 좋았던 것은! 리액트 기초반 강의 완강, 입문+숙련 학습자료 완독 및 블로그 정리 완료, 자바스크립트 하루 목표 완료! 모두 목표했던 일정을 완료하였다. 🕶️ 아쉬웠던 것은! CS 책을 이틀이나 누락했다. 스터디 발표 공유하는 날에는 열심히 준비했는데 앞뒤로 사실 챕터를 읽지.. 2022. 8. 8. 항해99 27일차 TIL - 리액트 심화과제 뷰 구성 & 오늘 배운 것 ✅ 리액트 심화과제 뷰 구성 기존에는 뷰 만들기부터 먼저 했다면, 심화 과제에선 어제 와이어 프레임 구성했던 것처럼 페이지와 기능이 너무 많아서 아래 내용을 보고 기능 분배하기 부터 시작했다!! 기능을 분배하고 어떻게 하지 고민하다가 컴포넌트 별로 뷰를 구성할 사람을 나누기로 했다!! 이름이 나와서 뷰 구현 나눈 것은 캡처에서 제외했다. 조금 어려웠던 것은, 내가 조장이라서 미리 git hub에서 레포지토리 만들고 컴포넌트 ,페이지, 라우터, 리덕스 부터 패키지 설치까지 미리 해두고 commit을 했는데 혹시나 실수나 패키지 부족한 점이 있을까봐 걱정했었다. 다행히 확인결과 오류는 없는 것으로!! 뷰 구성하면서 추가적으로 컴포넌트가 늘어나긴 했지만 그래도 아직까지는 깨끗한 폴더인 것 같다! 오늘 사실 학.. 2022. 8. 6. 항해99 26일차 TIL - (리액트) 투두리스트 심화 과제 와이어프레임 설정 & 오늘 배운 것 ✅ 와이어프레임 구성 세 번째 진행하는,,, 그리고 심화 주차인 투두리스트의 와이어 프레임을 구성했다! 기능만 봐도 너무 많아서 페이지를 여러 개 구성해야 하는데,, 할 수 있다..ㅠㅠ 일단 오늘은 심화 학습자료 공부를 시작했는데 컨디션이 너무 좋지 않다. 아픈 것은 아닌데 졸림을 아예 참을 수 없는 정도인 것 같다 오늘은 일찍 자고 내일 잘 해보기!! 컨디션 관리 중요해 ㅠㅠ ✅ 오늘 배운 것 1️⃣ 리액트 심화자료 공부 : 리덕스 툴킷 ~ jason server 지금 너무 피곤해서 그런지 다른 팀원들에 비해 속도가 느렸다. 그래도 놓치는 부분 없이 집중해서 진행하자! 🔹 내 블로그 정리해둔 곳 : https://jenny0520.tistory.com/84 2️⃣ 자바스크립트 🔹 내 블로그 정리해둔 곳.. 2022. 8. 5. 항해99 25일차 TIL - (리액트) 투두리스트 기능 업데이트 & 오늘 배운 것 🔹 최종 Git Hub 주소 : https://github.com/jennywoon/Final-todolist.git ✅ 두 번째 React Todo List 최종 완료! 항해에서 과제로 내 준 기능을 모두 구현하고 styled-component를 수정하면서, 기술매니저님께서 기능 업데이트를 해보라고 해서 2조 팀원들과 기능을 업데이트 해보았다! 업데이트는 총 6가지 이다. 1️⃣ Detail 페이지에 Layout을 연결하여 위에 Header 모양까지 보여주었다. 2️⃣ Header 상단에 머티리얼 UI 로 추가하였다. 3️⃣ 상세페이지에서 머티리얼 UI 버튼을 누르면 홈으로 돌아갈 수 있도록 기능 구현 4️⃣ ID 값 오류 수정 원래는 const nexiId = useRef(0) id : nextId .. 2022. 8. 4. 항해99 23일차 TIL - 리액트 과제 완료! & README.md 작성법 & 오늘의 리마인드 ✅ 4주차 두번째 TodoList 리액트 과제 끝! ㅠㅠㅠ 드디어 완료!! 완벽하게 혼자 코드를 구현하라고 하면 여전히 어렵고 막막하지만, 같은 조원들과 함께 해결해 나가며 그래도 리덕스, 라우터를 사용하여 투두리스트 만들기를 완료했다! 🔹 내 github : https://github.com/jennywoon/Final-todolist 아주 깃헙에 새로 레포지토리 만들었다 지웠다 난리도 아니었지만, 결국 제출할 수 있는 파일이 생성된 것이 기뻤다. 마지막 미션은 README.md 작성! ✅ README.md 작성법 🔹 내 블로그 정리해둔 곳 : https://jenny0520.tistory.com/78 블로그에 정리해두었다! ✅ 오늘 리마인드한 것 1️⃣ 등가 비교 * [생활코딩] 입문자를 위한 자바스.. 2022. 8. 2. 이전 1 2 3 4 5 다음
