본문 바로가기

개발66

RESTful API 설계 원칙 / 네이밍 규칙 RESTful API 클라이언트와 서버가 데이터를 주고받는 방식에 대한 아키텍처 스타일 RESTful API Naming 리소스 표현에 명사를 사용하라. 계층관계를 구분짓기 위해 슬래시(/)를 사용하라. URI 마지막에 슬래시를 붙이지 마라. 하이픈(-) 기호를 사용해 가독성을 높여라. 언더스코어를 사용하지 마라. 소문자만을 사용하라. 리소스 표현에 명사를 사용하라. RESTful URI 가 가리키는 리소스는 수행되는 행위가 아니라 객체이다. 이 리소스가 어느 범주에 해당하는지 확인하고 그 범주에 맞는 네이밍 컨벤션을 일관되게 사용해야 한다. ☑️ 문서(Document) 단일 개념(파일 하나, 객체 인스턴스, 데이터베이스 row) 단수 사용(/device-management, /user-managemen.. 2023. 5. 8.

HTTP RESTful API / 안전성과 멱등성 REST(Representational State Transfer) 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미한다. HTTP 에서의 REST 란? 1. HTTP URI(Uniform Resource Identifier)로 자원(Resource)을 명시 2. HTTP Method(POST, GET, PUT, DELETE, PATCH 등)로 3. 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미 HTTP REST 구성요소 자원(Resource): HTTP URI 자원에 대한 행위(Verb): HTTP Method 표현(Representations) HTTP REST 특징 서버-클라이언트 구조(Server-Client) 무상태성(Stateless) 캐시 처리.. 2023. 2. 22.

Spring boot with Swagger 3.0 OpenAPI란? OpenAPI Specification(OAS)라고도 하는 OpenAPI는 RESTful API를 기정의된 규칙에 맞게 API Spec을 json이나 yaml로 표현하는 방식을 의미한다. RESTful API 를 기술하는 표준으로 서비스에서 제공하는 API 의 기능과 End Point 를 개발자나 시스템이 자동으로 발견하고 처리하는데 필요한 정보를 제공한다. 전에는 Swagger 2.0과 같은 이름으로 불렸다가 3.0버전으로 올라오면서 OpenAPI 3.0 Specification(또는 Swagger 3.0)으로 칭한다. 🔎 Open API(Open Application Programming Interface, 공개 API) 누구나 사용할 수 있도록 공개된 API를 말한다. Public.. 2022. 11. 3.

자바스크립트 유용한 함수 모음 객체 키 이름 변경하기 ✏️ 객체 const originObj = { old1: '값1', old2: '값2', old3: '값3', old4: '값4', old5: '값5' }; const func = ({old1: new1, old2: new2, ...rest}) => { return {new1, new2, rest}; } const newObj = func(originObj); console.log(newObj); ✏️ 객체 배열 const originList = [{ old1: '값1', old2: '값2', old3: '값3', old4: '값4', old5: '값5' }, { old1: '값1', old2: '값2', old3: '값3', old4: '값4', old5: '값5' }]; con.. 2022. 8. 29.

in-memory / cache / redis / memcached in-memory 컴퓨터 메인 메모리인 RAM에 데이터를 올려서 사용하는 방법이다. in-memory DB 메모리와 디스크 간 병목이 없어 SSD, HDD 같은 저장공간에서 데이터를 가져오는 것보다 속도가 빠르다. 속도가 빠른 대신 비용이 비싸 큰 용량으로 사용하기에는 무리가 있다. 기본적으로 영속성을 보장하지 않아 데이터가 유실될 가능성이 있다. 메모리에 데이터를 읽고 쓰는 DB면 in-memory DB라고 한다. RDBMS인 MySQL에서도 in-memory 모드를 지원하고, NoSQL인 Redis도 in-memory DB이다. ✔ disk-based DB 외부 저장 장치에 있는 데이터는 데이터를 읽어서 메모리에 올리고, 메모리에 올라간 데이터를 읽어서 사용하기 때문에 속도가 느리다. in-memor.. 2022. 7. 10.

알고리즘 자바스크립트 풀이 모음 두 정수 사이에 속한 정수의 합 구하기 function solution(a, b) { return (a + b) * (Math.abs(b - a) + 1) / 2; } 두 벡터의 각 성분끼리의 곱의 합산(내적) 구하기 function solution(a, b) { // a, b 배열의 길이가 동일함으로 가정 return a.reduce((acc, _, i) => acc += a[i] * b[i], 0); } 0부터 9까지의 숫자 중 없는 숫자 더하기 function solution(numbers) { return 45 - numbers.reduce((cur, acc) => cur + acc, 0); } 2022. 7. 8.

javascript 객체 키 이름 변경 객체 키 이름 변경하기 (객체 배열) map 인자로 객체를 구조분해하여 다른 이름으로 변경하고 새로운 객체로 리턴한다. let origins = [{ old1: 'origins[0].old1', old2: 'origins[0].old2', old3: 'origins[0].old3' }, { old1: 'origins[1].old1', old2: 'origins[1].old2', old3: 'origins[1].old3' }]; let results = origins.map(({ old1: new1, old2: new2, ...rest }) => ({ new1, new2, ...rest })); 객체 키 이름 변경하기 (객체) let origin = { old1: 'origins[0].old1', old2.. 2022. 7. 8.

javascript 배열 내 중복 값 구하기 배열 내에서 중복 값을 추출하는 방법이다. 예를 들어 [1, 1, 2, 3, 5] 배열에서 중복 값인 [1] 을 구하는 방법이다. 중복 값을 구해야 하는 대상 배열이 객체를 요소로 갖는 배열이라면 객체에서 중복을 검사할 대상만 추출한다. (중복이 객체 내 값이 아니라 객체 자체라면 JSON.stringify() 등으로 변환하여 확인해야 한다.) // 데이터 let arr = [{ "name": "홍길동", "phoneNumber": "010-1111-1111" }, { "name": "김길동", "phoneNumber": "010-2222-2222" }, { "name": "고길동", "phoneNumber": "010-3333-3333" }, { "name": "서길동", "phoneNumber": ".. 2022. 6. 23.

javascript byte 수 계산 euc-kr byte 구하기 한글 한 글자당 2byte 기준 바이트 수 계산 function calcByteEuckr(str) { return str .split('') .map(s => s.charCodeAt(0))// 유니코드 값으로 변환 .reduce((prev, c) => (prev + ((c === 10) ? 2 : ((c >> 7) ? 2 : 1))), 0); // c 값이 0~127사이에 있으면 1바이트 } 최대 byte 만큼만 문자열 자르기 function getLimitedByteEuckrText(str, maxByte) { if (!str) return; let b; for (b = i = 0; (c = str.charCodeAt(i)); ) { b += (c === 10) ? 2 : .. 2022. 6. 21.

Vue.js xlsx 엑셀 다운로드 Vue 엑셀 다운로드 서버를 거치지 않고 화면 상에서 xlsx 라이브러리를 사용해 엑셀 다운로드를 하는 방법이다. xlsx 라이브러리 설치 npm install --save xlsx xlsx 를 사용한 엑셀 다운로드 기능 구현 import xlsx from 'xlsx'; ... excelDownload() { const fileName = 'excelFile';// 파일명 const sheetName = 'sheet1';// 시트명 const header = [['이름', '나이', '이메일']];// 컬럼명 const list = [{ name: '홍길동', age: 15, email: '홍길동@naver.com' }, { name: '김길동', age: 44, email: '김길동@naver.com'.. 2022. 6. 16.

이전 1 2 3 4 ··· 7 다음

티스토리툴바