1. 경로에는 URL과 같은 절대경로와 현재 디렉토리를 기준으로 한 상대경로를 지정할 수 있다. 2. alternative text는 오류로 인하여 이미지를 불러올 수 없는경우나 비 시각적 브라우저(시각장애인이 사용하는 브라우저등) 에서 이미지를 텍스트로 대체 할 수 속성입니다. 가능한 간단하고 명료하게 작성해야 합니다. 잘못된 예시) 올바른 예시) 3. srcset srcset 속성은 다양한 크기를 가진 동일한 이미지를 명시해주는 속성입니다. 1개의 이미지를 명시하려면 해당 속성을 무시해도됩니다. 사용자의 환경에 맞추어 최적의 크기 이미지를 보여주기 위해 사용하는 속성이지만 원하는 해상도에 맞게 정확하게 명시 할 수 있는 CSS의 미디어쿼리 사용을 권장합니다. EX) 위 예시는 뷰포트 너비가 300px..

anchor tag 기본적으로 다른곳으로 이동을 시켜주는 태그입니다. Anchor 는 다른 태그들과는 다르게 지정해줘야 할 속성이 있습니다. 1) herf (Hypertext Reference) 주소값 내용 EX) 1. https://www.naver.com">네이버 절대경로로 네이버 페이지로 이동 2. 상세페이지 상대경로 이동 3. 헤더로 이동 태그 안에 설정된 ID값이 header인곳으로 이동 4. 봉구에게 메일보내기 클릭시 전자메일 보내기 실행 5. 전화하기 클릭시 전화 연결 2) target 2-1) _blank : 새로운 탭에서 오픈 2-2) _self: 현재 위치한 탭에서 오픈 (기본값 , 생략가능) 2-3) _parent: 현재 프레임의 부모 프레임에서 오픈, 부모가 없을시 _self와 동일..

문단에서 중요한 영역을 설정할 수 있는 2가지의 강조태그가 있다. 1. 두개의 차이점 - em 태그를 쓰게되면 글자가 기울어고 strong태그를 쓰게되면 bold처리가 되지만 스타일 관련은 CSS로 변경이 가능하기 때문에 브라우저에게 중요한 부분이라고 강조 하는 역할인 것을 생각하면 다르지 않다. 오늘의 저녁 메뉴는 치킨이다

https://programmers.co.kr/learn/courses/30/lessons/68644 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아return 하도록 solution 함수를 완성해주세요. function solution(numbers) { var answer = []; for(let i = 0; i < numbers.length; i++ ) { for(let q = 0; q < numbers.length; q++) { i !== q && answer.indexOf(numbers[i] + numbers[q]) === -1 && answer.push(numbers[i] + numb..

프로그래머스 코딩테스트 연습문제 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하..

ES2021에서 추가된 기능들 String.prototype.replaceAll Promise.any WeakRef Logical assignment operators Numeric separators ES12버전은 2021년 6월에 출시될 예정입니다. stage-0 부터 stage-4까지 단계를 거쳐 채택되는데 아래 기능들은 stage-4에 채택된 기능들이며 Google Chrome V8 엔진에 적용되어 바로 사용 할 수 있습니다. 그러나 아직 최종적으로 브라우저 업데이트가 된것이 아니기 때문에 코드에 적용 하면 곤란해집니다 ! 4 단계 목록은 tc39에서 확인 할 수 있습니다. 1. replaceAll (String.prototype.replaceAll) 기존에 문자열을 변경하기 위해서는 replac..