언어 (7) 썸네일형 리스트형 [CheckPoint] 23. 레이아웃의 모든 것 🖇 pre-course 1주차 1. position position 이란? CSS 에서의 position 속성은 html 코드와 상관없이 어느 곳에나 위치할 수 있게 해준다. position 속성에는 총 4개의 값이 존재한다. position: static; position: relative; position: absolute; position: fixed; 1. position: relative relative 값은 그 자체로 봤을 때에는 딱히 의미가 없다. 위치를 이동시켜주는 top, right, bottom, left 프로퍼티를 적용해주면 그 때부터 원래 위치에서 움직인다. 바꿔말하자면 top, right, bottom, left는 position 이라는 속성이 있어야 적용되는 속성값들이다 ! .c.. [HTML] 13. Semantic Web, Semantic Tags 사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 1. 태그 사용하기 사이트에 이미지를 넣을 수 있는 방법은 두 가지가 있다. 첫번째로, 태그를 사용하여 간단하게 이미지를 삽입할 수 있다. 주요속성은 src, alt, width, height, loading 이 있다. - src : 이미지의 경로 - alt : 이미지를 표시할 수 없을 때 출력할 내용 - width: 이미지의 가로 크기 - height : 이미지의 세로크기 - loading : 로딩방식 ** width, height 값을 설정하지 않으면 이미지는 원본사이즈로 출력된다. ** 지정된 .. 12월 2일 목요일 Let's get it 자바스크립트 프로그래밍 8장 반응속도테스트 1. 태그에 해당 클레스가 들어있는지 확인하는 방법 태그.classList.contain('클래스'); t/f 로 출력됨 1) 태그.classList.add('클래스'); 클래스 추가 2)태그.classList.replace('기존클래스','수정클래스'); 클래스 수정 3)태그.classList.remove('클래스'); 클래스 제거 2. 배열.reduce((누적값, 현잿값) => { return 새로운 누적값; }, 초깃값); 평균 구할때 유용한 배열apl이다. ** 초기값을 제공하지 않을 때는 배열의 첫번째 요소가 초기값이 된다. 1월 8일 (토) Let's get it 자바스크립트 13강 지뢰찾기 복습 1. A && B A가 존재하면 B를 실행하라는 뜻이다. 2. A || B A가 존재하지 않으면 B를 실행하라는 뜻이다. A가 존재하지 않는 다는 것 : undefined, Null, false, 0, '', NuN ** A ?? B null, undefined 일때 B 를 실행하라는 뜻이다. (0을 빈값이 아닌 현실 값으로 사용할 경우에 ?? 을 이용하여 Null , undefined 을 빈값으로 이용하여 사용할 수 있다) 3. 2차 배열에서 주의해야 할 undefined (optional chaining) 2차열 배열을 이용하여 구현할 때 주의해야 할 것이 있다. 왼쪽 이차배열 그림에서의 data[0][0] 대각선 칸인 data[-1][-1]을.. 12월 1일 (수) let's get it 자바스크립트 복습 7장 숫자야구 1. splice(start, deleteCount(op), add item1, item2 ... (op)) ** 기억해야할 점 : slice 와 다르게 splice를 사용하면 사용된 배열이 같이 수정된다! 2. input.value 는 값을 '문자열' 로 받아온다 ! 3. alert 는 undefined를 반환한다. (undefined = false) 4. indexOf ** 기억해야 할 점: 1) 찾고자 하는 값의 인덱스가 출력된다. 2)찾고자 하는 값이 배열에 2개 이상일 경우 제일 첫번째 값이 위치한 인덱스가 출력된다. 5. 배열과 배열의 값 비교 1) answer 배열의 길이만큼 for 문이 돌아간다. (answer길이는 4이다. 즉, 0~.. 2- 2 등가와 형 1. 변수형 자비스크립트에서의 자료형에 대해 중요한 특징이 있다. 선언만 되고 값이 할당되지 않은 변수에 undefined 가 할당된다는 것이다. typeof를 활용하여 이를 확인해 볼 수 있다. age의 자료형은 number 이지만 값이 할당되지 않은 blank 라는 변수의 자료형은 undefined 인 것을 알 수 있다. 2. 참/ 거짓 자바스크립트의 if () 함수 내의 매개변수는 boolean 형이 들어간다. 자바스크립트에서 false로 인정되는 몇 가지 경우가 있다. (암기!!) - false - 0 - NaN - undefined - null 자바스크립트에서 true 인 경우 - ture - 0이 아닌 값 - 비어 있지 않은 문자열 - 비어 있지 않은 객체 printIfTrue 라는 함수가 n.. 2 - 1 var 와 let 1. var 를 활용한 선언 var를 if 문 안에 선언하지 않았음에도 콘솔에 출력하면 12를 출력하며 오류가 나타나지 않는다. 이것이 var 에 대한 중요한 특징이다. var 변수의 범위는 가장 가까운 함수 범위이다. var 는 변수를 어디에서 선언하든 변수 선언이 함수의 맨 앞으로 이동한다. (변수 호이스팅) var a = 1 이라고 전역변수로 선언을 했음에도 콘솔을 출력하면 전역변수 값이 아닌 4가 출력된다. four() 함수 안에서 재선언 되었기 때문이다. 2. let 을 활용한 선언 let을 사용한 변수는 변수가 선언된 블록({})안에서만 유효하다. 똑같은 함수를 let 을 이용하여 선언한다면 ReferenceError가 발생한다. if문 블록 안에서만 사용할 수 있기 때문이다. if 문 안으로.. 이전 1 다음
