분류 전체보기 (45) 썸네일형 리스트형 python request로 API 호출 기존에 spring + kotlin으로 만들었던 API 서버에 python으로 API요청을 보내는 방법을 포스팅한다. Request python 내장 라이브러리에는 request라는 라이브러리가 있는데, 기본적으로 http , https에 대한 통신이 모두 구현 되어 있다. 사용 방법은 다음과 같다. import requests response = requests.get(url , ...) response = requests.post(url, ...) response = requests.patch(url, ...) response = requests.put(url, ...) response = requests.delete(url ...) 여기서 API요청에 대해 크게 2가지 경우로 에러처리를 하면 된다... 프로젝트 마무리 : CloudFront , AWS Certificate Manger 이 포스팅은 이전에 했던 API 서버와 UI를 연동하는 과정에서의 이슈를 해결...? 하는 과정이다. 2022.02.15 - [웹] - Spring + Kotlin API Server 만들기 (1) : 프로젝트 시작, MVC 패턴 Spring + Kotlin API Server 만들기 (1) : 프로젝트 시작, MVC 패턴 API Server + React Project 프로젝트 목표 : API server 구현 및 이해 + react 구현 및 이해 프로젝트 github: https://github.com/ladianchad/spring_kotlin_api_study GitHub - ladianchad/spring_kotlin_api_s.. coding-robot.tistory.com 2022.02.16.. React UI 만들기 (3) : AWS Amplify로 배포 React의 배포는 생각보다 간단하다. React를 build하면 하나의 정적인 static file들만 나오고, 여기에 연관되는 database같은게 없이 API로 데이터를 받아 오기 때문에 AWS S3에 빌드 된 파일들을 올려놓고 앞단에 AWS CloundFront를 붙여 놓으면 된다. 이걸 쌩으로 S3 구성하고 CloudFront를 설정하는 방법이 있다.(중간에 S3와 React 간의 redirect해결 설정 듯) 이거에 대한 자세한 설명이 나와있는 블로그는 다음을 참고 한다. https://wormwlrm.github.io/2020/11/15/SPA-hosting-via-AWS.html AWS를 이용해 SPA 호스팅하기 - 재그지그의 개발 블로그 AWS의 S3, CloudFront, ACM, Ro.. React UI 만들기 (2) : Component, MainContainer 만들기 리엑트는 크게 functional type , class type으로 코드를 짤 수 있는데, 이번 프로젝트에선 functional type으로 짤 계획이다. Component란? react component는 props(옵션들 이라 생각하면 될듯 하다.)을 인자로 받아서 React Elements(HTML Elements)를 조합하는 것이라고 생각하면 될듯하다. 느낌상으로는 화면에 표현되는 것들을 class화 시켜서 개별적으로 개발한뒤 묶는 느낌이다. Components 만들기 먼저 src폴더에 components를 모아둘 components directory를 생성한다. MainContainer Device list, Device data들을 보여줄때 기본적으로 보여질 index , 빈화면을 나타낼 c.. React UI 만들기 (1) : 환경 세팅 프로젝트 환경 우분투 20.04 node 16.13.2 css 잘 몰라요... 이해해 주세요 github link https://github.com/ladianchad/react_ui_study GitHub - ladianchad/react_ui_study Contribute to ladianchad/react_ui_study development by creating an account on GitHub. github.com React란? 간단히 말해서 UI만드는 framework다. fackebook에서 만들었으며, single page application이나 mobile application을 개발할 때 사용할 수 있다. 현재 웹/앱의 View를 만들때 Vue와 더불어서 가장 인기있다. 환경 세팅.. Spring + Kotlin API Server 만들기 (7) : 간단한 Page추가, CSR & SSR 어차피 UI 구성은 React로 할 계획이지만 MVC pattern에서 View 계층을 위해 간단한 페이지를 추가한다. CSR & SSR이란? CSR , SSR은 Client Side Rendering , Server Side Rendering의 약자로 단어 그대로 화면 rendering을 각각 client , server에서 하는 것을 의미한다. 프로젝트에서의 CSR & SSR 이번 프로젝트에서 CSR에 해당하 는건 react이고, SSR에 해당하는건 지금 포스팅하는 mustache이다. Controller 설계 기존 Controller는 RestController로, 화면을 응답으로 주는 controller가 필요하다. 새로운 controller를 만들기 전에 기존 controller를 APICont.. Spring + Kotlin API Server 만들기 (6) : AWS EB + github action으로 CI/CD 구축 CI/CD 만들어진 API Server를 배포하기 위해 aws의 elastic beanstalk 서비스와 git action을 이용할 계획이다. GitHub Action github에서 push, merge 등을 할때 수행하는 workflow를 정의할 수 있다. 1. github repository에서 action 선택 2. set up a workflow yourself 선택 3. 다지우고 커밋 4. local에서 git pull 이제 git action을 위한 파일은 다 만들어졌다. study.yml을 다음과 같이 수정한다. name: Deploy Device API Server on: push: branches: - main jobs: build: runs-on: ubuntu-latest steps.. Spring + Kotlin API Server 만들기 (5) : REST API, Controller, Swagger REST란? Representational State Transfer 줄임말로, 서버에 존재하는 데이터들을 이름으로 구분하고, 데이터를 주고 받는 행위들을 의미한다. REST API를 구성하는건 다음과 같다. url url만 봐도 어떤 자원에 접근하는지 명시된다. ex) /devices : 서버에 존재하는 devices들에 접근한다. ex) /devices/1 : 서버에 존재하는 devices들중 id 1번에 해당하는 것에 접근한다. ex) /devices/1/value : 1번 id의 device의 value에 접근한다. method GET : 데이터를 가져온다. POST : 데이터를 생성한다. PATCH : 데이터를 수정한다. PUT : 데이터가 있으면 수정, 없으면 생성 DELETE: 데이터 삭제 .. 이전 1 2 3 4 5 6 다음
