개발/[React](3)
-
[Module] Swagger
쓰게 된 이유? 전에 했었던 프로젝트에서 Spring으로 Swagger를 적용한 적이 있다. Swagger를 사용했을 때 API규약에 따라서 명세서(?) 같은 느낌이 들어 좋아 현재 회사에서 진행하고 있는 프로젝트 또한 Swagger를 사용해보고자 한다. Swagger란? 개발자가 REST API 서비스를 설계, 빌드, 문서화할 수 있도록 하는 프로젝트이다. Swagger는 다음과 같은 경우에 유용하게 사용된다. 다른 개발팀과 협업을 진행할 경우 이미 구축되어있는 프로젝트에 대한 유지보수를 진행할 경우 백엔드의 API를 호출하는 프론트엔드 프로그램을 제작할 경우 Swagger - Nodejs npm install swagger-ui-express swagger-jsdoc 사용하는 방법. /public/s..
2020.09.18 -
[Syntax] Async & await
Async & Await Promise 와 Callback 와 마찬가지로 자바스크립트 비동기 처리에 사용되는 객체이다. Async & Await VS Promise getDatas() 는 Promise 객체이다. Promise const datas= () => { getDatas() .then(datas => { console.log(users); return datas; }) .catch(error => { console.log(error); }); } Async & Await const datas = async() => { console.log(await getDatas()); return await getDatas(); } 둘의 차이점은 명확하다. 코드의 간결함이 남다르다. 자바와 같이 동기적 코드..
2020.09.10 -
[React] Promise
Promise 란? Promise는 자바스크립트 비동기 처리에 사용되는 객체이다. 여기서 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미 Promise는 왜 쓰이는가? 기본적으로 우리는 API를 만들 때 밑의 코드를 쓰는 것을 볼 수 있다. app.get('/product', (response)=>{ // }) 그런데 여기서 데이터를 받아오기도 전에 마치 데이터를 다 받아온 것 마냥 화면에 데이터를 표시하려고 하면 오류가 발생하거나 빈 화면이 뜬다. 이와 같은 문제점을 해결하기 위한 방법 중 하나가 Promise(비동기 처리)이다. 프로미스의 3가지 상태(states) 여기서 말하는 상태란 프로미스의 처리..
2020.09.10