어릴 때 미친 듯이 했었던 게임이 리마스터링 되었는데 하도 안 했더니 뭐가 뭔지 모르겠다. 기억력도 나빠 자꾸 까먹어서 vue 3 공부할 겸 일단 룬워드 검색이나 편하게 해 보려고 만들어본 사이트 개선을 하려니 너무 할게 많고 언제까지 디아 2를 할지도 모르겠다. https://luversof.github.io/diablo2/ bluesky-diablo2 luversof.github.io

워낙 빠르게 변하는 npm package의 트렌드를 바로 확인할 수 있는 사이트가 있어서 추천한다. https://www.npmtrends.com/ npm trends: Compare NPM package downloads Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner. www.npmtrends.com google trend와 비슷하게 npm에 등록되어 있는 package의 다운로드 수를 비교해볼 수 있다. 간간히 FE 쪽 개발을 둘러보는 입장에서 최근 현황을 빠르게 확인할 수 있어서 좋은 것 같다. 예를 들어 react, angular, vue, svelt..

실무자가 아닌 개인 공부하는 사람의 글임을 참고하세요. 자주 쓰지 않다 보니 자꾸 까먹어서 그냥 공부한 과정을 순서대로 기록하였습니다. vue가 3 버전이 나오면서 nuxt 같은 라이브러리가 아직 지원이 되지 않고 있다. 2 버전의 프로젝트를 3으로 마이그레이션 하는 것은 현재 권장하지 않고 있다. https://v3.ko.vuejs.org/guide/migration/introduction.html 당분간은 계속 이 상태일듯하여 이왕 이렇게 된 거 nuxt 없이 vue3로 프로젝트를 만들어보려고 한다. 설치 https://v3.ko.vuejs.org/guide/installation.html vue cli를 사용하면 편하다. https://cli.vuejs.org/ vue cli는 vue를 개발하기 위..

Toast UI Editor는 NHN에서 만든 오픈 소스 에디터이다. 2020년 3월 달에 2.0이 출시되었는데 jQuery 의존성이 제거되었고 Chart, Grid, Calendar 같은 유용한 기능들을 제공해준다. https://ui.toast.com/weekly-pick/ko_20200318/ TOAST UI Editor 2.0 출시 TOAST UI Editor는 문서 편집을 위한 자바스크립트 라이브러리로, 마크다운(Markdown)과 위지윅(WYSIWYG) 2가지 모드의 에디터를 제공하여 사용자가 편의에 따라 자유롭게 에디터를 선택할 수 있도록 도와줍니다. ui.toast.com 또한 jquery, react, vue에서 사용할 수 있도록 Package를 제공해주고 있어 자신의 환경에 맞게 사용할..

Apache Cordova 소개 apache cordova는 웹을 그대로 android나 ios에서 사용할 수 있도록 하이브리드 앱을 만들어주는 opensource mobile development framework이다. 한국어 문서도 이미 제공되고 있다. https://cordova.apache.org/docs/ko/9.x/guide/overview/index.html nuxt로 만든 프로젝트도 마찬가지로 apache cordova를 통해 하이브리드 앱을 만들 수 있다. 이미 nuxt로 만든 프로젝트가 있다는 전제 조건하에 cordova로 빌드하기 위한 설정을 진행한다. ios의 경우 맥북이 있어야 하기 때문에 android 기준으로 설명을 진행한다. 하지만 명령어만 조금 다르게 수행할 뿐 나머지는 동..

이 글은 정리된 내용이 아니라 도움이 되지 않을 확률이 높음. 초보자가 공부하면서 찾은 내용을 적은 것이라 두서없음 vuex의 strict 설정 vuex의 export const strict = false; 설정을 하지 않으면 store 객체를 form에 직접 매칭하고 변경이 불가능하다. 원래 store의 데이터는 mutation으로 변경을 처리해야 하지만 form에 store의 객체를 직접 매칭 하게 되면 이 원칙이 깨지게 된다. 결국 어쩔 수 없이 strict를 false 처리해야 하는데 의외로 vuex 가이드에서도 배포할 때 strict true를 쓰지 말라고 한다. (성능 비용이 많이 들어간다는 이유로) https://vuex.vuejs.org/guide/strict.html vuex의 변이 감지..

vue 공부한 내용을 정리한 게 아니고 공부해야 할 것이나 공부 과정에 대해 기록한 글임 Vue 공부 대부분 한글문서가 있어 공부하기 좋다. vue 한국 사용자 모임 node https://nodejs.org/ko/ vue를 개발하려면 우선 node를 설치해야 함 node의 npm 명령어를 기반으로 vue의 라이브러리를 설치하는데 npm을 직접 쓰기보단 vue-cli를 통해 사용하게 됨 vue https://kr.vuejs.org/v2/guide/ vue를 사용하기 위해 공부해야 하는 가장 기본적인 문서 vue cli https://cli.vuejs.org/ vue로 프로젝트를 만들기 쉽도록 제공되는 라이브러리. npm을 통해 설치함 npm install -g @vue/cli 프로젝트를 만들 때 아래와 ..

두 라이브러리는 객체에 대한 확장을 지원한다. a라는 이름의 객체가 있다고 하면 (new를 사용하건 JSON이건간에) 다음과 같이 a객체를 확장한다. prototypejs의 경우 prototype이란 이름에 걸맞게 Object에 extend를 구현하여 apply 함수를 통해 확장을 지원한다. Object.extend(a, 확장객체); jQuery의 경우 $ 셀렉터에 선언된 extend 함수를 통해 확장을 지원한다. $.extend(a, 확장객체); 확장 객체는 원하는 대로 사용하면 된다. //일반 객체의 경우 function B() { this.bValue = "값"; this.bMethod = function() { return "메소드결과"; }; } //위 생성자 함수에 대한 생성객체인 new B(..