[220811] Daily Study Note

 

  Today's Plan  

 

GoodGeul Project (10:30am - 4:30am , 6시간 했구나.. 하이고..그런데 오늘은 성과가 미비해서 속상타..)

1) React Router 개념을 다시 봤습니다. 책 상세 화면을 구현하는 것을 Router로 해볼까해서였습니다.

2) 원하는 기능은 Router보다는 state로 우선 관리하는 것이 나을 것 같아 그런 식으로 살폈습니다.

3) 2)를 완수하고, 선택된 책의 제목으로 더 많은 정보를 Naver의 책 검색 API를 통해 받아오려 했습니다.

 

Training Coding Test with Python (3시간)

 

1) 백준 3문제

 

 

 

---

 

GoodGeul Project (10:30am - 4:30am , 6시간 했구나.. 하이고..그런데 오늘은 성과가 미비해서 속상타..)

 

1) React Router 개념을 다시 봤습니다. 책 상세 화면을 구현하는 것을 Router로 해볼까해서였습니다.

   

2) 원하는 기능은 Router보다는 state로 우선 관리하는 것이 나을 것 같아 그런 식으로 살폈습니다.

 

3) 2)를 완수하고, 선택된 책의 제목으로 더 많은 정보를 Naver의 책 검색 API를 통해 받아오려 했습니다.

 

4) 3)에서 CORS문제가 떴는데, 헤더를 이용해 커스텀 설정해 요청 받아서 할 수 있는 게 아니었습니다.

    제공자인 Naver측에서 보안상의 이유로 API는 서버프로그래밍을 통해서만 호출 가능하게 했다는 것을 뒤늦게 해당 사이트 QnA에서 확인했습니다. 해서 프록시 서버 설정하는 법부터 해서 깊게 들어가다가 본 프로젝트와 거리가 점점 멀어지는 것을 발견하고, 일단 스탑했습니다. 

 

5) 아 맞다. 그리고 API 받아오는 fetch부분은 js파일로 따로 코드분리했다. 빼내면서 API key값 보안 때문에 .env로 환경 변수로 해당 부분 설정하려 했는데, 이상하게 오늘 process파일을 못 읽었다. 이 부분도 내일 좀 더 봐야겠다. 내일 할 거 많다. 흥미진진. 

---

 

 

https://stackoverflow.com/questions/45696999/fetch-unexpected-end-of-input

fetch() unexpected end of input

https://velog.io/@ssong/Naver-Geocoding-API-CORS-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0

Naver Geocoding API CORS 에러 해결

https://velog.io/@lisasu/%EC%B9%B4%EC%B9%B4%EC%98%A4-API%EC%99%80-%EB%84%A4%EC%9D%B4%EB%B2%84-API-%EC%9D%B4%EC%9A%A9

카카오 API와 네이버 API 이용.

https://msyu1207.tistory.com/entry/React%EB%A1%9C-%EC%98%81%ED%99%94-%EC%A0%95%EB%B3%B4%EB%A5%BC-%EA%B2%80%EC%83%89%ED%95%B4%EB%B3%B4%EC%9E%90-%EB%91%90%EB%B2%88%EC%A7%B8-%EB%84%A4%EC%9D%B4%EB%B2%84-API-%EC%82%AC%EC%9A%A9-CORS-%EC%84%A4%EC%A0%95-%ED%95%98%EA%B8%B0?category=906762 

React로 영화 정보를 검색해보자 - 두번째 네이버 API 사용 / CORS 설정 하기

 

https://velog.io/@md2eoseo/jandy-ddareung-03

#3 Naver Geocoding API 적용

: naver api 쓰기가 이렇게 어려운거였구나.. 하.. proxy server 설정하면서 시간 다 가는 중..

 

 

원하는 구현사항은 오늘은 아직 못 뽑아냈지만, React Router 사용에 대해서 찐하게 학습했습니다. 해당 구현이 끝난 뒤, SideNavBar에서 활용 가능할 것 같습니다. 해당 API의 설정부터 시작해서 fetch, Axios등에 대해 문서를 읽고 정리했습니다. 프록시 서버 설정 등이 미숙한데, 어느정도 이해도가 생겨서 내일 오전 중으로 마무리 가능할 것 같습니다.

 

 

요즘 output측면에서 좀 둔하게 생각하는 것 같다는 반성을 했습니다. 활용하기 위해 일단 Input이 있어야 한다는 생각이 들어서 새로운 것 나오면 Document나 같은 개념을 여러 가지로 설명한 블로그들 많이 보는데 스스로의 언어로 정리해서 풀어내는 것에 점점 낯설어지는 추세입니다. 다시 흐름 잡고 내 글을 더 많이 쓰는 방향으로 돌아와야겠습니다.

 

 

 

 

---

Training Coding Test with Python (3시간)

 

1) 백준 3문제

 

백준 6문제 : 초과 달성 ~ 굿 잡 맨~

 

https://proprotrainee.tistory.com/153

[ BOJ / 파이썬 ] 2577 숫자의 개수

https://proprotrainee.tistory.com/154

[ BOJ / 파이썬 ] 1475 방 번호

https://proprotrainee.tistory.com/155

[ BOJ / 파이썬 ] 3273 두 수의 합

https://proprotrainee.tistory.com/156

[ BOJ / 파이썬 ] 5397 키로거

https://proprotrainee.tistory.com/157

[ BOJ / 파이썬 ] 1406 에디터

https://proprotrainee.tistory.com/158

[ BOJ / 파이썬 ] 1158 요세푸스 문제