전체 글16 2. html 파일에 있는 요소 JS로 가져오기 html 파일과 연결되어있는 js 파일에서 html 파일에 있는 요소들을 가져오는 방법은 const 변수이름 = document.getElementById('id이름'); console.log(변수이름) 이런식으로 Id를 사용해서 가져올수잇음 getElementById 메소드를 통해 html에 존재하지 않는 값을 가져오려고하면 그 값은 null이됨. const 이름 = document.getElementsClassName('class이름'); console.log(이름); class요소들을 가져올때는 배열의 형태로 가져오는데 splice나 push같은 배열의 메소드는 사용할 수 없음. 그러나 length 프로퍼티나 for of, [1] 대괄호 표기로 원하는 인덱스에 접근할 수 있음. (유사배열) 유사배열.. 2023. 12. 21. 1. JAVASCRIPT 기초 자바스크립트 명령어들 let : 방만들기 console.log( ? ) : ?값 출력 function : 다양한 명령을 하나로 묶어서 사용할떄 씀. 반복해서 사용할떄 효율적 ex. function example () { console.log(); }; example(); function 함수 만들때 ()안에 파라미터만들수있음 , 파라미터의 기본값 설정 가능(출력시 값할당 안해주면 기본값으로 출력) ex. function examle (x,y) ex. function example (x,y,z=3) return 결과값 변경 , 함수호출 중단, 반환하는거(return 쓰지 않을경우 함수선언으로 undefined가 반환됨.) 기본적인 사칙연산 + - * / 외에 ** 거듭제곱 ex. 2**8 = 2의 8승 (.. 2023. 12. 21. 2. HTML 핵심개념 a는 태그이름 href 는 속성이름 " "는 속성값 /* */ 주석 머릿말 (vscode 에서는 ctrl / 누르면 생김) ./ = 현재있는 폴더에서 파일 찾음 ../ = 부모 폴더로 이동후 파일찾음 ../../ = 부모폴더의 부모폴더로 이동 후 파일찾음 이건 좀 복잡하기떄문에 최상위 폴더를 기준으로 파일을 찾는데 / = 최상위폴더에서 시작 나무위키 같은거 생각해보면 한 페이지에서 클릭하면 원하는부분으로 가지게 하는데 그 방법은 먼저 원하는 부분에 id ="ted" 아이디 지정해주고 이렇게 써주면 id가 ted인 부분으로 이동함 새탭에서 링크 열리게하기 기본은 현재창에서 열기 탭에 이름 붙여줄수도 있음 (처음에 새탭에서 열리고 그탭이 '탭이름'속성을 계속 그 탭에서만 열리게 가능) URL 스킴 -> ex.. 2023. 12. 21. 2. CSS 레이아웃 Display 는 글의 흐름에서 요소들을 어떻게 배치할지 정하는것 Block (...) 은 위에서 아래로 inline(...)은 옆으로 배치됨 (position : static) 이러한 형태를 무시하고 배치하고싶을때 Position 을 사용한다 position : relative; top(left,right,bottom) 30px; position : relative; 는 원래 있어야하는 자리를 기준으로 주어진 값만큼 이동시키는 것인데, 이동할때 다른요소들은 영향을 받지 않는다. (이동하기 전 공간에 있다는 판정이됨) (바로아래에 블록이있고 top :30px을 주면 아래 블록이랑 겹쳐짐) position : absolute; top(left,right,bottom) 30px; position :absol.. 2023. 12. 21. 1. CSS 기초 css 규칙 파일을 따로 만들어서 정리하는게 좋음 파일명.css 파일을 만들어주자 css 규칙 부분에 넣음 css 규칙은 아래와 같이 이루어짐 (선택자는 .클래스 #아이디 태그 다 가능) 선택자 { css 선언 } ex. 예시처럼 하면 모든 h3에 다 적용되니까 색을 넣고 싶은 부분에 이런식으로 아이디를 주고 예시의 h3부분에 #ted를 대신 넣어주면 ted부분에만 들어감 여러개를 선택해서 꾸미고싶으면 class 써주면됨 예시의 h3 부분에 .lth 넣어주면 lth가 붙은 모든곳에 들어감 하나의 태그에 여러가지 선택자를 넣어줄수도 있음 (가운데 띄어쓰면됨) 여러개의 선택자를 하나로 묶어서 사용할수있음 ( , 사용) (id 선택자도 같이 사용가능) (선택자 목록이라고 함) .ted , .ted10722 {.. 2023. 12. 21. 이전 1 2 3 4 다음
