본문 바로가기

전체 글134

[그룹 스터디 프로젝트] 오늘 했고 할 일 (0503 ~ 0510) 슬슬 마무리하는 주간. 0503 (월) 1. 체중 추가 부분 논의 * useEffect 사용 0504 (화) 1. Redux Persistor 사용하기로 일단 결정! * 새로 고침 할 때마다, 현재 유저 - 고양이 상태를 보관하는 것이 필요했다. * localStorage에 따로 따로 저장해도 되겠지만, 큰 차이 없다고 판단 일단 Redux-Persistor 이용하여 저장하기로 함. * 로그아웃할 때 purge()함수 실행하여 local Storage에 주요 정보 저장 없도록 함 2. 다크모드 위치 변경 * 다크모드 toggle하는 컴포넌트가 최상단 App에 위치하여 위치 바꿀 때 문제 있었음 * 현재 theme mode를 저장하는 상태를 리덕스에 새로 만들어서 * toggle할 때마다 local Sto.. 2021. 5. 4.
[React.js] useEffect 더 잘 사용하기 리액트 훅에서 useEffect는 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 해주는 Hook이다. class형 life cycle methods로 생각하면 componentDidMount + componentDidUpdate + componentWillUnmount 가 합쳐진 거라고 생각할 수 있다. ko.reactjs.org/docs/hooks-effect.html Using the Effect Hook – React A JavaScript library for building user interfaces ko.reactjs.org 다양한 사용 케이스 참고 ↓ stackoverflow.com/questions/53070970/infinite-loop-in-useeffect# Infinite lo.. 2021. 5. 1.
[그룹 스터디 프로젝트] 네 번째 미팅 - 구현 In Progress! (0411) 회의록 Weekly Meeting - 210411 [진행사항 공유] 백엔드 * Swagger로 API 주소 및 데이터 정리 * 깃헙에서 Clone해서 서버 돌리면 접근 가능 * 고양이 CRUD 구현AWS 셋업 (백엔드 서버용) * Windows 사용 시 PuTTY 필요 * IAM 계정 팔 것 * Jenkins라는 CI(Continuous Integration) 툴 사용할 지 추후 결정 프론트엔드 * 메인화면 (로그인 / 회원가입) 구현 * 소셜 로그인 - 네이버, 카카오톡 > 카카오 - 로그인 성공시 액세스 토큰 반환 > 네이버 - URL로 정보를 반환. location 사용해 후처리 * 유저 메인화면 (고양이 정보) 구현 * 고양이 추가화면 구현 * 게시판 구현 진행중 [의논 사항] 1. 로그인 관련 .. 2021. 4. 30.
[그룹 스터디 프로젝트] 오늘 했고 할 일 (0426 ~ 0502) 여태 안 써서 아쉽지만 :') 깃허브에 commit history가 저장되어 있고 Issue로도 트래킹하여 그걸 바탕으로 복기 한다. + 오늘부턴 여기에 메모하자! 까먹기 전에 오늘 구현하고 싶은 부분과 구현한 부분들을 주별로 써내려간다! 0426 (월) 1. 게시글 추가 로직 수정 * 이미지 주소를 Content, Title과 같이 Form Data로 보내도록 2. 고양이 추가 이미지 로직 수정 * 이미지를 올려 React-Easy-Crop을 이용해 변환하고, BlobURL은 미리보기에 BinaryURL은 백엔드로 전송에 적용! 3. 모달 메뉴 수정 * 링크 적용 * 디자인 효과 0427 (화) 1. 전체적 Applayout 만들고 적용! * 데스크탑 화면에서도 모바일 화면에 맞게 디자인 된 크기로 보.. 2021. 4. 30.