레퍼런스 마이닝

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..

SQL 조인 유형 ANSI SQL 표준은 다음표에 나열된 5가지 유형의 조인을 정의한다. INNER JOIN 두 테이블에 조인 조건과 일치하는 행이 하나 이상 있는 경우 행을 반환한다. LEFT OUTER JOIN (LEFT JOIN) 오른쪽 테이블에 일치하는 행이 없더라도 왼쪽 테이블에 데이터가 있는 행을 반환한다. RIGHT OUTER JOIN (RIGHT JOIN) 왼쪽 테이블에 일치하는 행이 없더라도 오른쪽 테이블에 데이터가 있는 행을 반환한다. FULL OUTER JOIN (FULL JOIN) 테이블 중에 하나에 일치하는 데이터가 있는 한 모든 행을 반환한다. CROSS JOIN - 첫 번째 테이블의 각 행과 두 번째 테이블의 각 행을 결합한 행을 반환한다. JOIN 문법 SELECT * FRO..

DMBS와 RDBMS의 차이점에 대해 많은 혼란이 있다. 마치 서로 다른 것처럼 말이다. 이런 차이는 약간의 오해를 불러온다. 결론적으로 RDBMS는 DBMS이다. 그러나 DBMS가 항상 RDBMS인건 아니다. 이제 각각을 정의해 보자. DBMS DBMS는 데이터베이스 관리시스템을 의미한다. 데이터베이스를 만들고 관리할 수 있다. 여기서 데이터베이스 관리시스템은 기능을 수행하는 모든 시스템의 광범위 함을 말한다. RDBMS RDBMS는 관계형 데이터베이스 관리시스템을 의미한다. 즉, 관계형이 추가된 의미의 DBMS이다. 이것은 데이터베이스에 관계형 모델을 사용하는 유형의 DBMS이다. 따라서 RDBMS를 사용하면 관계형 데이터베이스를 만들 수 있다. DBMS VS RDBMS "R"은 관계형을 의미이며 관..

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..

Node를 사용하면 패키지 관리를 위해서 npm 또는 yarn을 사용한다. 설치가 필요한 패키지들이 package.json 파일에는 프로젝트가 의존하고 있는 모든 패키지의 이름과 버전이 나열되어있으며 npm, yarn 명령어로 패키지를 설치할 수 있다. 그런데, 여러 명의 개발자들이 서로 다른 Node의 버전과 설치하는 시점에 따라 패키지 버전이 달라질 수 있다. 서로 다른 패키지를 설치해서 개발자 간의 혼선을 막을 수 있는 파일이 lock 파일이다. npm - package-lock.json yarn - yarn-lock.json lock 파일이 지원이 안될 때는 개발자 간의 버전이 맞지 않아 패키지 충돌과 버전 차이로 정상 동작하지 않는 경우가 빈번하였다. 이러한 이유로 만들어진 lock 파일이 만들..