뚜벅뚜벅 두번째

📖 이벤트에서 this 활용하기 this : 이벤트 발생한 자기자신 요소 ()=> 화살표함수 -> 이벤트.target(발생요소) (e)=> -> e.target // 화살표:target forEach() => 여러개를 가진 요소한테 쓸 수 있는 functi

📖 html + js 1. 자바스크립트에서 노드 선택하기 2. 노드 / 속성 조작하기 (1) 컨텐츠 조작하기 (내부 내용) **textContent : 모든 텍스트 innerText : 화면에 보이는 텍스트 innetHTML : 모든 텍스트 (html포함)**

📖 js 1. 변수 2. 자료형 3. 연산자 (1) 비교연산자 같다 (값만 판단!) 같다 (+자료형 까지 판단) 🤙 != 다르다 (값만 판단!) !== 다르다 (+자료형 까지 판단) 🤙 👀형변환 Number() : 숫자형으로 변환 String()

📖 JavaScript => 웹 Html, CSS, JS 스크립트언어 (인터프리터 언어) => 한줄한줄 보면서 오류체크 내부스크립트, 외부스크립트 1. 내부스크립트 body태그 끝나기 전에 => 그리고 웹 브라우저창 들어가서 개발자도구 -> 콘솔창으로 보면 'co

📌정리 align-items랑 같이쓰면 align-content가 잡아먹는다 flex는 안에 있는 박스들을 한줄에 쭉 좌우배치 해주는 용도!! 그래서 flex 안걸어주면 박스 하나는 다음줄로 넘어간다 📖 flex 1. inline-flex flex : 내부를 f

📌정리 relative = 흐름대로 // 시작점 : 각자위치 absolute = 흐름무시 // 시작점 : 부모요소위치 부모요소중에 relative가 있으면 그게 시작점! relative 없으면 body가 시작점! fixed = 흐름무시, 스크롤 내려도 고정위치 //

📌 relative = 흐름대로 // 시작점 : 각자위치 absolute = 흐름무시 // 시작점 : 부모요소위치 부모요소중에 relative가 있으면 그게 시작점! fixed = 흐름무시, 스크롤 내려도 고정위치 // 시작점 : 부모요소 상관없이 그냥 전체페이지 기

📖 position : 위치지정속성 1) static = 기본 2) relative = 흐름대로 => 💻 => 그니까 relative는 각각 박스 실제위치부터 시작! 그러니까 텍스트도 파란색박스 다음에 나오는거고 3) absolute = 흐름무시 => 💻

📖 page : 화면이동 => 네이버웹툰 들어가서 월요일웹툰 화요일웹툰.. 버튼누르면 월요일웹툰들어가고 화요일웹툰들어가고 그 해당 요일버튼 색상만 바껴있는 모습을 볼 수있다! 이런걸 만들어보자면 공통의 성질을 외부스타일 css 파일로 만들어놓고 page1, pag

📌정리 👉CSS 선택자 전체 선택자 : * 태그 선택자 : 태그 (h1 span ...) 클래스 선택자 : .클래스명 (.purpleText ...) 아이디 선택자 : #아이디명 (#purpleText ...) 속성 선택자 : 속성[속성명], 속성[속성명="속성값

📌정리 📖CSS 적용순서 1. 내부,외부,인라인 =>인라인이 가장 강력! 내부,외부는 순서대로 쓰이는 데로 적용된다 2. 선택자 1) 전체 선택자 : * 2) 태그 선택자 : 태그명 => 태그선택자가 더 강력 => 태그선택자가 있어도 class로 지정

📌정리 📖테이블 만들기 => table태그 1.행 : tr 태그 2. 열+헤더(진하게) : th 태그 3. 열 : td 태그 행 병합 : rowspan 속성 => 위에서부터 합친다! 열 병합 : colspan 속성 => 앞에서부터 합친다! ※그룹지어주기※

<태그></태그> : 괄호 열고 닫고 의미한다! ex)