본문 바로가기

분류 전체보기556

2. 변수 -변수 자바스크립트는 HTML이나 CSS와 제일 크게 다른 점은 변수의 대소문자를 구분한다는 점이다. 변수명 선언 시, 이미 가지고 있는 단어(if, for....)를 사용할 수 없으며, 또한 문장의 끝은 항상 ;(세미콜론)을 입력해서 문장을 종료해주어야 한다. 자바스크립트는 다른 언어와 다르게(파이썬 빼고!) 변수의 타입을 따로 지정해 줄 필요 없이 var 변수명; 으로 변수를 지정한다. 또한 변수는 사용범위에 따라 전역변수와 지역변수로 나눌 수 있다. 지역 변수 : 선언한 함수 내에서만 사용할 수 있음 전역 변수 : 함수에 상관 없이 프로그램 전체에서 사용할 수 있음. 함수 밖에서 var로 선언할 경우, 이는 전역변수로서 활동하고, 함수 내에서 var로 선언할경우 이는 지역변수로 취급된다. 단 함수 .. 2020. 3. 10.
1. 자바스크립트 시작 자바스크립트는 정적인 HTML페이지에 동적인 상황을 제공해주는 언어이다. 자바스크립트는 사용자의 입력에 따른 계산 뿐만 아니라, 서버 통신에도 이용되며 브라우저의 제어, 나아가서 웹 애플리케이션 개발을 가능하게 한다. 자바스크립트는 세 가지 방법으로 작성할 수 있다. 1. HTML 태그에 이벤트 리스너 직접 작성 2. 클릭 다음 소스에서 alert 코드는 경고창을 띄우는 소스이다. 다음처럼 a에 이벤트 리스너를 적용해도 자바스크립트 코드가 실행된다. 자바 스크립트 코드는 HTML을 직접 삽입하여 출력할 수도 있다. 이를 가능케 해주는 코드가 document.write() 혹은 document.writeln()이다. (자바 스크립트는 자바 언어를 바탕으로 하기 때문에, 클래스, 변수, 메소드로 나뉜다. 자.. 2020. 3. 10.
7. 마우스 커서 cursor 프로퍼티를 이용하면, 태그 위에 출력되는 마우스 커서의 모양을 제어할 수 있다. 많은 value가 있지만 많이 이용하는 커서로 예시를 쓰면, 마우스 커서 마우스커서 마우스커서 마우스커서 마우스커서 마우스커서 마우스 커서가 태그 위에 올리는 순간 변할 것이다. 크기 조절(resize) 커서는 resize 앞에 붙은 알파벳에 의해 방향이 바뀌는데, e w s n은 각각 동서남북을 뜻한다 ex) 남서로 이동하는 크기조절 커서 만들기 => cursor: ws-resize 2020. 3. 10.
6. 시각적 스타일 text-shadow 프로퍼티와 color을 적당히 이용하면 글씨에 다양한 시각적 효과를 제공할 수 있다. 다음이 text-shadow를 이용한 다양한 시각적 효과의 예시이다. 텍스트 그림자 만들기 Drop Shadow Color Shadow Blur Shadow Glow Effect WordArt Effect 3D Effect Multiple Shadow Effect 2020. 3. 9.
반응형

티스토리툴바