우리는 오랜만에 편히 앉아서 한담을 나누었다

react 공부를 하려고 관련 글을 여기 저기 기웃 기웃. backend를 spring boot으로 개발환경설정 할 때 그럼 어떻게 연동을 해야 할까? 각각 별도로 server를 관리하는 방법도 있겠지만 내가 원하는 방향은 아니었다. frontend를 별도로 개발하는거야 자유지만, spring boot에서 react를 통합해서 project를 관리할 수 있다면 좋겠다. 그래서 다시 또 기웃 기웃. 찾아서 따라한 내용을 요약하자면 이렇다. 참고 : https://github.com/kantega/react-and-spring 참고 : https://github.com/eirslett/frontend-maven-plugin 1. spring boot web : Demo 프로젝트 생성 2. Demo 프로젝트에..

이클립스에서 스페이스 대신 탭을 사용하도록 해두었는데 언제, 무엇을 건드렸는지 개행 시 라인은 맞춰지지만 백탭을(shift + tab) 실행하면 스페이스로 이미 채워져 있어서 한 칸씩 뒤로 가는 현상이 나타났다. 결론부터 말하면, 설정에서 Web > HTML File > Editor > indentation size 값이 '1'로 되어 있었다. 해당하는 값을 '4'로 변경하니, 백탭에서도 4칸으로 뒤로 커서가 이동했고, 이동한 구간은 탭 영역으로 4칸씩 차지했다. 반대로 탭(tab) 대신 스페이스를 채우고 싶다면, 설정 > General > Editors > Text Editors > Insert spaces for tabs 값을 변경해 주면 된다.

윈도우즈 테스트 환경 구성 WSL은 윈도우즈 10 이상, 특정 업데이트 버전 이상에서 지원한다. 실제 테스트 진행한 PC 시스템 정보 Windows 10 x64 OS build : 19043.2364 Windows Feature Experience Pack 120.2212.4190.0 사전준비 1. WSL 설치 WSL을 사용하여 Windows에 Linux 설치 VS CODE WSL 에서 개발 2. Docker 설치 Docker Desktop Download WSL 2에서 Docker 원격 컨테이너 시작 3. Go, jq 설치 튜토리얼 진행시 스크립트 언어가 Go와 jq로 실행하게 되므로 추가적인 설치가 필요하다. Ubontu 에서 Go 설치 Ubontu 에서 jq 설치 하이퍼레저 테스트 환경 구성 하이퍼..

NHN Toast에서 공개한 문서입니다. HTML/CSS/Sass HTML은 페이지의 기본 골격을 구성하며 CSS는 마크업 언어가 어떻게 보일지를 정의한다.이 둘은 서비스 성능 및 접근성과 밀접하게 연관되어 있다. 즉, HTML와 CSS를 잘 작성해야 모든 브라우저가 콘텐츠를 손실 없이 동일하게 표현할 수 있다. 이 가이드는 일관성 있는 코드를 작성하여 작업자 간 공유를 쉽게 하고, 유지보수 및 확장 비용 최소화를 목표로 한다. 코딩컨벤션 코딩 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이다. 특히 자바스크립트는 다른 언어에 비해 유연한 문법구조(동적 타입, this 바인딩, 네이티브 객체 조작 가능)를 가지기 때문에 개발자 간 통일된 규약이 없다면 코드의 의도를 파악하거..

상수는 스크립트가 실행 중인 동안 대입을 통해 값을 바꾸거나 재선언 불가하며 값으로 초기화. const PI = 3.14; 같은 범위에 있는 함수나 변수와 동일한 이름 선언 불가. // 오류가 발생합니다 function f() {}; const f = 5; // 역시 오류가 발생합니다 function f() { const g = 5; var g; //statements } 상수에 할당된 객체(Object)의 속성은 변경 가능 const MY_OBJECT = {'key': 'value'}; MY_OBJECT.key = 'otherValue'; 마찬가지로 배열의 내용도 변경 가능 const MY_ARRAY = ['HTML','CSS']; MY_ARRAY.push('JAVASCRIPT'); console.lo..

이클립스에 SonarLint 및 플러그인 설치 후 재기동시 오류 발생 An error has occurred. See error log for more details. Unable to make protected final java.lang.Class java.lang.ClassLoader.defineClass(java.lang.String,byte[],int,int) throws java.lang.ClassFormatError accessible: module java.base does not "opens java.lang" to unnamed module @251a90ce 쏘나 플러그인 설치 전에 다른 플러그인 업데이트가 필요하다 해서 할까, 말까 했는데 변경한 덕에(?) .ini 파일을 확인해보니 ..

update or insert 를 처리할 수 있는 upsert 문에서 다 건의 데이터를 처리할 순 없었다. 2개의 List 객체를 초기화 하고 신규 데이터와 기존 데이터로 분리, 그리고 각각 일괄로 처리 하였다. update multi rows sample 1 update test as t set--업데이트 하고자 하는 테이블 t column_a = c.column_a from ( values ('123', 1),--업데이트 데이터 row_1 ('345', 2) --업데이트 데이터 row_2 ) as c (column_b, column_a) --업데이트 가져오는 테이블 c where c.column_b = t.column_b; update multi rows sample 2 update test as t..

PostgreSQL DB 권한보기 테이블 조회 SELECT TABLE_SCHEMA , TABLE_NAME , TABLE_TYPE --SELECT * FROM INFORMATION_SCHEMA.TABLES -- WHERE TABLE_SCHEMA IN (SELECT CURRENT_USER) -- WHERE TABLE_SCHEMA LIKE 'string%' AND TABLE_NAME LIKE '%' ORDER BY TABLE_NAME ; 컬럼 조회 SELECT TABLE_SCHEMA , TABLE_NAME , ORDINAL_POSITION , COLUMN_NAME , DATA_TYPE , CHARACTER_MAXIMUM_LENGTH , NUMERIC_PRECISION --SELECT * FROM INFORMA..

해당 날짜의 데이터 select count(watt_max) from tbl_test where to_char(regdate, 'YYYY-MM-DD') = '2016-10-17' ; -- 소요시간 : 124초 (150만건) (하루: 20*60*60*24 = 1,728,000) 이렇게 하면 망함! 해당 날짜의 데이터 select count(watt) from tbl_test where regdate >= date '2016-10-17' and regdate < date '2016-10-17' + integer '1' -- 여기선 하루 ; --소요시간 : 634ms (150만건) (하루: 20*60*60*24 = 1,728,000) 해당 날짜의 데이터 select count(watt) from tbl_tes..

1. DUAL 오라클에서 사용하는 DUAL 은 제외하고 사용한다. SELECT 1 FROM DUAL 과 같이 DUAL 을 사용할 수 없다. EX> SELECT 1 로만 작성하면 된다. 2. SYSDATE NOW() 함수를 사용한다. EX> SELECT TO_CHAR(NOW(), 'YYYY-MM-DD') 3. NVL COALESCE 함수를 사용한다 SELECT COALESCE(USER_ID, 0) FROM USER_INFO 4. SEQUENCE (시퀀스) 오라클 시퀀스 문법은 시퀀스명.NEXTVAL PostgreSQL 에서는 NEXTVAL('시퀀스명') 으로 사용한다. 5. ROWNUM 오라클(Oracle)에서 사용하는 ROWNUM 을 PostgreSQL에서 사용하는 방법 ▶ WHERE 절에서 사용 SEL..