본문 바로가기

개발일지714

html 기본 요소 **매우중요 #1 block, inline요소 1) block 요소block 요소는div, h1, hr, p태그 등으로 구성되며, 화면을 가로 12분할로 봤을때, 12분할 전체를 차지하는 태그다.따라서, 가로 중에서도 "부분"영역이 아니라, "전체"영역을 담당한다는 점을 유념하자. 2)inlineinline요소는span, input, img, a태그 등으로 구성되며, block과는 다르게, 가로를 12분할로 보더라도, 1칸 부터 12칸까지 조정이 가능하다. #2 종속태그 종속태그의 중요성은 "상호작용"해야지만 "작동한다"라는 점 때문이다.이를테면부모태그 + 자식태그 = 작동 되지만태그 단독 - 작동 되지 않는다.여기에는 select, ol, ul, table등이 있다. 종속태그의 일종으로는 "목록"태그가 있다.li .. 2025. 1. 16.
Javascript 비교 구문 - ==, === 설명, a와 A의 차이 #1 ====는 값이 같으면 같은 값이 되는 것이다.예컨데int타입의 2와 string타입의 “2”도 같다고 나온다. 2 == “2”#2 ======로 3번 비교단위가 나오면, 값 and 타입도 같아야 같은 값이다.이번에는 2 === “2”라고 하면 false가 나오고2 === 2라고 하면 true를 리턴한다.#3 비교1)a는 b보다 작다.Javascript에서는 문자열도 비교 대상이 된다.a보다 큰 것이 b다.b> a 가 되는 것이다.a,b,c 순서의 느낌으로 생각해주면 된다.2)소문자는 대문자보다 크다.A와 a를 비교하면, a가 더 큰 값이 된다. 심지어“a” > “Z”도 true를 리턴한다. 2025. 1. 11.
javascript의 defer vs async 개념 정리 #1 defer html을 바로 다운로드 하지만, html 구문 분석도 차단하지 않도록 해서 html 구문 분석을 계속 하고 구분 분석이 끝난 후에만 스크립트가 시작 되는 것임. 쉽게, javascript가 html 보다 앞서는 경우, 로딩에 걸려서 html로딩이 지연되면 차단되기도 하니깐,  html에 우선권을 주고, html이 구문 분석이 완료되면 (열리면) 그때, html의 뒷 순서에 상관없이 javascript가 양보하게 되는 것. 한마디로는 defer은 javascript가 먼저 있을때 html에 양보해주는 것 #2 async html에 의존적이지 않아서, 쓰여있는 순서에 상관없이 마치 매직패스였나? 롯데월드의 그 개념처럼 html 구문해석이 완료되지 않아도 javascript부터 쓰이는 것일종.. 2025. 1. 10.
javascript의 연산자 기초 #1 ++는 단일 객체로는 설명이 어렵고 A ++ 이라고 하면 A + 1 과 같은 효과를 가지고 있다. #2 +=도 단일 객체로는 설명이 어렵다. A += B 라고 한다면  A라는 변수에 A와 B의 합을 더해서 넣어준다. 라는 의미가 된다. 기본적인 연산자의 골자는 위와 같다. 이를 응용하여 #3 A++ 일 경우에는 1) A가 변경전인 값을 먼저 리턴 하고, 2) A에 A+1을 담아준다. 라는 뜻이 되고 ++A 일 경우에는 1) A에 A+1을 담아주고 2) 변경 후의 A를 리턴해준다. 라는 의미다. 2025. 1. 10.

티스토리툴바