post-thumbnail

Intellij - Easy i18n Plugin

다국어 보기/추가/수정/삭제가 편리한 플러그인 \- 보기: 아래와 같이 default 언어 설정에 따라 설정한 다국어 텍스트가 표시된다. \- 추가/수정: String에 마우스 클릭 + Ctrl 시 다국어 수정 팝업이 표시된다. (수정/삭제 가능) 포맷후 Int

2022년 7월 12일
·
0개의 댓글
·

??, nullish coalescing operator

a ?? b a 가 null, undefined가 아니면 a그 외는 b첫 번째 정의된(defined) 값을 반환한다.height이 없으면 100, width가 없으면 50을 설정하여 height\*width 의 값을 계산하고자 할 때 아래와 같이 코드를 작성하면 문제가

2022년 6월 10일
·
0개의 댓글
·

vue 파일 import 경로의 '@'는 어디서 설정했을까

업로드중..'@'는 webpack의 path alias로 절대 경로에 대한 별칭이다.vue-cli로 설치 시 @에 대한 path alias 설정이 자동으로 되어있다. (몇버전 부터였는지는 기억이..)이 설정은 어디서 확인할 수 있을까?vue inspect > outpu

2022년 6월 9일
·
0개의 댓글
·

Vue2 - SVG Raw Data (String) 으로 import 하기

과정 vue-d3-network 모듈을 사용해서 그래프를 만들려고 하는데 노드 Icon을 지정하려면 svg 파일을 불러와야했다. 이렇게 svg를 불러온 뒤 속성값에 넣어줬는데 변화가 없었다. 차이점을 찾으려고 예제 소스를 보니 아래와 같이 svg 파일을 불러오고

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

Pinia - 컴포넌트 외부에서 사용 시 (vue2)

현재 개발 환경은 vue2+composition api 이다.router에서 pinia에 있는 store를 호출하여 값을 꺼내올 일이 생겼는데 자꾸 스토어가 아직 설치되지 않았다는 에러가 발생했다.컴포넌트 외에서 스토어 사용 시 공홈에서는 아래와 같이 사용하라고 되어있

2022년 2월 22일
·
0개의 댓글
·
post-thumbnail

Pinia + vue2

기존 프로젝트는 Vue2 위에서 Typescript를 적용하다보니 타입 정의가 매우 복잡했는데요. (참고로 vue3+vuex4 사용 시 더 편해졌다고 해요.)예를들어 Action 별, Mutation 별, 각 타입 지정을 위해 Enum으로 함수명을 정의해야하고 또 각

2022년 2월 22일
·
0개의 댓글
·
post-thumbnail

Padding, clientWidth, transition

위와 같은 구조에서 작업중인데 사이드바를 열거나 닫을 수 있다.사이드바가 열려있는 페이지에서 사이드바가 없는 페이지로 이동 시 그리드의 넓이가 깨진 채로 그려지는 문제가 발생했다.그리드의 넓이 지정내가 사용중인 그리드는 width를 따로 지정해주지 않으면 width를

2021년 11월 18일
·
0개의 댓글
·
post-thumbnail

[삽질] Vue + Spring Download

기존 시스템에서 front만 vue로 변경하는 작업 중 (SPA)엑셀 다운로드 기능이 있는데 서버쪽 코드가 대략 아래와 같았다.화면에서 export를 요청하는 코드는 대략 아래와 같았는데 자꾸 405 에러가 떨어졌다.요청하는 코드가 잘못된줄 알고 한참 버벅이다가...

2021년 8월 31일
·
0개의 댓글
·
post-thumbnail

vue + spring devServer CORS 설정 (axios)

알고보면 별거 아닌데........ 작은 삽질기 시작현재 내 개발 환경은 이렇다.서버 (tomcat) : http://127.0.0.1:8080/contextfront devServer : http://127.0.0.1:4000/context서버와 F

2021년 7월 28일
·
0개의 댓글
·

vuetify 컨텐츠 영역에 scroll 적용하기 (스크롤이 생길 때만 Scroll Top 버튼 표시)

전체 페이지가 아닌 헤더 아래에 스크롤 생성영역에 스크롤이 생기면 ScrollTop(△) 버튼 표시전체 페이지가 아닌 헤더 아래에 스크롤 생성css 조정 필요!v-app 을 이용했을 경우 v-application--wrap min-height이 100vh로 잡혀있음.

2021년 7월 23일
·
0개의 댓글
·

Vuetify IE 2.5.4 에러 정리

Vuetify IE 관련 에러1\. IE shadowRoot, lastMousedownWasOutside undefined ~ Error (마우스 클릭할 때 마다 에러 로그발생함) Error in directive click-outside inserted hook: "

2021년 7월 21일
·
0개의 댓글
·
post-thumbnail

vuetify speed-dial keep open

Vuetify Speed Dial Copompents(https://vuetifyjs.com/en/components/floating-action-buttons/가장 아래있는 버튼을 누르면 위에 버튼 (휴지통,+,연필) 이 뜨는데..버튼 외 다른 부분을 클릭하

2021년 7월 20일
·
0개의 댓글
·
post-thumbnail

타입스크립트 - 유틸리티 타입, 맵드 타입

Typescript - Utility Types타입스크립트에서 제공하는 여러 전역 유틸리티 타입이 있다. 그중 자주 쓰이는 몇개만 정리위와 같은 Person 인터페이스가 있을 때, name과 age만 필요한 타입이 필요하다면?vscode에서 SubPerson에 마우스오

2021년 4월 14일
·
0개의 댓글
·

비구조화 할당 (구조 분해 할당)

아래의 코드를 설명해달라는 질문을 보았다..분명히....... 알것같은데...... 모르겠는 느낌..?먼저 위 코드를 이해하기 위해서는 ES6에서 새로 추가된 비구조화 할당 표현식에 대해 알고있어야 한다.배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있

2021년 3월 8일
·
0개의 댓글
·

타입스크립트란

typescript 공부

2021년 2월 25일
·
0개의 댓글
·