web
·⏱ 2m
Vim Auto closing html tag
html 문서를 작성할 때는 tag를 닫아주는 게 가장 귀찮습니다. 아마 학부 때는 자동으로 닫아주는 게 있다는 사실을 모르고 하나하나 모두 타이핑 해줬던 것으로 기억하는데요. github - vim-closetag를 사용하면 vim에서도 자동으...
Page 1 of 4
javascript
·⏱ 2m
Javascript - url parsing
Javascript에서 http 모듈을 사용하여 http request를 처리할 수 있는 웹 서버를 하나 만들고, request에서 url 부분만을 쪼개어 parsing하는 코드를 다음과 같이 정리하였습니다.
dev-tools
·⏱ 4m
Pandoc를 사용하여 markdown file을 html로 변환하기
Pandoc - Convert markdown to html pandoc은 "Universal markup converter"로 조판 문법은 다르지만 비슷한 애들을 변환해주는 도구, 라고 해석하시면 됩니다. 가령, markdown과 html은 m...
web
·⏱ 2m
jQuery - basic
jQuery는 아주 활발하게 사용되는 Javascript library로, 보통 DOM manipulation, AJAX 호출 등을 간편하게 처리할 수 있도록 해주는 라이브러리입니다. 기본적으로는 다음의 형태로 사용되죠. 를 정하고, 을 연쇄적으...
web
·⏱ 2m
jQuery - Get text, val, attribute
html 요소로부터 text, html, attribute 등을 가져오는 방법을 정리합니다. - : id가 "p1"인 요소로부터 text를 가져옵니다. - : id가 "p1"인 요소로부터 html을 가져옵니다. - : id가 "name1"인 in...
web
·⏱ 4m
jQuery - Set text
jQuery를 사용해서 요소의 text, html, attribute를 바꿀 수 있습니다. 다음 코드는 요소를 클릭했을 때, 의 text가 바뀌도록 설정하는 것을 말합니다. 구조는 대략 이런 형태인 것이죠. 다음처럼 callback functio...
web
·⏱ 2m
jQuery - Traversal - Ancestor
jQuery를 사용해서 부모 element를 탐색하는 방법을 정리하였습니다. - : element의 바로 위 부모 element를 가리킵니다. - : element의 바로 위, 그 위 부모등 모든 부모들을 가리킵니다.
web
·⏱ 2m
jQuery - Traversal - Descendant
jQuery를 사용해서 자식 element를 탐색하는 방법을 정리하였습니다. - : element의 바로 아래의 모든 자식 노드를 가리킵니다. - : element의 아래에 있는 모든 자식 노드들 중에서 을 찾습니다.
web
·⏱ 2m
jQuery - Traversal - Siblings
jQuery를 사용해서 형제 element를 탐색하는 방법을 정리하였습니다. - : 현재 element의 다음에 있는 형제 node를 1개 찾아서 리턴합니다. - : 형제 노드 중에서 div인 애들만 찾아서 리턴합니다.
web
·⏱ 3m
jQuery - Traversal - Filter
jQuery를 사용하여, 요소를 filter하는 방법을 정리합니다. - : 요소중에서 첫번째 요소를 리턴 - : 요소중에서 마지막 요소를 리턴 - : 요소중에서 i번째 요소를 리턴(0부터 시작) - : 요소 중에서 class가 인 애들만 남깁니다...
web
·⏱ 2m
CSS - transform
css의 를 사용해서 요소를 이동(translate), 기울이기(skew), 회전(rotate), 확대 혹은 축소(scale)하는 방법을 정리하였습니다. Define style.css css를 다음과 같이 정의합니다. define html htm...