본문 바로가기
728x90
반응형

분류 전체보기287

JavaScript] Searching: getElement*, querySelector* DOM navigation properties는 elements가 서로 가까이 있을때 유용하다. 하지만 페이지에서 임의의 element에 접근을 해야할때는 어떻게 할 수 있을까? 이런 경우를 위한, 추가 searching methods가 있다. document.getElementById 만약에 element가 id attribute를 갖고 있다면, 우리는 document.getElementById(id) 함수를 이용해서 원하는 element를 찾을 수 있다. id는 unique해야한다. getElementById함수는 document object에서만 호출할 수 있다. Element querySelectorAll 가장 다용도로 사용되는 함수는 elem.querySelectorAll(css)이다. elem.. 2022. 11. 4.
JavaScript] DOM Navigation 출처 : https://javascript.info/dom-navigation 원하는 element를 수정하기 위해서는 해당하는 DOM object가 필요하다. DOM의 모든 동작은 document object와 시작한다. 이로부터 어떠한 node에도 접근할 수 있다. On top: documentElement and body 최상단 3개의 document properties가 있다. = document.documentElement = document.body Children: childNodes[nodenumber], firstChild, lastChild Child nodes (or children) - direct children인 elements. 예를들어 , 는 element의 children이.. 2022. 11. 3.
JavaScript] DOM tree 출처 : https://javascript.info/dom-nodes HTML document의 뼈대는 tags이다. Document Object Model (DOM)에 따르면, 모든 HTML tag는 object이다. enclosing tag에 포함된 tags는 children이다. tag 내부의 text 또한 object이다. 이러한 모든 objects는 JavaScript를 통해서 접근이 가능하며, 이를 활용해 page를 수정할 수 있다. 예를들어 document.body는 tag를 나타내는 object이다. 아래 코드를 실행하면 3초간 red로 변경할 수 있다. document.body.style.background = 'red'; // make the background red setTimeou.. 2022. 11. 3.
JavaScript] Browser environment, DOM, BOM 출처 : https://javascript.info/browser-environment Browser environment, specs JavaScript는 처음에 웹 브라우저를 위해 만들어졌다. 따라서 많은 활용과 플랫폼과 함께 발전하였다. browser, web-server, 또다른 host와 같은 platform이다. 각각은 특화된 platform 기능을 제공한다. 이것을 host environment라고 칭한다. host environment는 language core뿐만 아니라 자신의 objects, function을 제공한다. 아래는 web browser에서 JavaScript가 실행될때 갖는 것들의 조감도이다. window라 불리는 root object가 있다. 2가지 역할이 있다. Java.. 2022. 11. 3.
Git의 원리] 8. git tag 원리 tag를 생성할 때, git내부적으로 tag가 어떻게 관리되는지 확인해보자. # git 초기화한다. $ git init Initialized empty Git repository in C:/Project/git_test/.git/ # commit을 생성한다. $ vim f1.txt $ git add f1.txt warning: LF will be replaced by CRLF in f1.txt. The file will have its original line endings in your working directory $ git commit -m 1 [master (root-commit) d15d55a] 1 1 file changed, 1 insertion(+) create mode 100644 f1... 2022. 9. 8.
Git의 원리] 7. git tag 기본 사용법 특정 commit에 tag(어떤 것으로든 지정할 수 있지만, 주로 배포 버전)를 지정하여 관리할 수 있는 기능이다. tag에는 Annotated Tag와 Lightweight Tag가 있다. git 초기화한다. $ git init Initialized empty Git repository in C:/Project/git_test/.git/ 파일을 생성하고 저장하여 commit한다. $ vim f1.txt $ git add f1.txt warning: LF will be replaced by CRLF in f1.txt. The file will have its original line endings in your working directory $ git commit -m 1 [master (root-co.. 2022. 9. 8.
728x90
반응형