Skeleton의 세상

* Node.js 를 설치해주세요! https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org REPL이 무엇일까요? Read Eval Print Loop의 약자로써 사용자가 입력한 결과를 바로 반환하는 기능입니다. $ node 를 명령프롬프트 cmd에 위 처럼 입력해 줍니다. 일반적으로 쓰듯이 1+3 을 쳐서 엔터를 누르면 4라는 값이 나옵니다. var repl = 'hi' 를 입력해준다면 console.log(repl); 을 치면 결과로 hi 라는 값이 나오게 될겁니다. ctrl + c 를 누르면 루프를 종료합니다. 간단히 쓰는..

watch: { 'loadData.test'(check) { ///이곳에 코드를 적으면 됩니다. }, }, data() { return { loadData: { test: '', } } }

vue-awesome-swiper https://www.npmjs.com/package/vue-awesome-swiper vue-awesome-swiper Swiper component for Vue www.npmjs.com nuxt에서의 사용방법은 config파일에 plugins: [{ src: '@/plugins/vue-awesome-swiper', mode: 'client' }] css: [ 'swiper/css/swiper.css' ] 을 적어줍니다(이미 존재한다면 뒤의 코드를 추가해주시면 됩니다) 적어두었다면 plugins에 vue-awesome-swiper.js 파일을 만들어줍니다. vue-awesome-swiper.js 파일에 import Vue from 'vue' import VueAwes..

간단하게 새로고침을 구현할 수 있습니다. location.reload(true); location.href = location.href; history.go(0); 3종류의 방법이 있습니다. 위의 3가지 중 한가지를 사용하시면 가능합니다!

moment.js 의 공식 사이트 입니다. https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD" momentjs.com moment의 사용방법은 간단합니다. vue, nuxt, react, angular등 다양한 js에서 사용이 가능하도..

https://itskeleton.tistory.com/category/HTML/Vue.js%20%28%20nuxt.js%20%29 포스팅에 이어서 페이지 수정을 해보겠습니다. vue는 컴포넌트 재활용이 아주 뛰어난 자바스크립트 언어입니다. 컴포넌트를 활용해주면 많은 페이지를 쉽고 빠르게 만들수있죠. nuxt.js 언듯보면 다른 자바스크립트 처럼 보입니다. 하지만 vue를 기반으로 하는 자바스크립트로 사용하는 방법은 vue와 크게 다르지 않습니다. 페이지 수정하기에 들어가기에 앞서 프로젝트에 설정해주어야 할부분이 있습니다. pug - pug는 html을 쉽고 빠르게 작성하도록 도와줍니다. 페이지를 만들면서 설명하겠습니다. less - less는 css를 쉽고 빠르게 작성하도록 도와줍니다. 인터넷에 les..

안녕하세요! nuxt.js (vue의 서버사이드렌더링) 프로젝트를 만드는것에대해 설명하려 합니다. 먼저 설치되어있어야 하는부분은 npm -> 인터넷에 치시면 설치가 가능합니다. https://www.npmjs.com/get-npm visual code -> 이건 다른 프로그램이 있다면 대체 가능합니다. https://code.visualstudio.com/download 먼저 npm을 설치하셧다면 검색 -> 원격 or cmd 를 검색하셔서 열어주세요 powershell도 가능합니다. 윈도우에서는 원하는 폴더에서 원격 or powershell을 열 수 있습니다. 아래의 명령어를 입력합니다. (npm설정은 기본적으로 설치할때 알아서 path적용이 되기때문에 따로 적용을 하거나 할 필요는 없습니다. 만약 동작..

history.pushState(null, null, "#Back"); //주소뒤에 #Back이라는 해쉬를 추가해서 바로 뒤 페이지가 현재페이지가 되도록$(window).bind("hashchange", function () {//해쉬를 바꾸려고할때 실행되는 함수history.pushState(null, null, "#Back");//다시 해쉬를 추가해서 현재페이지를 벗어날수 없게 만듦}); 간단하게 해쉬 추가를 통해서 막는게 가장 이상적인 방법이더라구요.

아이디 클래스 클릭 이렇게 Div가 있다는 가정하에

KendoUI 의 Menu를 사용하다가 문득 왜 선택된거를 표시해주지 않지? 라는 생각을 가지고나서 찾아보게된 kendo menu의 표시방법..! 생각보다 간단했다.. 많은방법이 있겠지만 Javascript를 이용하여 해결했음.. @(Html.Kendo().Menu() .Name("MenuTab") .Items(items => { items.Add().Text("1").Action("Index1", "controller"); items.Add().Text("2").Action("Index2", "controller"); items.Add().Text("3").Action("Index3", "controller"); items.Add().Text("4").Action("Index4", "controller..