본문 바로가기

전체보기

(43)
eslint, prettier eslint : 코드 포맷터 + 코드 에러잡아내고 코드 문법 강제 (품질개선) prettier: 코드를 예쁘게 (에러를 잡아내지 못함) * eslint-config-prettier 패키지는 ESLint 규칙에서 Pretter 규칙과 충돌하는 규칙들을 OFF 시키는 역할 * eslint-plugin-prettier는 Prettier 규칙들을 ESLint 규칙에 추가하는 패키지입니다. 즉, eslint --fix 만 실행해줘도 prettier --write를 사용할 필요 없이 prettier까지 적용 module.exports = { ... plugins: ['prettier'], extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettie..
프로젝트 mobile 에서 확인하기 (ngrok) https://www.npmjs.com/package/ngrok ngrok node wrapper for ngrok www.npmjs.com
VSC 자주 쓰는 단축키 정리 정렬 : Ctrl + A 전체 선택 후 Ctrl + K + F 한줄 복사 Alt + Shift + 방향키↓ 한줄 삭제 : Shift + Delete 전체찾기 : Ctrl + Shift + F 파일 찾기 : Ctrl + P 현재 파일 내에서 찾기 : Ctrl + F
같은 라이브러리 다른버전 npm install https://www.nieknijland.nl/blog/use-multiple-versions-of-an-npm-package-at-the-same-time Use multiple versions of an npm package at the same time | Blog Sometimes the API of an npm package changes. And sometimes the package is not backward compatible. In big projects, it is sometimes hard to refactor all the code concerned with a new API of an npm package you just updated. You probably want to b..
[Vue3] Watch, WatchEffect watch : 특정 데이터가 변경되었을 때 실행, 새로운 데이터와 이전의 데이터를 가져옴 (lazy) / watching a getter const state = reactive({ count: 0 }) watch( () => state.count, (count, prevCount) => { /* ... */ } ) watchEffect : 의존성이 있는 데이터에 대해서 즉각적으로 실행 (immediately), 함수 내부에 있는 여러 반응값을 관찰해야 할 때마다 사용하고 그 중 하나가 업데이트 될 때 마다 반응 const count = ref(0) watchEffect(() => console.log(count.value)) // -> logs 0
Spring servlet container 이미지 스프링 서블릿 컨테이너 도식화 이미지
[SpringBoot] DateTime Format Response (서버 -> 클라이언트) 로 전달할 때에는 @JsonFormat 을 사용, // vo ( Server -> Client ) @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss") private LocalDateTime registerDate; ※주의 : 엑셀 출력시엔 JsonFormat이 안먹기 때문에 (client에 보낼때 json으로 컨버팅할경우) 그런 경우는 String으로 처리해야함 Request(클라이언트 -> 서버)로 전달할 때는 @DateTimeFormat 을 사용한다. @DateTimeFormat(pattern = "yyyy-MM-dd'T'HH:mm:ss") // 공백 대신 T를 넣어주거나 (선호) @DateTimeFormat(pattern = "y..
자주쓰는 Querydsl 함수/표현식 정리 Expressions.stringTemplate Expressions.dateTemplate MathExpressions DateTimeExpression BooleanExpression StringExpression CaseBuilder ex) new CaseBuilder().when(~~).then(~~).otherwise(~~).as("test") null 일때 coalesce eq === ne !== like 'abc' contains '%abc%' lt = 사용자함수 (ex. date) Expressions.dateTemplate(Date.class, "function('DATE_SUB_INTERVAL',{0}, {1}, DAY)", "2021-01-01 00:00:00", 1)) MySQL56..