본문 바로가기

분류 전체보기142

Javascript - fetch api(2) fetch(url, option) POST요청을 할 때는 option을 넣어줘야 한다. method, body는 필수이다. headers는 대부분 server에서 요구하는 경우가 많다. 보통 login을 할때 header에 access-token 값을 요구를 하면 headers에 access-token 값을 넣어서 보내야 한다. 기본적으로 content-type: application/json은 넣어주는데, POST 요청할 때 body를 json 형태로 보내겠다는 의미이다. 그래서 body에서 JSON.stringify로 데이터를 보낸다.(axios 라는 라이브러리를 사용하면 JSON.stringify 같은 메소드 없이 객체로 보낼 수 있는 장점이 있다.) 그리고 headers는 server에서 요구하는.. 2021. 3. 4.
React - flicking 많은 웹사이트를 보면 배너가 있고 버튼을 누르거나, 배너 navigator(?) 같은거를 누르면 배너가 이동을 한다. React에서 이러한 기능을 해주는 라이브러리가 있다. flicking이라는 라이브러리다. npm 사이트에서 flicking이라고 검색을 하면 flicking에 관련된 많은 라이브러리가 나온다. React를 사용했기 때문에 하기와 같은 라이브러리를 설치를 했다. npm install --save @egjs/react-flicking flicking에 대한 많은 property들은 공식 사이트에 나와있다. 설명이 잘되어 있다 @egjs/react-flicking : "^3.5.2" naver.github.io/egjs-flicking/release/latest/doc/index.html I.. 2021. 2. 21.
React - Next - Material ui Warning: Prop className did not match Warning: Prop className did not match Next js에 Material ui를 setting 할 때, 문제점이 발생했다. 처음 켤때는 아무런 문제가 없지만 새로고침을 하거나 다른 페이지를 이동하동 하다보면 콘솔에 위와 같은 message가 발생한다. 이것을 해결하고자 google을 열심히 뒤져서 해결을 할 수 있었다. 우선 먼저 찾아 볼수 있는 페이지는 Material ui 공식문서 사이트 이다. 여기서 이문제가 왜 발생하고 있는지 잘 설명되어 있다. material-ui.com/guides/server-rendering/ Server Rendering - Material-UI The most common use case for server-side rendering is t.. 2021. 2. 14.
Redux - immutable - Next tutorial(마무리)(수정본) Redux - immutable - Next tutorial(마무리) 글에서 수정할 부분이 많아서 새로운 글에 다시 작성하기로 했다. 기존코드에서 수정한 부분(2/6 기준으로 수정할 부분에서 추가로 수정) 1) useStore를 잘못 사용 2) del 기능 구현을 위해서 splice 대신 immutable 메소드 사용 todoList를 만들면서 삭제기능을 넣었다. 삭제 기능을 넣으면서 useStore를 사용해서 redux store에 접근을 했다. 이렇게 코드를 구현했더니 del 버튼을 누르면 바로바로 삭제가 되지 않았다. 그래서 re-render가 될 수 있도록 useEffect를 사용해서 list 값이 변하면 re render가 되도록 코드 구현을 하였으나 그래도 바로바로 삭제가 되지 않았다. use.. 2021. 2. 7.
반응형

티스토리툴바