PostIT

Vue Study In Incheon - Day 1.Author : SeolHunIDE : SublimeText3 or WebstormVersion : Vue 2.5.3Started Date : 2017.11.09To do ListPresentationBuild Example & ExplanationComputed Properties and WatchersClass and Style BindingsConditional RenderingList RenderingEvent HandlingForm Input BindingsProjectBuild To do list using Local Storage.To do List(Read, Write, Update, Delete)Vue Summary with exampl..

# [HTML/JavaScript] Html의 이벤트 종류들## 1. 목적Javascript의 Module Pattern을 사용하여 해당 스크립트를 재사용 할 수 있는 장점이 있으며, 다른 소스와 섞이지 않고, 해당 모듈을 통해서 완전한 기능을 제공 할 수 있다. 하지만, 모듈 패턴을 적용하여 구성하면, HTML의 이벤트 코드를 통해 스크립트를 작동시키는게 많아진다. 이를 위해서는 해당 HTML Tag에 제공되는 이벤트에 대한 지식이 필요하다. 이를 위해 정리하였다.## 2. 내용이벤트발생onabort이미지 로딩에서 이탈하였을 때(다른 연결로 이동)onactivate개체의 activeElement 속성을 설정하였을 때onafterprint관련된 문서를 인쇄하거나 인쇄 미리보기를 후 즉시onbeforeac..

# [HTML] HTML 특수문자 코드표 정리 표현문자숫자표현문자표현설명-�--사용하지 않음space -수평탭space -줄 삽입---사용하지 않음space -여백!!-느낌표"""따옴표##-숫자기호$$-달러%%-백분율 기호&&&Ampersand''-작은 따옴표((-왼쪽 괄호))-오른쪽 괄호**-아스트릭++-더하기 기호,,-쉼표---Hyphen..-마침표//-Solidus (slash)0 - 90-9-0부터 9까지::-콜론;;-세미콜론>>보다 큰??-물음표@@-Commercial atA - ZA-Z-A부터 Z까지[[-왼쪽 대괄호\\-역슬래쉬]]-오른쪽 대괄호^^-탈자부호__-수평선``-Acute accenta - za-z-a부터 z까지{{-왼쪽 중괄호||-수직선}}..

사용자 이메일 @ 직접입력gmail.comnaver.comhanmail.net완료취소 전 부트스트랩을 이용해서 디자인이 이렇게 나옵니다.(제 CSS입니다.) 이젠, 이메일 기능을 넣기 위한 Html 을 구성하였으면, 그 값을 바꿨을을때의 JavaScript를 써볼게요. $(function(){$(document).ready(function(){$('select[name=emailSelection]').change(function() {if($(this).val()=="1"){$('#email2').val("");} else {$('#email2').val($(this).val());$("#email2").attr("readonly", true);}});}); }); 직접입력이었을 때는, email창의 값..

안녕하세요.이번에는 코드 블로그를 적용하기 위해블로그에 코드 사용을 원활히 하는 방법을 알아봤습니다.좋은 정보도 많지만, 직접 한번 하면서 필요한 것만 적어볼까 합니다. 먼저, 많은 라이브러리 중에 전 highlight.js를 사용하기로 했습니다. 주소 : https://highlightjs.org/ 홈페이지 되면 위에처럼(요약) 보일텐데요,Get version을 누르면 다운로드 페이지로 넘어갑니다. 이렇게 CDN을 통해 인터넷으로 불러올 수 있지만, CDN을 적용하면 load되는데 시간이 걸린다고 합니다.그래서 가급적이면 다운받아서 사용할 것을 추천드립니다. 사이트에 들어가면 위처럼 기본 사용언어는 다 체크가 되어있습니다.그 외에도 블로그에 표현하고 싶은 언어는 체크해서 다운로드 받으면 되겠습니다.다운..