분류 전체보기131 Javascript-Location 객체 오늘은 Location 객체에 대해 알아보도록 하겠습니다. location객체는 브라우저의 주소, 즉 URL과 관련있는 객체라고 볼 수 있습니다. 그럼 location객체의 속성을 알아보도록 하겠습니다. 속성 설명 href 문서의 URL 주소 host 호스트 이름 + 포트 번호 hostname 호스트 이름 port 포트 번호 pathname 디렉토리경로 hash 앵커이름 search 요청매개변수 protocol 프로토콜 종류 그럼이제 코딩을 통해 속성들을 알아보도록 하겠습니다. 이렇게 코딩을 하게 되면 결과화면에 현재 웹 페이지의 URL값이 나오게 됩니다. 이제 속성들의 값을 넣어보도록 하겠습니다. 먼저 href 속성을 넣어보도록 하겠습니다. location.toString() 의 값과 location... 2017. 4. 24. JavaSctipt-대화상자(alert, confirm, prompt) 오늘부터는 JavaScript에 대해 알아볼게요. 먼저 JavaScript란 무엇일까요? 쉽게 웹페이지는 HTML, CSS, JavaScript로 구분이 되어지는데요 HTML 은 웹페이지의 틀을 짜주는 역할을 하고 (스케치) CSS 는 웹페이지에 디자인을 담당하고 (색칠) JavaScript는 웹페이지에 기능을 추가한다고 할 수 있습니다. (Function) 그럼 이제부터 어떤 기능을 추가할 수 있는지, 어떤 기능들이 있는지 알아보도록 하겠습니다. 첫번째로 알아볼것은 alert 입니다. alert는 한마디로 팝업창(?)이라고 할 수 있어요. alert() 함수는 경고메세지를 전달하고 싶을 때 사용하구요 경고메세지를 알리는 대화상자에는 확인버튼이 있습니다. 코딩을 통해 알아보도록 할게요~ JavaScrip.. 2017. 4. 10. CSS_Font Awesome 오늘은 CSS의 마지막이 될것 같아요! CSS에서 Font Awosome이라는 것에 대해서 알아볼텐데요. Font Aweome 이란? http://fontawesome.io/ 여기 페이지에서 확인하시면 됩니다. 원리는 음.... 뭐랄까... 다른 홈페이지에서 정해놓은(?) 만들어놓은 아이콘을 가져다가 쓰는것을 의미하는데요 사용법이랑 코딩하는 방법을 알아보도록 하겠습니다!ㅎㅎ 먼저 홈페이지에 들어가보면 이렇게 나오게 되구요 제가 저기 위에 빨간색으로 네모칸 쳐 놓은 곳에 Icons 라고 되어있는것을 클릭하면 사용하고자 하는 아이콘들이 많이 나오게 됩니다. Icons를 클릭하게되면 여러개의 아이콘이 나오게 되는데요... 사용하고자 하는 아이콘에 마우스를 올리면(hover 하게되면^^) 저렇게 초록색으로 표시.. 2017. 3. 28. CSS_link&import 오늘은 link 태그 와 import에 대해서 알아볼게요! link태그는 중복되는 부분을 따로 빼놓았다가 가져올때 쓰는건데요... 우선 이렇게 Style sheet를 빼서 따로 파일을 하나 만들어 저장합니다. 그러고 난 후 두개의 파일에서 똑같이 h1태그를 같은 속성을 갖게 하려면 이런식으로 하시면 됩니다. 결과화면은 Page1 과 Page2 가 모두 빨간색으로 나오게 되겠죠? 2017. 3. 27. 이전 1 ··· 21 22 23 24 25 26 27 ··· 33 다음
