레퍼런스 마이닝

API를 만들 때 부득이하게 Get요청으로 List로 요청을 보내고 싶을 때가 있다. Spring에서는 @RequestParam을 이용해서 List 형태로 데이터를 받는 것이 가능하다. @RequestParam은 , (comma)로 구분하여 데이터를 요청하게 되면, 자동으로 데이터를 , (comma) 구분하여 List 형태로 데이터를 변환한다. @GetMapping(path = "/test", produces = MediaType.APPLICATION_JSON_VALUE) public ResponseEntity getList(@RequestParam List srnoList) throws Exception { logger.info("*** getList Params ***"); logger.info("*..

[프로그래밍/Back end] - [Back end] Error parsing HTTP request header 에러 (Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986) [Back end] Error parsing HTTP request header 에러 (Invalid character found in the request target. The valid characters are def 정보: Error parsing HTTP request header Note: further occurrences of HTTP header parsing errors will ..

github.com/jdavisclark/CaseConversion jdavisclark/CaseConversion Case conversion plugin (pascal, camel, snake) for sublime text 2 - jdavisclark/CaseConversion github.com 서브라임에서 Camel case 변환을 기본적으로 지원하지 않는다. 간단한 install로 적용이 가능하다. 위 사이트에서 다양한 케이스별 변환을 지원하며, 그중에 Camel case가 있다. 패키지를 다운로드한 후 서브라임에 적용하면 된다. 서브라임에서 Perferences -> Browse Package를 선택하고 다운로드한 패키지 폴더를 옮기면 된다. 이후 서브라임을 한번 재시작하면 적용이 완료된다...

QuillEditor에서 HTML모드가 없어서 code-block를 HTML 모드로 커스텀 하였다. QuillEditor.css .ql-container , .ql-editor { height: 500px; } *[quill__html]{ display: none; width: 100%; margin: 0; background: rgb(29, 29, 29); box-sizing: border-box; color: rgb(204, 204, 204); outline: none; padding: 12px 15px; line-height: 24px; font-family: Consolas, Menlo, Monaco, "Courier New", monospace; position: absolute; top: 0;..

import lombok.AccessLevel; import lombok.AllArgsConstructor; import lombok.Builder; import lombok.Getter; /** * @author * @desc 결과 리턴용 object */ @Getter @AllArgsConstructor(access = AccessLevel.PRIVATE) @Builder(builderMethodName = "responseObjectBuilder") public class ResponseObject { private int resultCode; private Object resultData; private String resultMessage; public static ResponseObjectBu..

import React, { useState, useMemo } from 'react'; import ReactQuill from 'react-quill'; import 'react-quill/dist/quill.snow.css'; import * as api from 'lib/api'; const QuillEditor = () => { /** * imageUrl 제어 */ function imageUrlHandler() { const range = this.quill.getSelection(); const url = prompt('please copy paste the image url here.'); if (url) { // 커서위치에 imageUrl 삽입 this.quill.insertEmbed(r..

VSCode 들여 쓰기 설정 방법을 알아보자. 1. 파일 단위 설정 방법 VSCode는 기본적으로 위와 같이 들여 쓰기 기준이 스페이스 4칸으로 되어있다. 해당 항목을 선택하면 아래와 같이 Command Palette가 나타난다. 여기서 Indent Using Spaces를 선택한다. 변경하고 싶은 사이즈를 선택하고 하단에 들여쓰기 설정이 바뀐 것을 확인한 후 "Shift + Alt + F" 단축키를 통해 포맷팅 재 적용하면 된다. 2. 환경 설정 방법 2-1 Setting 메뉴접근 File(Code) -> Perferences -> Setting 왼쪽 하단 톱니바퀴(설정) 아이콘 단축키 "Ctrl + ," 2-2 editor tab 검색 Detect Indentation - 파일을 열었을 때 기존에 설..

yarn eject를 구성한 뒤 yarn start시 아래와 같은 에러가 나타나는 경우가 있다. Cannot find module '@babel/plugin-syntax-jsx' node_modules 폴더를 삭제 후 다시 yarn install로 재 설치하면 오류가 사라진다.

Java 7 이후부터 리소스가 닫히도록 보장하는 try-with-resources 문을 도입했다. 이 구문은 try catch finally 보다 선호되어야 한다. Noncompliant Code Example FileReader fr = null; BufferedReader br = null; try { fr = new FileReader(fileName); br = new BufferedReader(fr); return br.readLine(); } catch (...) { } finally { if (br != null) { try { br.close(); } catch(IOException e){...} } if (fr != null ) { try { br.close(); } catch(IOExc..

React에서 Back end API 요청 시 CORS 관련 오류를 접하게 된다. 이런 경우에는 React에 Proxy 설정을 적용하면 해결이 된다. Proxy 설정에는 2가지 방법이 있다. 기본 Proxy 설정(package.json) ... "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all", "ie >= 11" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version", "ie >= 11" ] }, "proxy": "https://reference-m1.tistory.com" ... 수동 Proxy 설정(setu..