CHECK POINT 👁🗨 - navigator.geolocation.getCurrentPosition - JSON.stringify PROCESS 1. init() 2. localstorage check 2-1. null askForCoords() 2-2. not null getWeather() 3. getCurrentPosition(su...
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...