국쥐의 개발 일상

Deno tutorial을 해보기 위해 webstorm 프로젝트 구축 후 실행 시 error: Uncaught PermissionDenied: network access to "0.0.0.0:8000", run again with the --allow-net flag 위와 같은 에러가 발생하였었다. 이것은 --allow-net flag가 누락 되어서 발생되는 오류로써 Webstorm Run -> Edit Configuration 메뉴에서 아래와 같이 Arguments에다 --allow-net flag를 추가 해주면 된다!

VueJS로 개발을 하다보면 화면을 숨기거나 조건에 따라 다르게 보여줄 경우 v-if, v-show directive를 활용하여 처리하는 경우가 많다. 하지만 v-if와 v-show를 경우에 따라 알맞게 사용해야 성능에 유리하다. v-if 조건부 렌더링을 수행한다. 조건에 맞지 않으면 초기 렌더링 때 DOM에 유지 되지 않는다. v-show display: none, display: block의 차이이다. 초기 렌더링 때 DOM에 유지 된다. 사소한 차이지만 우리는 경우에 따라 v-if, v-show directive를 나눠서 사용할 수 있다. Toggle 작업이 자주 일어나는 경우 v-show가 유리하고, Toggle 작업이 별로 일어나지 않는 경우에는 v-if가 성능적으로 유리하다고 생각 할 수 있다.

private copy(obj: any): any { const keys = Object.keys(obj); const newObj = {}; for (const key of keys) { if (Array.isArray(obj[key])) { const newArr = []; for (const o of obj[key]) { if (typeof o === 'object') { newArr.push(this.copy(o)); } else { newArr.push(o); } } newObj[key] = newArr; } else if (obj[key] && typeof obj[key] === 'object') { newObj[key] = this.copy(obj[key]); } else { newObj[k..