본문 바로가기

분류 전체보기414

JS Quiz 9-12. 함수에 대해 묻는 문제 / 다시 공부예정 9. What's the output? let greeting; greetign = {}; // Typo! console.log(greetign); 정답 A // 모르겠다. JS 인터프리터가 어떻게 동작하는 지를 파악하자. It logs the object, because we just created an empty object on the global object! When we mistyped greeting as greetign, the JS interpreter actually saw this as: global.greetign = {} in Node.js window.greetign = {}, frames.greetign = {} and self.greetign in browsers. self... 2024. 4. 1.
input 태그에 대한 공부 최종 수정 : 2024-04-02 input의 특징 form 태그 안에서 label태그와 함께 작성하는 것이 좋다. label 태그의 for의 속성 값과 input의 id 속성 값을 갖게 설정해줘야, 화면리더기에 하나의 쌍으로 해석한다. content 자주 사용하는 타입 분류 타입 이름 설명 입력 text 기본 타입 email text 타입처럼 보이지만, 유효성 검사 및 여러 기기에 동적 키보드를 지원 password 값이 가려진 텍스트 필드 사이트가 안전하지 않은 경우 경고창을 띄어준다. 값 선택 checkbox 하나의 값에 대한 선택여부를 체크 radio 여러 값에 대한 선택 날짜 선택 date 날짜 선택 업로드 file 파일을 업로드할 수 있도록 지원 image 사진을 업도드할 수 있도록 지원 버튼.. 2024. 4. 1.
메타 태그(meta tag) 최종 수정일 : 2024-03-31 메타 태그를 공부하기 해서는 head 태그에 대한 이해가 필요하다. HTML의 구조를 이루는 태그 중 많은 태그는 속성으로 http-equiv, charset, name, content를 갖는다. http-euqiv="항목명" - 웹 브라우저가 서버에 내리는 속성 - name 속성을 대신하여 사용될 수 있다. content="정보 값" charset="값" - HTML5에서 추가됐다. 이전에는 http-equiv="UTF-8"로 작성했다. name="정보 이름" - 지정하지 않으면 http-equiv와 같은 기능을 한다. - 메타 요소가 어떤 정보의 형태를 갖고 있는지 알려준다. - 종류 Keywords : 검색 엔진에 검색되는 단어를 지정 Description : 검.. 2024. 3. 31.
JS Quiz 5-8. 객체 접근법과 방법 / 얕은 복사 / 원시 타입과 객체 타입 / 클래스 5. Which one is true? const bird = { size: 'small', }; const mouse = { name: 'Mickey', small: true, }; 정답 A // 표기법의 접근순서와 이해 A. mouse 객체에는 bird를 프로퍼티 네임이 존재하지 않는다. 주의해야 할 점은 mouse.(bird.size = small)로 해석하여 mouse.small이라서 인식하면 안 된다는 사실이다! 점표기법은 앞에서부터 접근한다!! B. mouse[small] 이므로 true라는 값을 갖는다. C. 프로퍼티 네임에는 " "를 통해 공백이 있는 것을 하나의 문자열로 만들어주는 역할을 하므로, mouse.bird.size 즉 B와 동일하다. 6. Which one is true? le.. 2024. 3. 31.
JS Quiz 1-4. var와 let의 호이스팅과 스코프 / 함수의 this / 형변환과 truthy-falsy 값 1. What's the output? function sayHi() { console.log(name); console.log(age); var name = 'Lydia'; let age = 21; } sayHi(); 정답: D // var와 let의 호이스팅을 묻는 문제 var는 호이스팅이 되어 var name; 이 console.log(name);위에 위치하고 있는 것처럼 인식된다. 그래서 undefined가 반환된 것이다. let 값이 할당되어 있는 상태이므로, 호이스팅이 적용되지 않아 ReferenceError이 반환된 것이다. 만약 아래와 같았다면, undefined가 반환됐을 것이다. 변수 키워드 let도 블록레벨 안에서는 호이스팅이 발생하기 때문이다. 그리고 변수가 선언되고 초기화된 사이를.. 2024. 3. 31.

티스토리툴바