React3 [React]공공데이터 포털 API 신청(+적용 2022.11.11) 1. 우선 공공데이터 포털에 들어가서, 로그인을 진행한다.(당연) 2. 마이페이지 -> OPEN API -> 인증키 발급 현황 인증키가 있다면 3 / 없다면 "일반 인증키 재발급" 3. 이전 과정이 되었다면, 원하는 api 검색. 4. 오픈 API 선택 후, "활용 신청" 선택. 5. 대충 활용 목적 작성. -> 활용신청. (신청 후, 길어야 3일. 대부분 2분만에 될거임.) 그동안 활용신청 페이지에 있는 가이드북을 확인해보자. 6. json으로 할것이기에 뒤에 resultType=json 으로 붙혀주고, Call Back url이 http://apis.data.go.kr/6260000/FoodService/getFoodKr 이니 endpoint를 지정한다. client/src/Config.jsx //S.. 2022. 11. 11. [React]redux 새로고침을 해도 값 유지시키기(state 값 유지시키기) 프로젝트에서 react의 redux를 사용하는데, 새로고침이나 하이퍼링크를 이용한 이동시 state값이 초기화되버린다. 그래서 새로고침해도 state값이 유지되는 redux-persist를 사용하려고 한다. 폴더 구조는 이러하다. www.npmjs.com/package/redux-persist redux-persist persist and rehydrate redux stores. Latest version: 6.0.0, last published: 3 years ago. Start using redux-persist in your project by running `npm i redux-persist`. There are 906 other projects in the npm registry using .. 2022. 10. 14. [React] react-router-dom error [url만 바뀌고 페이지 랜더링이 안될경우...] 문제. link를 눌렀을때 url만 변하고 페이지 랜더링이 진행이 되지 않음. 해결방법 호출하는 Footer가 컴포넌트이고 App.js에서 를 묶어줄때 라우터만 묶고, 컴포넌트로 묶지 않을경우, 라우터로 정보가 가지 않음. 때문에 라우터를 최종적으로 랜더링 되는 index.js에 BrowserRouter로 묶어주면 footer와 app.js두개가 묶어지므로 에러가 해결됨. 부모객체인 index.js 랜더링되면서 footer에서도 link를 통해 라우터에 접근가능하며, 링크페이지로 넘어가는 것을 확인할수 있다. 2022. 10. 14. 이전 1 다음
