본문 바로가기

WEB35

자바스크립트의 역사 및 기초문법 자바스크립트의 역사 1993년 Mosaic Web Browser를 만든 마크 앤더슨이 넷스케이프사를 설립한 후 이 브라우저를 업그레이드하여 Netscape Navigator라는 웹브라우저를 만들게 되었고, 전 세계 시장점유율 80%를 가지게 된다. 이후 웹브라우저에서 동적인 웹사이트 구현을 위해 브랜든 아이히를 영입, 10일만에 프로토타입에 기반한 Mocha라는 언어를 만들게 되고, 이를 LiveScript 라는 언어로 이름을 바꾸어 Netscape Navigator에서 작동시킬 수 있게 된다. 마크 앤더슨은 이를 더 유명하게 만들기 위해 Java에 편승하여 썬마이크로시스템과 마케팅 조약 체결 후 Javascript로 최종 이름으로 결정하여 승승 장구한다. 이 때 마이크로소프트사에서 JavaScript를.. 2022. 6. 21.
이클립스 코드 어시스턴트 설치 및 설정 이클립스는 자바스크립트 함수 자동 완성을 지원하지 않기 때문에 별도로 어시스턴트 설치가 필요하다. https://github.com/angelozerr/tern.java/releases/download/tern.java-1.2.1/tern.repository-1.2.1.zip 에서 파일을 다운받아 설치한다. 먼저, 이클립스에서 Help - Install New Software를 클릭한다. 그 후, Install창이 뜨면 Add버튼을 누른다. Add Repository창이 뜨면, Add Repository창에서 Name : Tern이라고 적고, Archive 버튼을 눌러 다운받은 zip파일을 선택한 뒤 Add버튼을 누른다. 파일을 추가했다면 설치할 항목들을 모두 체크하고 계속 나오는 Next 버튼을 누른 .. 2022. 6. 21.
CSS3 레이아웃 Block 과 Inline block : 한 줄을 전부 차지 ,,,,,,,,, 공부를 좀 재밌게 하는 방법이 없을까? 이것저것 해보면서 재미를 붙여보는 게 어때애?! 솔직히 문과 공부보다는 재밌을 수밖에 없을텐데 그치그치?! 기술이잖아. 배우면 는다고! div1 div2 div3 div4 레이어(z-index) : 레이아웃이 겹칠 때 태그 { z -index : 값 } : z-index가 클 경우 위에 표시되고, z-index가 낮은 경우 가려진다. (3차원 큐브도형의z축) OverFlow 블록1 블록2 블록3 블록4 블록5 레이아웃 nav content footer 제주도 민박 가장 제주다운 민박집 이용안내 객실소개 예약방법 예약하기 제주 민박 소개 제주 서귀포 게스트 하우스형식의 현대적 민박집을 소개.. 2022. 6. 20.
CSS - 박스 모델 박스 모델 - 웹 브라우저는 HTML 내의 요소들을 사각형으로 간주하고 웹 페이지에 출력시킨다. - 요소들을 박스 형태로 그리는 것을 박스 모델이라 한다. - 박스는 배치, 색상, 경계 등의 속성을 가진다. - 각 박스는 margin(바깥쪽 여백),border(경계선),padding(안쪽 여백)을 가진다. - 경계선(border) - 경계선과 내용 사이의 간격 : 안쪽여백 (padding) - 요소와 요소 사이의 간격 : 바깥여백(margin) - 스타일 측면에서 문서는 하나 이상의 엘리먼트 박스(body)들로 구성되어있다. - 안쪽 박스 모델 영역은 바깥쪽 상위 박스 모델의 내용 영역 안으로 제한됨 (박스 안에 박스가 포함되어 있을 수 있음) 예) 상위박스중간제일안쪽 박스 모델 스타일 속성 width .. 2022. 6. 16.