Skeleton의 세상

지난글: [Vue.js ( nuxt.js )] - [ITSkeleton][vue.js] 데이터 바인딩 [ITSkeleton][vue.js] 데이터 바인딩 지난 글에 이어서 데이터 바인딩에 대하여 한번 알아봅시다 지난글: [Vue.js ( nuxt.js )] - [ITSkeleton][vue.js] 기초 (Hello World!) [ITSkeleton][vue.js] 기초 (Hello World!) 기초중의 기초인 Hello World.. itskeleton.tistory.com 지난글에 이어서 이번에는 v-for를 이용하여 열거 하는 방법을 한번 알아보려합니다. 쉽게 얘기해서 열거는 빠르게 HTML을 작성하도록 도움을 줍니다 아래와 같은 HTML 코드가 있습니다 Hello1 Hello2 Hello3 He..

지난 글에 이어서 데이터 바인딩에 대하여 한번 알아봅시다 지난글: [Vue.js ( nuxt.js )] - [ITSkeleton][vue.js] 기초 (Hello World!) [ITSkeleton][vue.js] 기초 (Hello World!) 기초중의 기초인 Hello World를 작성해서 화면에 띄워봅시다 visual code를 통해서 만들어도 상관은 없지만 웹에서 바로 작성해서 확인해 볼 수 있는 JSFiddle을 사용하여 작성해 보겠습니다 jsfiddle.net �� itskeleton.tistory.com 이전 글에 설명이 되어있듯이 이번에도 jsfiddle을 이용하여 설명을 해보겠습니다 일단 html에 아래와 같이 적습니다 ITskeleton Vue.js 100 {{ 'Hello' + 100..

기초중의 기초인 Hello World를 작성해서 화면에 띄워봅시다 visual code를 통해서 만들어도 상관은 없지만 웹에서 바로 작성해서 확인해 볼 수 있는 JSFiddle을 사용하여 작성해 보겠습니다 jsfiddle.net 에 접속을 합니다 jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net 접속하면 위의 화면이 나타나는데 왼쪽 아래 저 부분을 클릭하여 FRAMEWORKS & EXTENSIONS 해당 필드를 클릭합니다 vue 2.2.1을 선택해줍니다 그후 HTML영역에 다음과 같이 작성해 줍니다 {{ 'Hello ' + 'world' }} Javascript 영역에 아래 코드를 작성해 줍니다 new Vue({ el: '#app' }) 이렇게 작성후 run..

, , 요소 소개 : 다른 페이지로의 이동(일반적으로 ‘사이트 네비게이션’이라 한다.) 또는 같은 페이지에서 섹션으로 이동(흔히, 긴 글에 사용되는 ‘컨텐츠 내용 목록’을 일컫는다.)을 위한 네비게이션 링크 목록을 담는 섹션입니다. 이것은 주요한 네비게이션 구역이지, 단지 링크만 포함하는 의미없는 그룹을 말하는 것이 아닙니다. 그리고 대개 “skip navigation” 링크를 사용하고 있을 것입니다 : 주위의 내용과 분리는 되지만 아주 약간의 관련성이 있는 컨텐츠를 구성하는 페이지의 섹션을 말합니다. 인쇄본에서는 사이드바, 글의 발췌, 또는 각주 부분을 말하고, 웹 블로그 글에서는 글에 대한 관련된 정보, 여백을 메우는 추가 정보, 또는 코멘트 섹션을 말합니다 : 문서의 내용에 어떠한 영향도 미치지 않..

HTML5의 구조적인 마크업 요소를 위한 div, section, article 에 대해 알아봅시다 div, section, article 요소 소개 : 가장 많이 이용하는 통상적인 컨텐츠 그룹. 단지 컨텐츠의 흐름만 형성하는 요소 : 통상적인 문서 또는 어플리케이션의 섹션(구획)을 형성하는 요소로, 대부분 항상 heading 요소들과(가끔은 heading 요소들을 로 감싸기도 한다), 때때로 요소와도 함께 사용되기도 합니다. 홈페이지의 뉴스 부분처럼 페이지의 주요 부분인, 긴 글의 세부사항과 같은 관련 컨텐츠의 묶음, 또는 탭 키 사용을 요하는 인터페이스를 가진 웹 어플리케이션에서의 페이지의 묶음 단위 : 문서나 사이트에서 독립적인 부분입니다. 이 부분을 다른 곳에 옮기더라도 분리되어 지고, 또 의미가..

메이플 반레온 선행퀘스트 먼저 선행퀘 진행하시기에 앞서서 크로키의 투구, 레인디어의 창, 베어울프의 모닝스타 각 100개씩 준비해가시면 더 빨리 깰 수 있습니다! 1. 왼쪽 우체통에서 [열쇠공 젠의 모험] 퀘스트 수락 그러면 마찬가지로 왼쪽 우체통에서 [적막한 고성] 퀘스트를 받으면 비스트가 어쩌고 뭐라뭐라 말하면서 대화 끝나면 사자왕의 성 앞으로 이동시켜줍니다 그 후 첫번째 탑에 있는 열쇠공 젠에게 찾아가 대화하여 퀘스트 완료 2. 젠의 동생 3. 첫번째 탑의 열쇠 열쇠 재료로 크로키의 투구 100개를 요구합니다. 미리 구해놨다면 바로 퀘스트 클리어 가능. 미리 구매하지 않으신분들은 사냥해서 모아가면 됩니다. 맨 위 가운데 포탈 타서 몬스터 잡으면 첫번째 봉인이 풀림 두번째 탑에서 또 넘어가려고하면 이..

노래가사 더보기 잠들기 전 눈을 감으면 떠오르는 이름 하나 깊은 새벽 오랜 생각을 만드네 넌 어쩜 그리 예쁘면서 성격도 좋은지 널 감싸는 빛 나까지도 빛나게 하는지 내가 꿈꿔왔던 꿈과 드디어 만난 거야 난 밤이 오면 니 생각에 잠이 오지 않아 그래도 설레임에 일찍 눈을 떠 나도 모르게 내 안으로 들어와 날이 갈수록 점점 맘은 깊어지는데 술 마시는 날이면 더 보고 싶고 날씨 좋으면 함께 놀러 가고 싶어 잠이 오지 않아 난 너 때문에 요즘 날 웃게 만드는 너 때문에 그대 눈 코 입 그대 목소리 내 길고 긴 하루의 시작과 끝엔 언제나 니가 찾아와 나의 우주는 이미 너에게로 넌 어쩜 그리 웃는 모습이 아름다운지 날 감싼 어둠까지 모두 잊게 만드는지 너 모르길 바랬지만 이젠 들키고 싶은걸 난 밤이 오면 니 생각에..

노래 가사 더보기 별빛이 내린 밤 그 풍경 속 너와 나 날 새롭게 하는 따뜻하게 만드는 니 눈빛 니 미소 영원히 담아둘게 너로 가득한 맘 널 닮아가는 나 날 위한 선물 꿈보다 더 아름다운 서로의 품에서 끝 없는 밤을 걷자 나의 모든 날들을 다 주고싶어 내 이 맘을 모두 전하고 싶어 잠들지 못한 푸른 바람들 이렇게 밝게 이 밤을 비춰 너와 작은 일상을 함께 하는게 내 가장 큰 기쁨인걸 넌 알까 내 세상 속에 넌 빛이 되어 지금 모습 그대로 내 곁에만 행복이 짙은 날 어둠이 없는 밤 같은 맘 속에 같은 꿈이 피어난 건 우리의 정해진 운명이 맞닿은거야 나의 모든 날들을 다 주고싶어 내 이 맘을 모두 전하고 싶어 잠들지 못한 푸른 바람들 이렇게 밝게 이 밤을 비춰 너와 작은 일상을 함께 하는게 내 가장 큰 기쁨..

노래 가사 더보기 소란했던 오늘의 하루가 너와 함께 고요해 작은 입술을 열어 우리의 밤을 노래해 넌 내가 본 가장 아름다운 별 날 꿈꾸게 해 널 위해 태어난 꿈의 조각은 어제보다 널 사랑하게 해 그게 얼마나 날 설레게 하고 널 원하게 만드는지 수많은 시간을 지나 네 품에 가만히 안겨 너에게 잠겨 눈을 감아 이 순간을 담아 행복이라고 예쁘게 적어본다 맞닿은 두 볼에 피어난 미소가 서로의 맘을 비추고 넌 내가 본 가장 눈부신 바다 날 숨 쉬게 해 널 위해 태어난 꿈의 조각은 어제보다 널 사랑하게 해 그게 얼마나 날 설레게 하고 널 원하게 만드는지 수많은 시간을 지나 네 품에 가만히 안겨 너에게 잠겨 눈을 감아 이 순간을 담아 행복이라고 예쁘게 적어본다 나의 어린 날들은 너로 기억될 거야 말로는 다 할 수 없..

노래 가사 더보기 니가 언젠가 말했잖아 나의 노래엔 마음을 움직이는 힘이 있다고 그날 너의 위로가 날 노래 부르게 했어 정말로 고마워 내게 용기를 줘서 우리 앞의 세계는 저마다의 색으로 기억되고 짧은 입맞춤처럼 너에게 닿기를 찬란한 색 마음과 흑백 그리움들이 시가 되어 너란 별이 내려와 날 안아줘 내가 바라왔던 세상 위에서 넌 나의 꿈의 언어로 쓰여진 책속에 가장 예쁜 책갈피를 꽂아 영원히 읽어내고 싶은 이야기야 내가 분명히 말했잖아 나의 꿈만큼 빛나는 별을 노래에 담겠다고 그날 너를 향했던 진심은 계절을 버텨내 꽃으로 피어나 너에게 날아가 찬란한 색 마음과 흑백 그리움들이 시가 되어 너란 별이 내려와 날 안아줘 내가 바라왔던 세상 위에서 넌 나의 꿈의 언어로 쓰여진 책속에 가장 예쁜 책갈피를 꽂아 영원..