SUIN

오전에는 팀원분들과 화요일까지 작업한 코드를 merge 하는 과정에서 충돌이 발생해 시간을 많이 소비했다 오후부터 포스트 작성페이지 적업을 진행했는데 사용자가 파일 선택 시 페이지 이동을 하며 미리보기가 보이게 구현을 해야 해서 기능 구현도 함께 작업이 들어갔다. 작업을 하면서 인스타그램에서 작성페이지를들어가면 메인 페이지 위로 모달 창처럼 보이게 페이지가 띄워지는 것 같아 라우터에 exact 을 적용하지 않고 페이지 위에 마치 모달처럼 보이게 작업을 했다 아직 서버가 완성되지 못해서 axios 요청까지만 작성이 되어있고 요청 데이터를 사전에 확인을 해 놓았다 오늘 작업내용 폼데이터 객체를 사용하는 법도 익히고 미리보기 기능을 구현이 이제 가능해졌다!!! 조금만 더 노력하기!!! 뽜샤!

클론 코딩 2일 차 메인 페이지 뷰가 어느 정도 끝나간다! 혼자 디자인을 만들어 나가는것보다 따라 하는 것이 더 어렵다는 걸 알았다... 오늘 뷰 작업 마무리를 목표로 했지만 완벽하게 아직 끝내지는 못했다 뷰를 만들면서 flex를 익힐 수 있었고 컴포넌트의 분리의 중요성에 대해서 알 수 있는 시간이었다 ▾▾▾ 오늘까지 작업한 내용 ▾▾▾ 더보기 버튼 기능구현은 아직 작업이 덜 된 상태지만 뭔가 뷰가 만들어지니 뿌듯하다

5주 차 심화과정이 시작되었다 이번 주 과제는 매거진 사이트 완성하기! 강의를 들으며 처음으로 컴포넌트를 쪼개는 방법에 대해 학습했는데 진짜 내 머리도 쪼개질뻔한 하루였다.... 오늘은 로그인,회원가입, 포스트 페이지의 전체적인 레이아웃 구조만 잡는데 시간을 다 소비했다 확실히 컴포넌트를 각각 분리하니 동일한 부분에서는 재사용하기가 편하다는 걸 알게 되었다 왜 코드가 간결해질수록 나의 머리는 터질것 같은가.... 처음으로 이렇게 많이 나눠봤는데 내일은 컴포넌트가 얼마나 더 많이 추가되는 걸까... 재미있지만 겁이난ㄷ..... 디자인은 아직 너무 심플하다... 꾸미기 나중에 꼭!!!! 꼭!!!!! 하고 제출할 것

오전 _ 팀원들과 팀 과제 최종 정리 및 제출 오후에는 개인과제 제출을 위해 오전에 팀 과제를 마무리 지었다. 기본문제의 답변은 중요도 순으로 뽑아서 정리를 하며 하나씩 변경했고 DIY 내용은 5가지 주제를 함께 뽑아서 정리하며 마무리했다 부트캠프 4주차 React 숙련 공지사항 puzzled-empress-d3f.notion.site 오후 _개인 과제 코드 수정 후 firebase 배포 1. 단어 수정 - 단어카드에 수정버튼 클릭 시 useParams()로 받아온 데이터 index 찾아 defaultValue 값으로 넣어주기 - 수정한 data 수정 button click시 updateDoc 으로 firebase 값 변경하기 2. 단어 입력시 조건 추가 - 단어 ,설명 , 예시 내용이 하나라도 없을 시..

개인과제 완성하기를 목표로 파이어 베이스 강의를 들으며 데이터를 직접 CRUD 해보는 시간을 가졌다 월요일 파이어 베이스 강의를 완강했지만 아직 이해하지 못한 부분이 많아 다시 처음부터 차근히 따라가며 직접 내가 작성한 코드와 비교하며 만들어보는 연습을 했고 모르는 부분은 다시 돌아가며 무한반복을 해서 코드를 이해하려고 노력했다 Redux의 덕스(ducks) 구조로 만든 데이터를 추가하고 수정할 수 있지만 새로고침 시 데이터가 실제로 삭제가 되지 않는다 그래서 Firebase와 비동기 통신을 할때 필요한 미들웨어 thunk 를 사용하여 액션 생성 함수를 만들어 CRUD 한 데이터를 직접 데이터베이스에 넣어보는 공부를 했다 비동기 통신이란 서버에서 데이터를 가지고 오는 것은 우리가 바로 알 수없고 요청이 ..

오전 9시 팀원들과의 회의에서 팀 과제에 대해 이야기했다 하루에 한문제씩 팀 문제를 풀고 금요일까지 개인적으로 최소 2개 이상의 DIY를 작성해오기로 했다 회의가 끝나고 개인과제를 시작했는데 강의를 2번 정도 보고 나니 리덕스의 사용법을 조금 알 수 있었다 .리액트 훅이 아직 많이 부족하다는걸 느껴서 내일 중으로 훅에 대해서 정리를 한번 해봐야겠다 그래도 리덕스는 너무 어려워... 팀 과제 1번 문제 Q1. 컴포넌트 A는 리덕스 스토어를 구독하고 있습니다. 리덕스에 저장된 데이터가 변경되었을 때(A가 구독 중인 값이 변경되었다고 가정합니다.), 어떤 과정을 거쳐 컴포넌트 A가 변경된 값을 가져올 수 있는지 흐름을 그려볼까요 스토어 - 데이터 저장하는곳 리듀서 - 데이터를 실제로 수정되는 공간 흐름도 순서..

향해 22일째를 달리는 중 저번 주 React 기초 주차가 끝이 나고 숙련 주차가 시작되었다 리액트 기초반 강의 중 3주 차 ~5주 차까지의 내용을 하루 만에 완강해야 해서 아침부터 부랴부랴 강의를 듣기 시작했다 이제 막 리액트와 친해졌다고 생각했는데 3강 리덕스 4강, 5강 Firebase가 나오기 시작하면서 멘탈이 하나둘씩 나가기 시작했다 분명 강의를 이해하면서 듣고 있다고 생각했는데 범위가 많다 보니 처음에 들었던 강의와 헷갈리기 시작해 강의를 따라가는 게 너무 힘들었다 오늘은 리덕스에 대해서 정리 후 내일 개인과제를 시작하며 리덕스를 조금 더 공부할 생각이다.