전체 글 (38) 썸네일형 리스트형 [HTML] 13. Semantic Web, Semantic Tags 사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요. 1. 태그 사용하기 사이트에 이미지를 넣을 수 있는 방법은 두 가지가 있다. 첫번째로, 태그를 사용하여 간단하게 이미지를 삽입할 수 있다. 주요속성은 src, alt, width, height, loading 이 있다. - src : 이미지의 경로 - alt : 이미지를 표시할 수 없을 때 출력할 내용 - width: 이미지의 가로 크기 - height : 이미지의 세로크기 - loading : 로딩방식 ** width, height 값을 설정하지 않으면 이미지는 원본사이즈로 출력된다. ** 지정된 .. 2022/02/07 TIL 위코드 pre-study 3주차 수업을 참고/인용하여 글을 작성하였습니다. 📌 Pre-study 3주차 키워드 정리 객체란 무엇이며 필요한 이유 객체란 자바스크립트의 오브젝트를 말한다. 참조형 데이터 타입이며, 여러종류의 데이터를 묶음으로 관리하는 데이터 타입이다. 오브젝트는 키값과, 벨류로 구성되어 있고 중괄호로 묶어서 표현한다. // object = {key : value} {name: 'Code Kim', isDeveloper : true}; 객체 안에 또 다른 객체가 존재할 수 있으며, 배열도 존재할 수 있다. 배열의 요소들은 인덱스로 구분 지을 수 있지만 객체는 속성을 나타내는 키와 그에 대한 값으로 구성되어 있기 때문에 데이터를 직관적으로 관리할 수 있고 코드의 유지보수가 용이하다. 객체에서 .. 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이다. ** 초기값을 제공하지 않을 때는 배열의 첫번째 요소가 초기값이 된다. 2022/02/05 TIL 위코드 pre-study 2주차 수업을 참고/인용하여 글을 작성하였습니다. 📌 pre-study 2주차 키워드 정리 배열이란? 배열은 관련 있는 데이터들을 하나의 변수에 모아놓은 데이터 집합라고 할 수 있다. 배열이 필요한 이유 하나의 배열 내에 다양한 자료형의 데이터를 담을 수 있고 배열도 담을 수 있다. 하나의 변수에 다양한 데이터들을 관리하는 것이 가능하기 때문에 가독성이 높아지고 연산이 편리해진다. 관련 있는 데이터들을 모아놓기 때문에 데이터를 찾을 때 용이하다. 배열을 선언하는 방법 배열은 를 사용한 리터럴 방식으로 선언한다. let myArray = [19, 'Happy', true]; 배열안에 들어있는 데이터 하나하나를 ‘요소' (element) 라고 한다. 배열의 중요한 특징 중 하나는 인.. 2022/1/20 TIL 위코드 pre-study 1주차 수업을 참고/인용하여 글을 작성하였습니다. Replit 04_Function 1. return 함수는 기본적으로 input을 받아 함수 안에 있는 기능을 수행하고 output을 반환한다. input 을 받는 것을 함수를 '선언' 또는 '정의' 한다고 하며 output을 '실행' 또는 '호출' 한다고 한다. 함수의 기능을 실행하기 위해서는 함수를 꼭 호출해야한다. 또한 return 을 이용하여 값을 반환하여 함수를 호출할 수도 있다. 혼자 독학하면서 함수에 왜 return이 붙을때가 있고 안붙을 때가 있나 정확하게 알지 못했었는데, 이번에 복습하면서 확실하게 알게되었다. retrun은 함수에 있어서 중요한 역할을 하는데, 함수의 output을 반환하는 결과물이라고 할 수 있.. 2022/1/19 TIL 위코드 pre-study 1주차 수업을 참고/인용하여 글을 작성하였습니다. Replit 03_String 1. 문자열은 서로 합치는게 가능하다. The + Operator 문자열은 연산자 '+' 로 합치는 것이 가능하다. ''로 감싸진 2의 데이터 타입은 숫자가 아니라 문자열이다. 따라서 문자열 2와 문자열 2가 합쳐진 22가 출력된다. ** 중요하게 기억해야 할 점(number + string = string data type ) 숫자 2와 문자열 2를 합치면 숫자 2가 문자열로 인식되어 문자열 22가 출력된다. 2. 문자열의 총 길이 구하기 구하고자 하는 변수명이나 문자열 뒤에 .length 를 붙이면 문자열의 총 길이를 구할 수 있다. 배열의 길이도 구하는 것이 가능하다. 3. 핵심 응용 1) 'p.. 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~.. 이전 1 2 3 4 5 다음
