실버블렛 Insights

npm 특정 버전 설치 방법 일반 설치 npm install react-json-pretty특정 버전 설치 //npm install 모듈명@버전명 npm install react-json-pretty@2.2.0

react json 정렬 라이브러리 React JSON Pretty Install(라이브러리 설치) npm install --save react-json-pretty사용법 import JSONPretty from 'react-json-pretty'; //yourData = json 값을 넣으면 됩니다. 자세한 사항은 아래 참고사이트 npm 라이브러리 사이트를 참고해 주세요. 테마도 적용 가능합니다. 참고사이트 : https://www.npmjs.com/package/react-json-pretty

QueryDsl 안될때 gradle 설정법 build.gradle 설정 //querydsl 추가 buildscript { dependencies { classpath("gradle.plugin.com.ewerk.gradle.plugins:querydsl-plugin:1.0.10") } } plugins { id 'org.springframework.boot' version '2.4.1' id 'io.spring.dependency-management' version '1.0.10.RELEASE' id 'java' } group = 'jpabook' version = '0.0.1-SNAPSHOT' sourceCompatibility = '11' //apply plugin: 'io.spring.depende..

# spring batch tasklet getJobExecution(spring 배치 tasklet에서 jobId 얻기 위해 JobExecution 조회) ## tasklet 에서 jobId 가지고 오기 위해 getJobExecution 사용법 ``` public class ChangingJobExecutionContextTasklet implements Tasklet { /** {@inheritDoc} */ @Override public RepeatStatus execute(StepContribution contribution, ChunkContext chunkContext) throws Exception { // set variable in JobExecutionContext chunkContext..

Java String Number 체크(Check if String is a Number) isNumeric 함수 만들어서 사용. number check 함수 public static boolean isNumeric(String string) { int intValue; System.out.println(String.format("Parsing string: \"%s\"", string)); if(string == null || string.equals("")) { System.out.println("String cannot be parsed, it is null or empty."); return false; } try { intValue = Integer.parseInt(string); return ..

typescript for문들 반복문 for of 타입과 관계없이 배열에 담긴 값 을 순서대로 얻을 때 사용한다. const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineapple']; for (const fruit of fruitArr) { console.log(`${fruit}`); } // result apple Strawberry Banana Pineapplefor in 배열의 순서(인덱스Index) 를 얻을 때 사용한다. const fruitArr: any = ['apple', 'Strawberry', 'Banana', 'Pineappl..

SASS '&' 기호 의미 이렇게 작성된 sass 문법은 .foo { .bar { &:hover { color: red; } } } css로 이렇게 만들어진다..foo .bar:hover { color: red; } SASS '&' 다른 예 이렇게 작성된 sass 문법은 .foo { &-bar { color: red; } } css로 이렇게 만들어진다. .foo-bar { color: red; } 참고사이트 : Sass Guidelines #sass설명 #sass가이드 #sass & #sass '&' #sass& #sass'&'

1.공백없이 클래스끼리 붙어있는 경우 .class1.class2{} ex)-.con1.con2 클래스 속성 내에 con1과 con2가 모두 설정된 모든 요소를 선택합니다. 2.쉼표가 있는 경우입니다. element, element, element { } css 선택자 목록(,)은 일치하는 모든 요소를 선택합니다. 쉼표로 구분한 목록을 한 줄에 배치할 수 있습니다. h1, h2, h3, h4, h5, h6 { font-family: helvetica; } 3. 공백으로 연결해서 사용 하면 하위 개체로 지정합니다 .test1 .test2 .test3 test1클래스 내부의 test2클래스 내부 test3클래스요소에만 스타일 적용합니다. 4. > 기호 test1 > test2 특정 요소의 앞, 뒤 혹은 내부에..

Immer 사용법 Immer 설치 $ yarn add immer immer import import produce from 'immer'; 사용법 const state = { a: 1, b: 2 }; const nextState = produce(state, draft => { draft.a += 1; }); console.log(nextState); // { a: 2, b: 2 }리듀서에서 Immer 사용하기 function reducer(state, action) { switch (action.type) { case 'CREATE_USER': return produce(state, draft => { draft.users.push(action.user); }); case ..

자바스크립트 배열의 값 순서 바꾸기 1. splice 메소드 설명 자바스크립트의 배열의 값을 변경할 때는 Array.prototype.splice() 를 사용하면 됩니다. Array.prototype.splice() 설명 링크 : Array.prototype.splice() 위 링크 접속으로 자세한 메소드 정보를 확인 가능합니다. 하단의 간단한 메소드 사용법입니다. const months = ['Jan', 'March', 'April', 'June']; months.splice(1, 0, 'Feb'); // inserts at index 1 console.log(months); // expected output: Array ["Jan..