웹 (14) 썸네일형 리스트형 [Spring] Spring Security login (jwt) JWT token이란? 간단히 말해서 암호화된 token이다. 좋은 점은 token에 issue time, expire time등을 설정 할 수 있다는 것이다. https://jwt.io/ JWT.IO JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. jwt.io Spring Security spring Security의 인증 방식은 다음과 같다. Dependency 추가 build.gradle에 다음과 같이 추가한다. import org.jetbrains.kotlin.gradle.tasks.KotlinCompile plugins { val kot.. AWS Simple Queue Service 맛보기 AWS SQS aws에는 sqs라는 간단한 queue를 만들 수 있는 서비스가 존재한다. 이번 포스팅에서는 sqs에서 fifo queue를 만들고, python boto3를 이용해 sqs에서 데이터를 넣고, 받는 작업을 진행해 볼거다. 이 포스팅 github https://github.com/ladianchad/aws_sqs_study GitHub - ladianchad/aws_sqs_study Contribute to ladianchad/aws_sqs_study development by creating an account on GitHub. github.com Queue 생성 대기열 생성 클릭 fifo 선택후 대기열 이름 입력(fifo로 선택하면 무조건 .fifo로 끝나는 이름이어야 한다.) 및 생성.. 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.. 이전 1 2 다음
