닭발에서 개발까지

다른 페이지의 원하는 위치로 이동하는 방법 페이지 이동을 한 이후에 새로 불러오는 페이지의 원하는 위치로 이동 하는 기능이 필요할 경우 이동하고자 하는 페이지의 위치를 표시해두고 이동하면 된다. ex) index페이지에서 sub페이지로 이동시 sub페이지의 3번째 색션으로 바로 가고싶은경우 이렇게 호출을 하면 해당페이지 특정 위치로 이동을 하게 된다.

Study/HTML 2022. 10. 21. 10:48

HTML에서 JavaScript를 실행하기 HTML에서 자바스크립트 코드를 삽입하는 세가지 방법을 정리합니다. inline 자바스크립트 내부 자바스크립트 외부 자바스크립트 1. inline 방식 html 태그에 이벤트 속성으로 자바스크립트를 삽입할 수 있습니다. input 태그의 onclick 속성으로 자바스크립트 코드를 입력했습니다. 웹 페이지에서 버튼을 클릭하면 alert('Hello world')가 실행됩니다. 2. html 내부에서 사용하기 는 자바스크립트가 시작하고 종료되는 위치를 표시합니다. Document document.write("hello world!"); // script 태그 안에 작성한 코드가 실행된다. 3. 외부 파일 불러오기 자바스크립트 파일을 html과 별개인 .js 확장자의..

Study/HTML 2020. 7. 13. 22:45

DOM이란? DOM은 HTML의 태그(요소)들을 웹 브라우저의 메모리에 올려서 자바스크립트로 사용하기 위해 만들어진 웹 문서이다. 웹브라우저에서 HTML 파일을 받아 DOM으로 만들면 자바스크립트를 통해 여러 가지 조작이 가능하다. DOM 접근 메서드 요소들을 이용하기 위해서는 아래와 같은 메서드로 사용해 특정 태그에 접근해야 된다. 이 메서드를 이용해 선택한 요소를 변수에 대입하여 사용할 수 있다 메서드 설명 document.getElementById("id명") 해당 id명을 가진 요소 하나를 반환합니다. document.querySelector("선택자") 해당 선택자를 만족하는 요소 하나를 반환합니다. document.getElementsByClassName("class명")[순서] 해당 clas..

Study/HTML 2020. 7. 13. 22:20

HTML에 CSS를 적용시키는 방법은 세가지가 있습니다. 각 방법은 장단점이 있으니 상황에 맞게 적절한 방법을 택합니다. Inline Style Sheet HTML 태그의 style 속성에 CSS 코드를 넣는 방법입니다. Internal Style Sheet HTML 문서 안의 안에 CSS 코드를 넣는 방법입니다. Linking Style Sheet 별도의 CSS 파일을 만들고 HTML 문서와 연결하는 방법입니다. Inline Style Sheet Inline Style Sheet는 HTML 태그의 style 속성에 CSS 코드를 넣어 적용시키는 방법입니다. 간단한 예는 다음과 같습니다. Lorem ipsum dolor. 해당 태그(위 코드에서는 p)가 선택자(selector)가 되고, CSS 코드에는 ..

Study/HTML 2020. 6. 11. 21:31