<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>sue-bin.log</title>
        <link>https://velog.io/</link>
        <description>안녕하세요. 프론트엔드를 공부하는 김수빈입니다. @__sue.b</description>
        <lastBuildDate>Tue, 01 Feb 2022 05:32:35 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <image>
            <title>sue-bin.log</title>
            <url>https://images.velog.io/images/sue-bin/profile/ab356a11-e3d3-4996-b15c-655f02650398/social.jpeg</url>
            <link>https://velog.io/</link>
        </image>
        <copyright>Copyright (C) 2019. sue-bin.log. All rights reserved.</copyright>
        <atom:link href="https://v2.velog.io/rss/sue-bin" rel="self" type="application/rss+xml"/>
        <item>
            <title><![CDATA[Insomina Rest 설치하고 로컬 api 테스트하기]]></title>
            <link>https://velog.io/@sue-bin/Insomina-Rest-%EC%84%A4%EC%B9%98%ED%95%98%EA%B3%A0-%EB%A1%9C%EC%BB%AC-api-%ED%85%8C%EC%8A%A4%ED%8A%B8%ED%95%98%EA%B8%B0</link>
            <guid>https://velog.io/@sue-bin/Insomina-Rest-%EC%84%A4%EC%B9%98%ED%95%98%EA%B3%A0-%EB%A1%9C%EC%BB%AC-api-%ED%85%8C%EC%8A%A4%ED%8A%B8%ED%95%98%EA%B8%B0</guid>
            <pubDate>Tue, 01 Feb 2022 05:32:35 GMT</pubDate>
            <description><![CDATA[<p>프론트엔드 개발을 시작하고, 직접 사이드 프로젝트를 하기 위해서 나만의 db 구축과 api 생성이 필요했다.</p>
<p>javascript 가 익숙했던 나는 node.js ssr을 활용하기 훨씬 편하다는 Nest.js 로 api 만들어보기를 시작 !</p>
<p>GET api 를 만들어내는건 크롬으로 로컬서버에 접속하면 됐지만... post 와 delete를 구별할 수 없었기에 테스팅 툴이 필요했다.</p>
<p>내가 보고 있던 강의에서 선생님이 활용하시던 <strong>Insomnia Rest</strong> 설치 시작</p>
<h2 id="insomnia-rest-설치">Insomnia Rest 설치</h2>
<p>1.
<a href="https://insomnia.rest/">https://insomnia.rest/</a> 에 접속해 오른쪽 위 <strong>Get Started For Free</strong> 클릭
<img src="https://images.velog.io/images/sue-bin/post/4d03b096-e7aa-4f75-a541-501bddb3451f/image.png" alt=""></p>
<ol start="2">
<li><p>무료버전으로 다운로드
<img src="https://images.velog.io/images/sue-bin/post/d6ebb94b-5f60-45e0-9354-ed0d229c511c/image.png" alt=""></p>
</li>
<li><p>알아서 Mac OS 를 먼저 보여준다. 파일을 다운로드한 후 응용프로그램에 옮겨준다 😃 
<img src="https://images.velog.io/images/sue-bin/post/e544a7cf-225b-4705-b6a5-1394d00298a6/image.png" alt=""> <img src="https://images.velog.io/images/sue-bin/post/2ef75a84-fb22-40e5-a280-2d013900aa0d/image.png" alt=""></p>
</li>
</ol>
<p>4.유저 데이터 공유 여부는...알아서
<img src="https://images.velog.io/images/sue-bin/post/74a07ac9-db6e-4448-b17c-906ee093efda/image.png" alt=""></p>
<ol start="5">
<li><p>처음 시작할 api를 자신의 파일 또는 자체 테스트 api로 할 수 있다. 펫스토어 api로 submit 해보니 대쉬보드에 펫스토어 openAPI 가 들어왔고, 기본적인 앱 구조를 확인해볼 수 있었다.
<img src="https://images.velog.io/images/sue-bin/post/90f8b0f8-3528-4dee-bac1-cb9a0e156c2a/image.png" alt="">
<img src="https://images.velog.io/images/sue-bin/post/ec7f8450-2d0c-44ca-a8a3-aefc0023e9e7/image.png" alt=""></p>
</li>
<li><p>api 성격들이 태그로 보기쉽게 구분되고, &quot;디자인 툴&quot; 이라는 말이 무슨 뜻인가 했더니 스키마와 api 구조들을 depreciated 여부 등과 함께 예쁘게 정리가 가능했다!! api들 만들고 정리할때 참고하면 좋을 것 같아 그대로 놔두는 것으로...
<img src="https://images.velog.io/images/sue-bin/post/f2a20cfc-458c-4c25-a20d-4e189592378f/image.png" alt=""></p>
</li>
</ol>
<h2 id="내-로컬-api-테스트하기">내 로컬 api 테스트하기</h2>
<p>그럼 내가 직접 만들고 있는 api도 테스트해봐야겠지?</p>
<ol>
<li><p>오른쪽 위 <strong>Request Collection</strong>을 클릭한다. 리퀘스트들을 모아둘 수 있다.
<img src="https://images.velog.io/images/sue-bin/post/0f823994-c6f2-435f-ba88-12b037ac5bf5/image.png" alt=""></p>
</li>
<li><p>이름 정해주고~
<img src="https://images.velog.io/images/sue-bin/post/dedcfd3e-fe9c-45a8-89a4-2bd760de47b8/image.png" alt=""></p>
</li>
<li><p><strong>Command+N</strong> 또는 <strong>New Request</strong> 버튼을 눌러주면 새로운 리퀘스트를 만들 수 있다.
<img src="https://images.velog.io/images/sue-bin/post/dcc8a671-51a3-412f-8552-4ae6e90617dc/image.png" alt=""></p>
</li>
<li><p>api 이름을 만들어주고,
<img src="https://images.velog.io/images/sue-bin/post/515505dc-153a-4fc8-8be6-9da110abf9d0/image.png" alt=""></p>
</li>
<li><p>api 주소를 적어준 뒤 <strong>Send</strong> 를 누르면 오른쪽에서 결과값을 확인할 수 있다.
<img src="https://images.velog.io/images/sue-bin/post/6b4607f4-3abe-4c09-8552-0facb2921b3f/image.png" alt=""></p>
</li>
</ol>
]]></description>
        </item>
    </channel>
</rss>