react17 블로그 만들기 - Postman의 설치 및 사용 Postman은 macOS, Windows, 리눅스에서 모두 사용할 수 있는 프로그램입니다. Postman 설치 Postman공식사이트 Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster. www.postman.com 이메일 주소로 가입하거나 구글계정을 이용하여 로그인할 수 있습니다. (Sync 기능을 위해 로그인 권장합니다.) 메서드별로 호출해 보기 설치한 뒤 실행하면 다음과 같.. 2023. 7. 5. 블로그 만들기 - koa-router 사용하기 기본 사용법 리액트 라우터와 유사하게 Koa를 사용할 때도 다른 주소로 요청 들어오면 처리하기 위해 라우터를 사용해야 합니다. Koa 자체에 이 기능이 내장되어 있지는 않으므로, koa-router 모듈을 설치해야 합니다. $ yarn add koa-router index.js 에서 라우터를 불러와 적용해 봅니다. const Koa = require('koa'); const Router = require('koa-router'); const app = new Koa(); const router = new Router(); // 라우터 설정 router.get('/', (ctx) => { ctx.body = '홈'; }); router.get('/about', (ctx) => { ctx.body = '소개.. 2023. 7. 4. 블로그만들기 - nodemon 사용하기 서버 코드를 변경할 때마다 서버를 재시작하지 않기 위해 nodemon 도구를 설치합니다. 우선 개발용 의존 모듈로 설치합니다. $ yarn add --dev nodemon package.json 에 scripts를 다음과 같이 입력합니다. { "name": "blog-backend", "version": "1.0.0", "main": "index.js", "license": "MIT", "dependencies": { "eslint-config-prettier": "^8.8.0", "koa": "^2.14.2" }, "devDependencies": { "eslint": "^8.42.0", "nodemon": "^2.0.22" }, "scripts": { "start": "node src", "start.. 2023. 7. 3. 블로그 만들기 - Koa 기본사용법 서버를 여는 방법은 다음과 같습니다. index.js를 아래와 같이 바꿉니다. const Koa = require('koa'); const app = new Koa(); app.use((ctx) => { ctx.body = 'hello world'; }); app.listen(4000, () => { console.log('Listening to port 4000'); }); $ node src (= node src/index.js, index.js는 생략 가능) 서버를 포트 4000번으로 열고, 서버에 접속하면 'hello world' 를 보여줍니다. Koa 미들웨어 Koa 애플리케이션은 미들웨어의 배열로 구성되어 있습니다. app.use 함수는 미들웨어 함수를 애플리케이션에 등록합니다. 미들웨어 함수.. 2023. 7. 3. 리액트(React) 백엔드 Node.js 와 Koa 소개 리액트로 서비스 제공을 위해 데이터를 저장하고 조회하고 어떻게 보여 줄 것인지 로직을 만드는 것을 서버 프로그래밍 또는 백엔드 포르그래밍이라고 합니다. 백엔드 프로그래밍은 여러 가지 환경으로 진행할 수 있습니다. 즉, 언어도 PHP, Python, Java, Javscript, Rube 등과 같은 다양한 언어로 구현할 수 있는데 그중에서 Javascript로 서버를 구현할 수 있는 Node.js 를 사용하고자 합니다. 1. Node.js 처음에 자바스크립트는 웹브라우저에서만 사용했습니다. 구글이 크롬 웹 브라우저를 소개하면서 V8 이라는 자바스크립트 엔지도 공개했습니다. 이 자바스크립트 엔진을 기반으로 웹 브라우저뿐만 아니라 서버에서도 자바스크립트를 사용할 수 있는 런타임을 개발했는데 이것이 Node.j.. 2023. 6. 12. 리액트로 뉴스뷰어 만들어 보기(4) 리액트 라우터로 뉴스 카테고리 페이지 만들어 봅니다. 라우터를 사용하기 위해 리액트-라우터를 설치합니다. >npm i react-router-dom 리액트 라우터를 적용할 때 만들어야 할 페이지는 단 하나입니다. src 디렉터리에 pages라는 디렉터리를 생성하고, 그 안에 NewsPage.js 파일을 다음과 같이 만듭니다. import { useParams } from 'react-router-dom'; import Categories from '../components/Categories'; import NewsList from '../components/NewsList'; const NewsPage = () => { const params = useParams(); // 카테고리가 선택되지 않았으면.. 2023. 6. 6. 이전 1 2 3 다음 반응형
