목록분류 전체보기 (118)

dh_0e

[JavaScript] 개인 과제 중 배운 문법 (innerHTML, addEventListner, includes, toUpperCase, toLowerCase, Math.floor)

innerHTMLinnerHTML은 해당 HTML요소에 있는 HTML을 반환하며 추가적인 HTML 코드를 삽입할 때에 사용된다.요소는 DOM으로 가져올 수 있으며 아래 링크에서 두 가지 방법이 설명되어 있다. [JavaScript] 주요 문법 정리(3) ( 문서 객체 모델(DOM), Class와 상속, 클로저(Closure) )DOM이란Document(HTML파일)를 Javascript가 해석할 수 있는 Object 형태로 Moudeling 한 것 브라우저에 기본적으로 내장되어 있는 API 중 하나( API는 다른 시스템에서 제공하는 기능을 사용할 수 있도록dh-0e.tistory.com 안녕하세요! addEventListneraddEventListner() 메서드는 지정..
내일배움캠프/HTML,CSS,JavaScript 2024. 5. 1. 19:57
[CSS] 개인 과제 중 배운 문법 (Button's hover/active, transition, reset.css)

hover / active (button)button:hover - 모든 버튼 위에 커서가 올라갔을 때의 css를 수정button:active - 모든 버튼들이 눌렸을 때의 css를 수정id명이나 class명을 button 대신 넣으면 각각의 버튼의 hover, active를 수정할 수 있음  transition(변화) 속성속성정리transition선택자 변화에 시간 흐름을 추가하여 변화하게 하는 속성transition-delay변화가 끝나는 시간을 지연시킴ex) transition-delay: 0.3s; // 0.3초 지연transition-duration변화하는 과정(시간)을 지연시킴ex) transition-duration: 0.3s; // 0.3초 지연  reset.css각 브라우저마다 CSS 기..
내일배움캠프/HTML,CSS,JavaScript 2024. 5. 1. 03:37
[HTML] 개인 과제 중 배운 문법 (id/class, <script>태그(defer, type module), <link>태그)

id와 class의 차이HTML의 요소에 지정하여 CSS와 JavaScript에서 속성을 변경하는 역할을 하는 것에서 같아보이지만태그로 지정하는 요소의 수에서 차이가 있음id로 지정하는 태그는 유일한 이름을 붙이며 중복되면 순차적으로 가장 먼저 발견되는 id에 수정이 이루어짐(사실상 중복이 불가함)class는 동일한 유형을 가진 태그들을 모두 일정하게 수정하고 싶을 때 여러 요소를 지정하여 수정이 이루어짐ex) class는 사람이란 특정한 유형들에 일정하게 태그를 붙여 수정한다면, id는 사람 이름을 나타내 그 자체를 수정  class는 class명 앞에 '.'을 붙여 사용하며 id는 id명 앞에 '#'을 붙여 사용함   html에서  defer 속성은 Script 다운을 HTML 파싱과 동일하게 하지만..
내일배움캠프/HTML,CSS,JavaScript 2024. 5. 1. 03:12
[Git/GitHub] Git & Github로 협업하는 법 (branch)

브랜치(branch)복사본(백업) 대용으로 git branch로 브랜치 내용을 확인 - 초록색으로 표시된 브랜치가 내가 위치한 브랜치  브랜치 이동git switch 'branchName'git checkout 'branchName'diff: 원래 checkout만 쓰다가 그 뜻이 오묘하고 다른 기능이 내포되어있어 이동만 하는 명령어 switch가 나옴  브랜치 생성 & 이동git switch -c 'branchName'   // c: creategit checkout -b 'branchName'   // b: branch  브랜치 삭제git branch -d 'branchName'   브랜치 합치기최종 브랜치로 이동 후 git merge 'branchName' - 합쳐질 브랜치 (합쳐질 내용이 커밋 되..
Git|GitHub 2024. 5. 1. 01:27
[JavaScript] 주요 문법 정리(3) ( 문서 객체 모델(DOM), Class와 상속, 클로저(Closure) )

DOM이란Document(HTML파일)를 Javascript가 해석할 수 있는 Object 형태로 Moudeling 한 것 브라우저에 기본적으로 내장되어 있는 API 중 하나( API는 다른 시스템에서 제공하는 기능을 사용할 수 있도록 도와주는 중간자 역할 )DOM이 브라우저에 내장되어있기 때문에 우리는 HTML의 내용을 Javascript로 접근, 제어할 수 있다. DOM은 node를 갖는다. (계층구조, DOM Tree 내부의 하나 하나 모두 node) DOM에 접근하는 방법document.getElementById("ID") ID의 코드를 불러옴 document.querySelector(".Class") Class의 태그를 불러옴 (ID도 #으로 불러올 수 있음).children 자식 요소 불러옴 ..
내일배움캠프/HTML,CSS,JavaScript 2024. 4. 26. 02:45
이전 Prev 1 ··· 19 20 21 22 23 24 Next 다음