TIL/개발지식 14

지도 API비교하기 (Kakao Map vs Naver Map)

실시간으로 2000~4000명정도의 유저경로를 보여줘야 할때 어떤 API를 사용할지 고민하고 있다. 우선 국내에서만 이용하는 서비스 이므로 Google Map API는 제외했다. 가격 1. Kakao Map API (https://devtalk.kakao.com/t/faq-api/125610) 로컬 API: 최대 10만 호출/일 지도 API: 최대 30만 호출/일 Kakao Developers 통합 300만 호출/월 기본제공 쿼터의 초과 사용이 필요할 경우, 별도 제휴 계약 협의가 필요 단, 해당 앱이 '비즈앱’으로 설정되어 있어야 하며 앱의 소유자가 실제 해당 서비스의 소유자 또는 업체의 소속 계정인 것이 확인되어야 함. 2. Naver Map API (https://www.ncloud.com/char..

TIL/개발지식 2023.10.15

맥북에서 port 5000사용하기

https://algoroot.tistory.com/44 [Server] Port 5000 already in use | MacOS 사용자라면 무조건 해결할 방법 Problem 파이썬을 공부하면서 Flask라는 프레임워크를 설치하고 5000 포트에 연결하는데, 이미 연결되어 연결이 되지 않는다는 오류가 나왔다. if __name__ == '__main__': app.run('0.0.0.0', port=5000, debug=True) OSE algoroot.tistory.com 이분꺼 보고 해결함 ..ㅎ 감사합니당 :)

TIL/개발지식 2023.05.18

Vue Prettier 사용하기

https://shoney.tistory.com/entry/VSCode-%EC%A0%80%EC%9E%A5%EC%8B%9C%EC%97%90-%EC%9E%90%EB%8F%99%EC%A0%95%EB%A0%AC-%EC%84%A4%EC%A0%95-Prettier-%EC%A0%81%EC%9A%A9-%EC%95%88%EB%90%A8-%EA%B3%A0%EC%B9%98%EB%8A%94%EB%B2%95-%ED%8F%AC%ED%95%A8 VSCode 저장시에 자동정렬 설정 (Prettier) - 적용 안됨 고치는법 포함 Ctrl + S 를 눌렀을 때 소스코드가 자동 정렬되는 방법을 알려드립니다. 적용 안되는 경우 3,4번 항목을 체크해보세요. 1. VSCode에 Extensions 창(Ctrl + Shift + x)에서 P..

TIL/개발지식 2023.04.17

Zustand 간단하게 정리해보기 | Redux devtools

react-redux, recoil, react-query는 해봤는데 zustand는 처음이다 간단하게정리해봐야지 공식: #TypeScript Usage도 있음! https://github.com/pmndrs/zustand GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React 🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub. github.com 1. 설치 npm install zustand yarn add zustand 2. Store를 생성한다. stor..

TIL/개발지식 2023.02.15

WebStorage, Cookie, Session비교

1. WebStorage localStorage sessionStorage 로 구분된다. cookie에 비해 큰 데이터를 저장할 수 있다. 서버에 전송 할 필요가 없는 데이터를 유저의 브라우저에 저장한다. key-value 로 데이터를 관리한다. javaScript의 객체를 저장할 수 있다. 1-1. localStorage 로컬에 저장된다. 브라우저가 종료되어도 삭제되지 않는다. 따라서 값을 지워주려고 하면 직접 지워줘야한다. 1-2. sessionStorage session (브라우저, 프로세스등)이 종료될때까지 지속된다. session이 종료될때까지 지속되므로 sessionStorage도 데이터가 삭제된다. sessionStorage의 session은 브라우저의 tab을 의미한다. 2. Cookie ..

TIL/개발지식 2023.02.10

json-server와 postman을 사용해보자 :)

최근에 json-server를 처음 사용할 일이 있었는데 생각보다 편해서 정리해보려고 한다 mock server를 만들어 REST API개발을 기다리는 동안 프론트를 개발해보자 :) 1. 현재 적용할 프로젝트로 경로를 이동한 후 아래 명령어를 입력한다. json-server설치하는것이다. npm install json-server --save-dev 2. 프로젝트 루트 폴더 또는 db.json이 있는 경로에 db.json파일을 생성한다. (필요한 data를 입력하시면 됩니당) 이제 db.json파일이 db역할을 합니당. //db.json { "product":[ { "id":1, "productName":"test1", "price":19000, }, { "id":2, "productName":"test..

TIL/개발지식 2023.01.28