쓰기

npm 실행하니 아래와 같은 오류가 발생한다. $ npm dyld: Library not loaded: /usr/local/opt/icu4c/lib/libicui18n.63.dylib Referenced from: /usr/local/bin/node Reason: image not found 얼마 전 Homebrew로 뭔가 설치하면서 icu4c 버전이 바뀌었다. brew list로 icu4c 버전을 확인하니, 기존에 사용하던 icu4c 버전은 63이었는데 67로 새로 설치되었다. $ brew list icu4c --versions icu4c 67.1 구글링해보니 대부분 icu4c 라이버리를 다운그레이드하는 방법으로 해결하던데 나는 Node 버전을 11 -> 14로 올렸다. 그리고나서 Node 프로젝트는 ..

1. 스크립트태그에 인라인속성 추가 th:inline="javascript" 2. 스크립트 시작과 끝에 CDATA 반드시 선언 /* ... /* ]]> */ 3. ${}를 주석으로 감싸기 HTML에서는 ${}, 자바스크립트에서는 /*[[ ${} ]]*/

※ 를 사용하지 않는 이유 type="number" 속성은 알파벳 e를 문자가 아닌 지수로 인식하여 e가 입력된다. 오로지 숫자만 입력하고 싶을 때 위의 방식을 사용한다.

새해맞이 새로운 취미생활을 가져보고자 뜨개질을 배워보기로 했다. 내 첫 작품으로 어떤걸 만들어볼까 고민하다가.. 목도리, 장갑같은 건 계절한정적이고 망칠 가능성도 큰 반면에, 수세미는 연중내내 쓸모가 있고 아무리 망쳐봐짜 수세미기 때문에 수세미를 시작으로 뜨개질에 입문하기로 했다. 유튜브에 “수세미 뜨개질”을 검색했다. 내가 생각했던 것 보다 뜨개질로 만들어 낼 수 있는 수세미가 굉장히 다양하고 독창적이고 매력적이었다. 그 중에서 내가 꽂힌건 붕어빵 수세미. 동네문 중앙상가에 있는 아무 뜨개방에 가서 수세미 실 네개랑 바늘을 사왔다. 처음에 몇 번의 실패로 떴다, 풀었다를 반복하다가 드디어 첫 수세미를 떠냈다. 그렇게 퇴근하면 뜨개질만 하면서 붕어빵은 이제 한시간이면 뚝딱 만들어낼 수 있게 되었다. 그 ..

v-for 지시자에 대한 vue컴파일러 경고 메세지 Module Warning (from ./node_modules/vue-loader/lib/loaders/templateLoader.js): (Emitted value instead of an instance of Error) : component lists rendered with v-for should have explicit keys. See https://vuejs.org/guide/list.html#key for more info. 콘솔에 위와 같이 Vue 컴파일러의 경고메세지가 나타난다면 v-for 지시자를 선언한 옆에 v-bind:key 또는 :key 지시자를 선언한다. (v-bind):key 지시자가 없어서 경고메세지 뜬 경우 (v-bin..

b-table 컴포넌트 사용 시 필드마다 사이즈 조정하기 b-table이 보다 편리하게 테이블을 생성할 수 있도록 많은 옵션을 제공하지만, 별도로 컬럼사이즈를 조절할 수 있는 방법이 없다. 컬럼마다 style 바인딩 해주기에는 너무 번거롭고 테이블 수도 많아서 쉽지 않다. 그래서 나는 thClass를 활용하기로 했다. 테이블을 사용하는 화면에서 b-table 컴포넌트를 바로 사용하는게 아니라, Table.vue 라는 컴포넌트로 한번 더 감싸주었다. 소스코드는 다음과 같다. SomeServices.vue /*********************************************************** - w10 ~ w95 까지 5단위로 컬럼의 width길이 조절 가능하다. - fields 데이터..

상위 컴포넌트에서 router path가 변경되어 하위 컴포넌트가 변경될 때 접근로그를 기록하기 위해서, 컴포넌트 내에서 router의 변경을 감지할 필요가 있었다. 상위 컴포넌트의 watch 함수에 $route를 정의함으로써 router-view가 변경될 때마다 감지할 수 있었다. watch: { $route(to, from) { // ..... } } - 상위 컴포넌트 : DefaultContainer - 하위 컴포넌트 : LoggingCenterContainer, LoggingCenterAccessLog, LoggingCenterActionLog router/index.js /* router/index.js */ const routes = { path: '/lc', component: Default..

아래와 같이, application.yml 파일에 daemon.send_number라는 Property를 정의하고 Java 클래스에서 @Value 애노테이션을 사용해서 smsSendNumber 변수를 선언했다. application.yml daemon: send_number: 0317263623 #네이버 사내정보서비스 대표전화번호 SmsSender.java public class SmsSender { @Value("${daemon.send_number}") private String smsSendNumber; //... log.info("MEX API sender: {}", smsSendNumber); } 위의 코드에서 당연히 smsSendNumber 변수에 0317263623 라는 값이 들어가야 하는데..

JUnit 테스트케이스 생성할 때 매번 클래스명 위에 붙여야 하는 애노테이션(@)이 많고 길어서 기억이 안 난다. 특히 @Autowired랑 properties 사용하려면 클래스와 파일을 선언해줘야 하는데 기억이 안나... JUnit 4 버전 기준으로 작성한다. import org.junit.After; import org.junit.Before; import org.junit.Ignore; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.test.context.junit4.SpringRunner;..

# 안전하게 로컬 브랜치 삭제 $ git branch -d The -d option stands for --delete, which would delete the local branch, only if you have already pushed and merged it with your remote branches. -d 옵션은 로컬 브랜치(Local branch) 에서 작업 후 원격 저장소(Remote branch)에 정상적으로 push 또는 merge된 로컬 브랜치를 삭제한다. 즉, 삭제하려는 브랜치에 Commit 이력이 있으나, 원격 저장소로 push 또는 merge되지 않은 로컬 브랜치는 삭제가 불가능하다. # 강제로 로컬 브랜치 삭제 $ git branch -D The -D option stan..