뇌 채우기 공간

2021.09.01 - [WEB/REACT] - [REACT] 리액트 메모에 대한 공부 링크

2021.09.01 - [WEB/REACT] - [REACT] 리액트 lottie-web 으로 애니메이션 넣기 [REACT] 리액트 lottie-web 으로 애니메이션 넣기 https://lottiefiles.com/ Free Lottie Animation Files, Tools & Plugins - LottieFiles The world’s largest online platform for the world’s smallest animation format for designers, developers, and mor.. sso-feeling.tistory.com

2021.08.27 - [WEB/REACT] - [REACT] react-ga로 리액트 프로젝트에 google analytics 적용하기 [REACT] react-ga로 리액트 프로젝트에 google analytics 적용하기 우리의 프로젝트에 구글애널리틱스를 심어보자! 알고보니 어려운 것이 아닌데 자료가 많이 없어서 좀 헤맸던 부분이다. 이렇게만 하면 된다. 1. 구글애널리틱스에 가서 속성만들기 구글애널리 sso-feeling.tistory.com

2021.08.26 - [WEB/REACT] - [REACT] 책 검색 자동완성기능 구현 [REACT] 책 검색 자동완성기능 구현 input박스에서 검색어를 치면 자동완성 기능을 만드려고 한다. 우리가 검색을 하려고 하는 기능은 1. 책검색 2. 사용자가 올린 태그 기반으로 컬렉션 검색 태그로 컬렉션을 검색하는 것은 태그 sso-feeling.tistory.com

2021.08.23 - [WEB/REACT] - [REACT] 리액트 컴포넌트에 scroll이벤트 사용하기/ debounce와 throttle [REACT] 리액트 컴포넌트에 scroll이벤트 사용하기/ debounce와 throttle 문제발생 우리의 서비스에는 피드가 있다. 이 피드를 계속 구경하다가 다른 페이지를 갔다가 다시 오면 내가 보던 그 화면으로 갔으면 좋겠다. 처리 먼저 리액트 컴포넌트에다가 scroll이벤트를 sso-feeling.tistory.com

2021.08.21 - [WEB/REACT] - [REACT] react transition group /리액트 라우터에 애니메이션 주기, 슬라이드 애니메이션, 특정 페이지에만 라우트 애니메이션 [REACT] react transition group /리액트 라우터에 애니메이션 주기, 슬라이드 애니메이션, 특정 페이지에 react router에 tansition을 주고 싶어! 그래서 찾아봤던 것이 react-transition-group이다. React-Router는 현재 경로가 바뀌면 즉이 DOM에서 제거하기 때문에 화면을 겹쳐서 애니메이션을 주려면 history가 바뀌.. sso-feeling.tistory.com

이번주는 건강의 중요성을 다시 한번 깨닫는 주였다. 항해 시작하고 나서 운동을 전혀 못했다보니 몸이 많이 약해졌나보다. 허리가 삐끗해서 며칠동안 제대로 걸어다니지도 못했다. 허리가 완전히 돌아가서 척추가 알파벳 s자 처럼 휘어버렸다. 이렇게 몸을 돌보지 못한 내가 바보같아서 눈물이 또르륵 났다. 운동을 꼭 해야겠다. 앞으로 절대 재발하지 않도록 해야겠다. 이번주 토요일에는 배포를 하기로 했다. 오류를 하나 잡으면 또 하나가 생기고 또 하나 잡으면 하나 생기고 끊임없이 생기는 것 같다. 그러나 정보처리기사 공부할때 본 내용이 있는데 버그가 하~~나도 없는 서비스는 없다고 한다. 그러니까 버그를 찾으면 계속 해결하고 해결하고 그렇게 하면 될 것 같다. 요즘은 순간적으로 기분이 상하는 일이 너무 자주있다. 내..

이번주는 MVP발표를 위해서 매우 바쁘게 달렸다. 갑자기 디자인, 기능이 나와서 프론트에서 정말 할게 쏟아졌다. 그동안 미루지않고 나오는 족족 만들어놓았었는데 대체 왜 이렇게 한꺼번에 몰아서 바쁜걸까? MVP발표에서 튜터님들이 질문을 하시는데 마침 내가 만들었던 페이지에서 질문이 들어왔다. 그러나 그때는 내가 그 페이지를 정확하게 이해하고 만든게 아니다보니 갑자기 머리가 새 하얘져서 아무말 대잔치를 해버렸다. 앞으로는 내가만드는 페이지를 정확하게 이해하도록 노력해야겠다.

북 컬렉션 설명 1. 제목있음 2. 이미지 넣을 수 있음 3. 설명 넣을 수 있음 4. 책을 선택하고 책 마다 추천 이유를 적을 수 있음 5. 선택한 책 삭제 할 수 있음 6. 서버로 form data로 보냄 기존의 로직 1. 책을 하나 선택하면 리덕스에 저장됨 selected_Books 라는 배열에 title, image, author, isbn이 저장되고 collection_contents라는 배열에 isbn, book_description이 저장됨. 위의 배열은 화면에 책 정보들을 뿌려주기 위해 저장해놓은 것들이고 collection_contents는 서버에게 보낼 형식으로 만들어준것임. 2. 책 더 추가하기를 누르면 리덕스에 있는 more_select라는 변수를 true로 바꿔주고 책을 더 추가할..

컬렉션 수정하기 문제 발생 수정하기할때는 서버에서 값을 받아온 것을 뿌려주고 있음 그러므로 사용자가 x표시를 눌러서 저 책 하나를 없애고 싶어도 서버에서 삭제가 안되기 때문에 바로바로 화면에서 사라지지 않음 즉 리덕스에서 관리를 해야하는데! 여기서 고민은 이미 리덕스에 액션이 많고 이것을 게시하기 까지 여러가지의 액션을 호출하게 되는데 괜찮을까? 였다. 하지만 지금 리덕스에 액션들은 하나의 액션에서 딱 특정한 행위를 위한 액션을 하고 있었다. 나중에 리팩토링할때 점검을 해봐야겠다. 그래서 내가 결정한 방법은 1. 서버에서 컬렉션 디테일을 받아와서 contents(책들)을 리덕스에 저장한다. (1) 저장할 값은 책이미지, 제목, 저자, 사용자가 쓴 추천글 그리고 서버에 보낼 내용인 책 고유번호, 사용자 추..