실수로포스팅해버렸다. 실수로포스팅해버렸다.

HTML 문서의 구조를 가리켜 문서 객체 모델(DOM)이라고 한다. HTML 문서의 각 태그마다 기능(Method)와 속성(Attribute)가 있다. 태그는 페이지를 링크로 이동시키는 기능을 수행한다. 또한 href, title, target 속성이 존재한다. 이 태그 역시 문서 객체의 하나이다. 이처럼 HTML 태그는 각각의 기능과 속성을 가지고 있는 문서 객체이다. DOM을 배우는 주된 목적은 자바스크립트를 이용해 문서 객체를 선택하고 속성 또는 CSS를 적용하기 위해서이다.하지만 자바스크립트 DOM은 IE 8 이하 버전과 그 외 크롬, 파이어폭스, 사파리 등의 브라우저들 간에 호환성이 떨어진다는 단점이 있다. 하지만 jQuery는 이런 호환성이 떨어지는 단점들을 모두 해결하였다. 선택자HTML에서..

BOM은 브라우저 객체를 의미한다.브라우저 객체는 그럼 무엇인가? 그것은 브라우저에 내장된 객체를 뜻하는데, 이것 역시 표현이 너무 모호하다.다음과 같이 예시를 들어보면 어떨까?window 라는 객체는 브라우저 객체의 최상위 객체가 된다. 이 window 객체 밑에는 각각 document, screen, location, history, navigator 객체들이 존재하고 있다.이름들에서 감이 오지 않는가? 브라우저의 크기, 위치 같이 우리가 사용하는 인터넷 익스플로러, 크롬, 파이어 폭스 같은 브라우저 들을 통제할 수 있는 객체일 것 같다는 느낌이 든다. 우선 window 객체에 존재하는 메소드 들을 살펴보자. window 객체메소드 open() 새 창을 열 때 사용한다. alert() 경고 창을 띄운..

자바스크립트에는 클래스가 존재하지 않는다. 자바스크립트에서 객체는 크게 내장 객체, 브라우저 객체 모델(BOM), 문서 객체 모델(DOM)으로 나눌 수 있다. 1. 내장 객체내장 객체는 자바스크립트 엔진에 내장되어 있어, 필요한 경우 생성해서 사용할 수 있다. 대표적인 내장 객체로는 문자(String), 날짜(Date), 배열(Array), 수학(Math), 정규 표현(RegExp)객체 등이 있다. 2. 브라우저 객체 모델(Browser Object Model)브라우저에 계층적으로 내장되어 있는 객체들을 브라우저 객체 모델(BOM)이라고 한다. 대표적인 브라우저 객체로는 window, screen, location, history, navigator 객체 등이 존재한다. 3. 문서 객체 모델(Docume..

조건식에 논리형 데이터(true, false)가 아닌 다른 형의 데이터가 입력되더라도 true 또는 false로 인식이 된다.(C와 비슷)다음 값이 조건식에 입력되면 false를 반환하지만, 그 밖의 모든 값은 true로 인식된다.0, null, ""(빈 문자열), undefined

1234567891011121314151617181920 new document // var num=100; var str="자바스크립트"; document.write(typeof num, " "); document.write(typeof str, " "); //]]> Colored by Color Scriptercs위의 예제에 사용된 //는 무엇일까??이것을 CDATA 선언문이라고 한다. 이 CDATA 선언문은 왜 작성하는 것일까??이를 이해하려면 태그에 올 수 있는 데이터가 어떤 것들이 있는지 생각해보자.태그에 올 수 있는 데이터는 이나 또는 같은 HTML 문서의 '본문(body)'에 적혀서 사용자 눈에 보이는 데이터들이 아니다.그런데 이 태그 안에 태그가 존재하고 있다. 이것은 HTML 문서의 유효..

출처 - http://blog.gaerae.com/2015/07/sns-architecture.html#.VZeZZvntlBd 인기 있는 소셜 네트워크 서비스로 본 아키텍처 새로운 웹 서비스를 만들때 다른 곳은 어떤 아키텍처, 어떤 프로그래밍 언어를 사용했는지 궁금하고 왜 그런 선택을 했는지 알고 싶을때가 있죠. 혹은 프로그래밍 언어를 공부하고 싶은데 어떤 언어를 선택해야 될지 고민되실때 생각하는 서비스 혹은 업체가 사용하는 언어를 보고 시작해보는 것도 나쁘지 않을거 같습니다. 아래에 정리된 내용의 출처는 레퍼런스에 링크주소를 남겼으니 꼭 방문해보실길 권장합니다. 그리고 현재의 서비스 정보와는 차이가 있을 수 있음을 감안해주세요. 아래 내용 이전에 "Programming languages used in ..

출처 - http://gskool.tistory.com/43 이 강의에 사용된 모든 그림은 클릭 하시면 원본 크기로 볼 수 있습니다. 태그의 개념은 이해하기가 상당히 까다로운 편입니다. 말로 설명하는 것보단 실전 연습을 통해 습득하는 것이 훨씬 쉬울 정도로 태그를 정의하기란 까다롭습니다. 굳이 비유를 해서 표현하자면 우리가 어릴 적 가지고 놀던 레고처럼 블록을 조립한다고 생각하시면 될 것 같습니다. 그럼 바로 실전을 통해 태그를 공략해 보도록 하겠습니다. 아래의 그림을 봐주시기 바랍니다. 아래의 그림은 태그를 이용한 기본적인 구조의 레이아웃 입니다. 가 밑에 깔려 있고, 그 위에 CSS 문서 내용 #container { background-color:#F0F0F0; width:960px; margin:0..

https://submit.naver.com/web.nhn?tab=1