Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Fetch API 1. 어제 AJAX 개념에 대해 익힌 후, 이어서 오늘은 Fetch API의 GET, POST를 이용해 'chatter box'라는 채팅 클라이언트를 만들었다. 2. 중점적으로 진행했던 내용 - API...
Browser 브라우저는 가장 많이 사용되는 응용 소프트웨어로, 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 표시하는 것이다. 자원은 보통 html문서이지만, pdf나 이미지 또는 다른 형태일 수 있다. 누군가 작성한 html, css코드를 화면으로 띄워준다는 의미에서 볼 때, 작성한 코드를 컴퓨터가 알아들을 수 있도록 바꿔주는 일을 한다고 할 수 ...
Today What I Learned Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. * 1. Browser: 클라이언트와 서버 간 요청/응답이 이루어지는 장(크롬, IE 등) 스크린샷 2019-12-02 오전 11.21.28.png 2. Client and Server* 스크린샷 2019-12...
REST는 위키백과의 정의에 따르면 다음과 같다. a way of providing interoperability between computer systems on the internet -Wikipedia- - interoperability: 상호운영성 하지만 이렇게만 봐서는 정확히 어떤 의미인지 알기 힘들다. 먼저 REST의 역사를 살펴보면서 ...
django 프로젝트의 python앱 만들기를 진행해보려한다. 1. 앱생성 - 매우 간단하다. 해당 프로젝트의 db를 열어(필자는 DBBrowserfor_sqlite3사용) 내가 설계한대로 테이블이 짜여진 것을 확인 가능하다. 스크린샷, 2019-10-27 22-36-57.png (필자는 해당 과정 모두 진행한 후에, 데이터 입력까지 진행해보았기 때문에...
이번 프로젝트에서 계획했던 모든 기능 구현을 완료했고, 간단한 실 사용 모습을 업로드하려 한다. Prerequisite 1. CORS 상상치도 못했던 이슈인데, 그냥 request를 보내면 CORS policy에 막혀버려서 크롬 확장 기능인 moesif를 이용해야 한다. 기존에 기술 검토를 할 때 postman으로 요청을 보내서 성공적으로...
이번 DevTrend 프로젝트에서는 비동기 처리 라이브러리로 RxJS를 사용하기로 결정했다. RxJS 및 Reactive X에 관한 설명은 https://velog.io/@dvmflstm/RxJS-Practice 에서 충분히 했으니 넘어가도 될 것 같다. 이번 프로젝트에서 고려해야 하는 비동기 처리 시나리오를 나열해 보면 다음과 같다. - /save/1...
postman 요청 +api key가 필요한 경우 주의 다들 포스트맨을 한 번쯤은 쓰셨다는 걸 가정하고 글을 작성하겠습니다. 포스트맨에서 데이터를 확인하고 싶은데 api key를 어디에 넣어야할 지 모르는 경우가 있을텐데요. 그때는 header를 클릭하셔서 변경을 해주시면 됩니다. 예를들어 다음 kakao map api가 필요한 상황이라고 ...
image.png 1. Browser -사용자 컴퓨터 단말기(PC,태블릿,스마트폰,스마트TV등등)의 웹브라우저를 통해 인터넷망 기반에서 특정 웹사이트에 접속하면 해당 웹사이트를 제공하는 서버컴퓨터내의 웹서버를 통해 제공되는 HTML 페이지 나 HTML결과물을 웹 브라우저가 수신,해석(Interpreting)하여 사람이 알아볼수 있게 Display...
![[ Netflix Clone 1 ] Redux thunk API 연동하기 - 시작부터 어렵다](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/smooth97/ff5cf980-d874-11e9-aa4c-9b9d180980e0/%EC%BA%A1%EC%B2%98.JPG&width=512)
프로젝트 생성 - Git Bash를 열고 명령어를 입력해 프로젝트를 생성 `$ npx create-react-app netflix-clone 해당 디렉토리에서 필요한 모듈을 설치해 주고 $ yarn add redux react-redux axios 개발서버 실행! $ yarn start` API 연동 - 최신 영화 목록, 장르, 고품질 포...
사실 처음에는 이 주제로 포스트를 쓰려고 했던건 아니고 Apollo GraphQL 에서 커서 기반 페이지네이션 구현을 주제로 글을 쓰려고 했습니다. 그런데 막상 찾아보니 백엔드-프론트엔드를 함께 고려하여 커서 기반 페이지네이션을 잘 설명해 놓은 포스트가 없는 것 같아 이 글을 먼저 쓰게 되었습니다. 페이지네이션? 보통 서버에서 데이터를 가져올...
스크린샷 2019-07-26 오후 5.00.30.png 시작 배경 ===== 이것저것 잘 못하기에 풀스택으로 하여 살아남아 가고 있다. 만들어둔 API 들이 점차 손보기 어려워져가는데 고칠 시간은 없고 그러다가 알게된 Graphql. 내가 사용하는 서버는 php 웹 호스팅인데 여기에 이녀석을 설치하려니 ssh 접속은 되지만 아무 설치가 안...
Spring REST Docs Spring REST Docs는 RESTful 서비스를 문서화 할 수 있게 도와주는 도구입니다. 기본적으로 Asciidoc을 사용하며 작성된 테스트 코드에 의해 html파일을 생성해줍니다. Swagger같은 도구로 생성하는 문서가 아닌 Test로 자동 생성 된 스니펫과 자신이 원하는 문서를 결합해서 사용 할 수 있습니다. ...
![[주니어탈출기] REST API 이해하기](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/zansol/cade2c90-3b19-11e9-a392-27ed340fec20/-9-5.png&width=512)
REST API란? - 그럼 REST하지 않은 통신 무엇인가요 = SOAP API, Chatter REST API, 스트리밍 API 등등 구성 1. 자원(RESOURCE) - URL 1. 행위(Verb) - HTTP METHOD 1. 표현(Representations) 예를들어 영화예매페이지에서 고객이름, 좌석번호, 예매번호, 영화정보 등은 ...
서론 안녕하세요, 영훈입니다. 오랜만에 글을 쓰는거 같네요. 제가 쓴 글이 많은 분들에게 도움이 되길 바라면서 시작 해보겠습니다. 오늘은Sequelize와 Sequelize CLI의 개념에 대해서 알아보고난 후 Sequelize CLI를 사용하여 간단한 유저 정보 조회 API를 만들어 보도록 하겠습니다. 이론 ORMMapping.png Seq...