밀래의 코딩북

React에서 API를 호출하기 위해 axios를 활용하는 방법이 있습니다. 이 포스팅에서는 axios 설치 방법과 Get, Post, Put, Delete API를 호출하는 방법를 정리하겠습니다. 1. Axios 설치 Axios는 HTTP 클라이언트 라이브러리로 React, Vue에서 많이 사용되는 라이브러리입니다. Axios는 Promise 기반으로 XHRHttpRequests 요청을 쉽게 할 수 있습니다. 설치방법 Using npm: npm install axios Using yarn: npm install axios Using CDN: 2. Axios 사용 API 호출 하는 방법 GET API 호출: GET API를 호출하는 방법으로 두가지가 있습니다. params를 URL에 넣는 방법, 따로 p..

1일 1블로그를 도전하고 있는데 공부하면서 Git에 1일 1푸쉬도 도전해보려고 합니다. https://github.com/voguebloom1 voguebloom1 - Overview voguebloom1 has 7 repositories available. Follow their code on GitHub. github.com 아직 Github project 정리는 하지 못해서 몇몇 프로젝트에 공부를 하면서 푸쉬를 하고 있습니다. 현재는 여러가지 프로젝트를 한번 진행해보려고하는데 현재는 회사에서 먹는 커피 더치페이용 반응형 웹사이트를 만드려고 하고 있습니다. Back End는 Node.js 기반 Front End는 React 기반으로 간단한 웹사이트를 만들어보면서 기본을 다지려고 하는데요. 1일 1푸쉬..

로컬에서 프런트 서버와 백엔드 서버의 포트를 다르게 사용할 때 발생하는 문제인 CORS 해결방법에 대해 정리합니다. 1. CORS CORS는 Cross Origin Resource Sharing의 약자로 도메인 및 포트가 다른 서버로 클라이언트가 요청했을 때 브라우저가 보안상의 이유로 API를 차단하는 문제입니다. 예로 들면 로컬에서 클라이언트는 3000 포트로 서버는 10000 포트로 서버를 띄웠을때 또는 로컬 서버에서 다른 서버로 호출할 때 발생하게 됩니다. 2. 해결 방법 node 서버에서 cors 이슈를 해결하는 몇가지 방법을 정리합니다. 1. Access-Control-Allow-Origin response 헤더를 추가. app.get('/', (req,res) => { res.header("A..

MacOS나 리눅스에서 nvm으로 설치하는 방법은 이전에 살펴 보았습니다. 일반적인 컴퓨터라고 하면 Windows를 많이 사용하죠. 그래서 이번 포스팅은 windows에서 nvm을 설치하는 방법에 대해서 알아보겠습니다. 1. 설치파일 다운로드. nvm-windows : https://github.com/coreybutler/nvm-windows/releases coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위 사이트에서 nvm-setup.zip을 다운로드 받으세요. 2. 설치하기. 다운로드된 파일을 압축을 해..

pymongo로 python에서 mongodb와 연동하는 방법을 정리합니다. 1. pymongo 설치 python에서 pymongo를 활용하여 몽고 DB에 있는 정보를 가져오거나 추가할 수 있습니다. pymongo를 아래 명령어로 설치하세요. pip install pymongo pip 명령어로 쉽게 설치가 가능합니다. 2. MongoDB 연결하기 import pymongo conn = pymongo.MongoClient("mongodb://{id}:{password}@{server_ip}:{port}") db = conn.get_database({db_name}) db.collection_names() 만약, 접속 계정이 특정 DB에 권한을 가지고 있다면 MongoClient 실행 시 DB 이름까지 추가..

자바 알고리즘 공부 및 개발을 위해 JDK 설치는 필수 입니다. 오라클 JDK가 유료로 변경되면서 대부분 Open JDK로 전환하게 되었죠. 그래서 개발환경도 Open JDK로 맞춰 주는 것이 필요합니다. 이 포스팅은 Java open JDK 설치 방법 간단하게 정리 하겠습니다. 1. brew 설치 mac의 패키지를 쉽게 다운로드 하고 관리할 수 있는 homebrew를 설치 한 뒤 open jdk를 설치하겠습니다. openJdk는 zulu의 openjdk를 설치하겠습니다. zulu의 openjdk는 무료로 사용이 가능하며 jvm 제작 전문 밴더인 Azul System에서 제공하는 jdk로 믿고 사용할 수 있습니다. https://brew.sh/index_ko 터미널 창을 실행 한 뒤 아래 커맨드를 실행하..