Develop/Api 뽀개기9 [node.js] express 사용하여 간단한 api 만들어보기 (+@CORS) 1. 간단예제 및 테스트 index.js에 다음의 코드 입력 const express = require('express') const app = express() app.get('/', function (req, res) { res.send('Hello World') }) app.get('/dog', function (req, res) { res.send('강아지') }) app.get('/cat', function (req, res) { res.send('고양이') }) app.listen(3000) 간단히 설명하자면 express 라는 npm 모듈은 다운받아서 /(라우터) 기준 dog 파라미터를 보내면 강아지 출력 / 기준 cat 파라미터를 보내면 고양이 출력 → 이 모든것은 localhost:300.. 2023. 6. 19. html method (rest) REST란? "representational State Transfer"의 약자 웹에 존재하는 모든 자원(이미지, 동영상, DB)에 고유한 URL을 부여하여 활용하는 것을 의미한다. 자원을 정의하고 자원에 대한 주소를 지정하는 방법론이다. 자원의 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. REST 구성 요소 1. 자원(Resource), URL 모든 자원은 고유한 ID를 가지며 ID는 서버에 존재하고 클라이언트는 각 자원의 상태를 조작하기 위해 요청을 보낸다. HTTP에서 이러한 자원을 구별하는 ID는 student/1 과 같은 HTTP URL이다. 2. 행위(Verb), Method 클라이언트는 URL을 이용해 자원을 지정하고 자원을 조작하기 위해 Met.. 2023. 6. 11. NPM (node pakage manager) npm은 node pakage manager의 약자이다. 필요한 툴들을 가져다 다운받아 쓸 수 있게 도와주는 모듈을 공유해주는 장소이다. 따라서 우리는 npm install 모듈이름 을 입력하면 자동으로 node.js에서 다운받아짐을 확인할 수 있다. (npm을 통해 명령어만으로 node.js에 프로그램 다운받기) 1. npm사이트 접속 후 figlet 검색하기 다음의 방식으로 install을 진행함을 참고한다. 2.설치 설치 시작전에 npm init명령어를 터미널에 입력하면 여러가지 설정이 가능하다. 우린 생략한다. 쭉쭉 엔터를 누르고 다음과 같이 나온 질문에서 엔터까지 눌렀을 때, pakage.json파일이 생성됐음을 확인할 수 있다. 이거는 npm설치파일에 대한 설명들을 알려준다. 이젠 진짜 설치하.. 2023. 6. 11. Node.js 1분요약 / 설치 Node.js는 백엔드에서 자바스크립트를 사용할 수 있게 만들어주는 프로그램이다. 기존에 우리가 사용하던 자바스크립트는 브라우저에서 돌아가기 때문에 자동으로 인터프리터 해석을 해주어서 별도의 설치 없이 사용할 수 있었다. 하지만 백엔드에서도 이렇게 사용할 수는 없기에 Node.js를 사용한다고 한다. 설치 여기 링크로들어가서 해당 파일을 다운받고 실행. vscode를 켜서 index.js파일 만들 수 있음(이제 node.js 갖춰져 있기에 실행 가능!) ctrl+f5를 눌러 실행할 때, node.js로 실행하면 다움과 같이 콘솔창에 실행됨을 확인할 수 있다. new Terminal로 터미널 생성하고 node로 index.js를 실행해 보아도 Hello world가 잘 실행됨을 알 수 있다. 2023. 6. 11. RestAPI 만들기_4(CRUD 로직구현) ※이 글은 유튜버'악분 일상' 님의 영상을 참고하였습니다. https://iron-mentalman.tistory.com/entry/RestAPI%EB%A7%8C%EB%93%A4%EA%B8%B0-3CRUD RestAPI만들기_3(CRUD) 1.crud template 만들기 먼저 RestAPI라는 class를 만들고 RestController로 데이터 반환 컨트롤러 생성 -> 적절한 함수 배치. 2. path 설정 데이터 타입 json으로 path를 기입 id와 name, author, price를 보냈을 때, Reque iron-mentalman.tistory.com 참고하세요 1.DB 하지만 우리는 간단하게 공부하는 차원에서 대안으로 진행 리스트를 사용해서 구현해보자! ( db의 역할을 리스트가 하는.. 2023. 6. 11. RestAPI만들기_3(CRUD) 1.crud template 만들기 먼저 RestAPI라는 class를 만들고 RestController로 데이터 반환 컨트롤러 생성 -> 적절한 함수 배치. 2. path 설정 데이터 타입 json으로 path를 기입 id와 name, author, price를 보냈을 때, RequestBody부분으로 옮 -> 해당 데이터 타입에 맞는 클래스를 만들어서 이를 RequestBody 옆의 변수로 선언 -> 형식에 맞는 json을 알아서 객체로 받을 수 있음. 우리는 등록과 수정에서 json을 사용하므로 /add 와 /update 관련 함수에서는 @RequestBody설정! 위 내용 처럼 path/동적 경로를 가지고 있는 케이스에서는 @PathVariable + (받을 변수) 로 설정하면 됨. 결과 이렇게 .. 2023. 6. 10. 이전 1 2 다음 반응형
