'Programming/javascript & HTML'에 해당되는 글 138건

  1. 2015.09.16 ul / li로 메뉴 꾸미기
  2. 2015.09.14 <link> 관련 약어 정리
  3. 2015.09.11 node.js / angular.js ...
  4. 2015.09.10 html5
  5. 2015.09.10 html event
  6. 2015.09.08 jquery
  7. 2015.09.08 div 태그
  8. 2013.01.07 javascript closure
  9. 2010.08.19 javascript - DOM inspector in Firefox
  10. 2010.08.06 HTML의 style="filter:filter_name()"
Programming/javascript & HTML2015. 9. 16. 11:35

ul / li로 메뉴 꾸미기

으흐흐 이걸로 티스토리 스킨을 꾸며봐야지 ㅋㅋㅋ

(이제와서 이런거 공부하면서 뿌듯해 하는 노인 1인 ㅋㅋㅋ)


[링크 : http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists_menu]

[링크 : http://www.w3schools.com/html/html_lists.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

html5 live video streaming...  (0) 2015.11.23
div span 블럭구조 및 원형테두리  (0) 2015.09.23
<link> 관련 약어 정리  (0) 2015.09.14
node.js / angular.js ...  (0) 2015.09.11
html5  (0) 2015.09.10
Posted by 구차니
Programming/javascript & HTML2015. 9. 14. 11:12

<link> 관련 약어 정리

href = Hypertext REFerence

rel = RELation

type


<head>

    <link rel="stylesheet" type="text/css" href="./style.css" />

</head>


[링크 : http://www.w3schools.com/tags/tag_link.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

div span 블럭구조 및 원형테두리  (0) 2015.09.23
ul / li로 메뉴 꾸미기  (0) 2015.09.16
node.js / angular.js ...  (0) 2015.09.11
html5  (0) 2015.09.10
html event  (0) 2015.09.10
Posted by 구차니
Programming/javascript & HTML2015. 9. 11. 11:10

node.js / angular.js ...

공부할게 드럽게 많네..

일단은 머하는 녀석인지만! 조사

node.js는 서버 미들웨어

angular.js는 MVC 구현체.. 라고 하면되려나?



node.JS에 대해서.

Node.js는 구글의 크롬 V8 자바스크립트 엔진을 기반으로 한, 고성능 네트워크 서버이다.

Single Thread 기반의 Event Loop를 기반으로 하고 있으며, File, Network 등에 대해서 비동기 IO 처리를 하는 서버 미들웨어

[링크 : http://bcho.tistory.com/876]


Angular.js는 구글이 만든 MV*(Model - View - Whatever) 자바스크립트 프레임워크로 원페이지 어플리케이션에서 뛰어나면서 전통적인 웹 어플리케이션에 약간의 "마법"을 부린 것처럼 동작하는 것도 가능하다.

[링크 : http://blog.outsider.ne.kr/975]

'Programming > javascript & HTML' 카테고리의 다른 글

ul / li로 메뉴 꾸미기  (0) 2015.09.16
<link> 관련 약어 정리  (0) 2015.09.14
html5  (0) 2015.09.10
html event  (0) 2015.09.10
jquery  (0) 2015.09.08
Posted by 구차니
Programming/javascript & HTML2015. 9. 10. 13:10

html5

이렇게만 보면 먼가 할게 없어 보이는데... (어?)

[링크 : https://namu.wiki/w/HTML5]


이걸 읽으려니 쥐날거 같네? ㅠㅠ

[링크 : http://www.w3.org/TR/html5/]



결론(?)은 표준 맞추면 읽기 도구라던가 이런걸로 더 편하게 할 수 있다,.

nav 태그가 시맨텍 웹 관련 추가됨

font / applet / frame 이 사용불가!


frame이 불가능해졌기에 ajax 열풍이 분걸려나?

'Programming > javascript & HTML' 카테고리의 다른 글

<link> 관련 약어 정리  (0) 2015.09.14
node.js / angular.js ...  (0) 2015.09.11
html event  (0) 2015.09.10
jquery  (0) 2015.09.08
div 태그  (0) 2015.09.08
Posted by 구차니
Programming/javascript & HTML2015. 9. 10. 09:04

html event

뜬금없는 깨달음

아.. 이래서 HTML5를 쓰는구나(onresize 이벤트... 요녀석.. 반응형 웹의 핵심?)


[링크 : http://www.w3schools.com/tags/ref_eventattributes.asp]

'Programming > javascript & HTML' 카테고리의 다른 글

node.js / angular.js ...  (0) 2015.09.11
html5  (0) 2015.09.10
jquery  (0) 2015.09.08
div 태그  (0) 2015.09.08
javascript closure  (0) 2013.01.07
Posted by 구차니
Programming/javascript & HTML2015. 9. 8. 14:36

jquery

전 회사에서 잠시 맛만 봤는데

짱짱! 이랄까.. 아무튼 자바 스크립트 기반이라 js 파일 하나를 외부에서 끌어 오거나

내장해야 하는게 약간의 흠


[링크 : http://www.sqler.com/bjQuery/378488]

[링크 : https://jquery.com/]


jquery 버전에 따라 ie 지원범위가 다르다

[링크 : https://jquery.com/browser-support/]

'Programming > javascript & HTML' 카테고리의 다른 글

html5  (0) 2015.09.10
html event  (0) 2015.09.10
div 태그  (0) 2015.09.08
javascript closure  (0) 2013.01.07
javascript - DOM inspector in Firefox  (0) 2010.08.19
Posted by 구차니
Programming/javascript & HTML2015. 9. 8. 14:32

div 태그

HTML 태그 밖에 쓰지 못했었는데..

한번 DIV로 스킨도 바꿀겸 공부 해봐야지...


결론(?)은

DIV를 이용해서 나란히 하려면 float 특성을 사용해라.. 인가?


[링크 : http://yongja.tistory.com/48]

[링크 : http://aboooks.tistory.com/74]


[링크 : http://mobicon.tistory.com/158]


div class / id

[링크 : http://yongja.tistory.com/15]

[링크 : http://div.or.kr/css-studying/id,class...%A9]



+

2015.09.16

<p id="p01">I am different</p>

p#p01 {

    color:blue;

}


<p class="error">I am different</p>

p.error {

    color:red;

}


Use id to address single elements. Use class to address groups of elements.

[링크 : http://www.w3schools.com/html/html_css.asp]


table은 전체가 로딩되기 전에 렌더링 하지 않아 div를 추천

[링크 : http://egloos.zum.com/pnpcrow/v/5048788]


div / span 차이

[링크 : http://boogis.tistory.com/48]

'Programming > javascript & HTML' 카테고리의 다른 글

html event  (0) 2015.09.10
jquery  (0) 2015.09.08
javascript closure  (0) 2013.01.07
javascript - DOM inspector in Firefox  (0) 2010.08.19
HTML의 style="filter:filter_name()"  (0) 2010.08.06
Posted by 구차니
Programming/javascript & HTML2013. 1. 7. 23:06

javascript closure

클로져라는 녀석이 있는데 먼가 좋다는데 좋은진 모르겠고 -_-
암튼, 함수언어라고 해야하나
함수에 함수를 넣고
함수 변수에 특정 변수를 넣어 함수를 생성해 내는 그런 기능을 클로져라고 하는데


머하는데 써먹지?

[링크 : https://developer.mozilla.org/ko/docs/JavaScript/Guide/Closures]

'Programming > javascript & HTML' 카테고리의 다른 글

jquery  (0) 2015.09.08
div 태그  (0) 2015.09.08
javascript - DOM inspector in Firefox  (0) 2010.08.19
HTML의 style="filter:filter_name()"  (0) 2010.08.06
javascript - Traversing an HTML table with JavaScript and DOM Interfaces  (0) 2010.08.02
Posted by 구차니
Programming/javascript & HTML2010. 8. 19. 22:56

javascript - DOM inspector in Firefox

firefox에는 소스가 Syntax Highlight 되서 나오지만, DOM 트리를 볼수있는 방법은 없다.
다른 툴을 이용할까 했지만, 자바스크립트 for web 2.0 책을 보다보니
DOM Inspector 라는 녀석이 Firefox에 내장되어 있다는 내용이 있었지만,
실제로 최신버전에는 그녀석이 없고, '부가 기능'으로 추가를 해주어야 한다.


아무튼, XML Viewer 와 비슷한 방식으로 HTML DOM을 트리로 출력을 해준다.


2010/01/04 - [파일방] - MiTeC XML Viewer (Free!)
[링크 : https://addons.mozilla.org/ko/firefox/addon/6622/] << 부가기능 페이지

'Programming > javascript & HTML' 카테고리의 다른 글

div 태그  (0) 2015.09.08
javascript closure  (0) 2013.01.07
HTML의 style="filter:filter_name()"  (0) 2010.08.06
javascript - Traversing an HTML table with JavaScript and DOM Interfaces  (0) 2010.08.02
javascript - IE8 의 window의 on methods  (2) 2010.07.29
Posted by 구차니
Programming/javascript & HTML2010. 8. 6. 23:12

HTML의 style="filter:filter_name()"


[링크 : http://book.daum.net/detail/book.do?bookid=KOR9788955024609]

자바스크립트 관련 내용을 보다가, 생각만큼 DOM 관련 내용은 없어서 대충 넘긴책.
하지만 HTML 관련 내용은 상당히 조리있고 깔끔하고 강력하게 적혀있다.


그리고 처음 알게된 attribute로
style="filter:flip()"
이런 녀석이 있다는걸 처음 알았다.
역시 세상에는 신기한게 많아 -ㅁ-


[링크 : http://www.w3schools.com/Css/css_image_transparency.asp]
[링크 : http://msdn.microsoft.com/en-us/library/ms532847%28VS.85%29.aspx]

'Programming > javascript & HTML' 카테고리의 다른 글

javascript closure  (0) 2013.01.07
javascript - DOM inspector in Firefox  (0) 2010.08.19
javascript - Traversing an HTML table with JavaScript and DOM Interfaces  (0) 2010.08.02
javascript - IE8 의 window의 on methods  (2) 2010.07.29
javascript - innerHTML은 웹표준이 아니라고?  (2) 2010.07.29
Posted by 구차니

티스토리툴바