지구정복

목차 자바스크립트란? 프로그래밍에 대하여 ECMAScript에 대하여 특징 변수와자료형 소스코드 작성방법 변수사용하기 자료형 변수에 할당하기 표현식과연산자 산술 단항연산자 문자열 연산자 논리 연산자와 관계 연산자 기타 연산 제어구문 조건문( if / else 문 ) ㅁ자바스크립트란? 객체 기반의 스크립트 언어이다. HTML로는 웹의 구조와 내용을 제작하고, CSS는 웹을 디자인하며, Javascript는 웹의 동작 및 기능을 구현할 수 있도록 한다. 구체적으로는 HTML의 내용, 속성, 스타일을 변경할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버측 프로그래밍에서도 사용할 수 있다. *참고 프로그래밍에 대해서 개발자는 문법을 지켜서 코딩하고 소스..

목차 시멘틱요소 ㅁ시멘틱 요소 웹페이지를 구성할 때 태그만 사용하면 코드만 봤을 때 어떤 영역의 태그인지 알기가 어렵다. 따라서 영역구분용 태그라고 생각하면 된다. 몇 가지만 정리해보자. : 는 안에 있기 때문에 태그와는 다른 태그이다. 주로 머리말, 제목을 표현한다. : 콘텐츠를 담고 있는 문서를 사이트 간에 서로 연결하는 링크의 역할이다. : 바디 영역을 , , 3가지 공간에 콘텐츠를 저장한다. 그 중 섹션을 본문콘텐츠를 담고 있다. 안에 또 다른 사용이 가능하다. : 섹션이 콘텐츠를 분류한다면 태그 안에는 실질적인 내용을 넣는다. 뉴스로 예를 들면 정치/연예/사회의 대분류는 section이고 정치 기사 내용과 연예 기사 내용들은 에 넣는다. : 사이드바라고 부른다. 본문 이외에 내용을 담고 있는 시..

목차 글자폰트 글자 크기 Font Family 폰트 모양 웹폰트 컴퓨터에서 폰트 불러오기 웹에서 폰트 불러오기 아이콘 불러오기 커서모양바꾸기 리스트모양바꾸기 원하는 이미지로 리스트 모양 바꾸기 레이아웃 border 영역 설정 둥근 border 만들기 padding 값 주기 margin 값 주기 div와 span 같이 사용 Table Border 꾸미기 Display Property block과 inline 바꾸기 보임 / 숨김 기능 만들기 Position Property position 사용하기 x, y, z축 순서 바꾸기 Website Layout 만들기 예제 웹사이트 레이아웃 만들기 overflow 속성 visible 요소 hidden 요소 scroll 요소 auto 요소 float 속성 float ..

목차 가상 클래스(Pseudo-classes) 첫 번째 자식 라인 적용 글자 적용 ::selection 배경 관련 배경에 이미지 삽입 여러 개의 배경 삽입 글자관련 정렬 줄 긋기 대소문자 변환 그림자 효과 ㅁ의사 클래스 (Pseudo-classes) 의사클래스는 링크에 대해 특수 효과를 설정할 수 있다. 예를 들어 어떤 링크를 클릭하면 클릭된 링크는 보라색으로 바뀌게 되고, 클릭되지 않은상태는 파란색으로 나타난다. 이러한 것을 설정하는 것이 의사 클래스이다. 보통 네 가지로 나눠진다. 아래 코드에서 확인 ㅇ첫 번째 위치하는 자식 p태그의 첫 번째 자식만 색깔을 바꿔준다. ㅇ라인에 대한 적용 첫 번째 줄에만 css를 적용하고 싶으면 다음과 같이 작성한다. 이는 웹페이지의 창의 크기에 관계없이 무조건 첫 번..