console.log("CAPABLE");

alt text는 주로 이미지를 묘사하기 위해 쓰인다. alt text의 2가지 목적 접근성: 이미지를 볼 수 없는 사람들에게 이미지가 묘사하는 것을 이해할 수 있게 텍스트로 제공해준다. 실패 상태: 이미지가 로드되지 않았을때 텍스트 대안이 페이지에 표시된다. alt text의 흔한 실수 alt 속성 없는 경 애매모호한 alt 작성했을 경우 지나치게 자세히 작성할 경우 alt text는 이미지를 설명해야 한다. 출처: https://www.craigabbott.co.uk/blog/how-to-write-good-alt-text-for-screen-readers/ How to write good alt text for screen readers What is alt text? Why it matters. ..

1단계 #pond { display: flex; justify-content: flex-end; } 2단계 #pond { display: flex; justify-content: flex-end; } 3단계 #pond { display: flex; justify-content: space-around; } 4단계 #pond { display: flex; justify-content: space-between; } 5단계 #pond { display: flex; align-items: flex-end; } 6단계 #pond { display: flex; justify-content: center; align-items: center; } 7단계 #pond { display: flex; justify-con..

this 키워드 동작을 나타내는 메서드는 자신이 속한 객체의 상태 -> 프로퍼티를 참조하고 변경 가능해야 한다. 메서드가 자신이 속한 객체의 프로퍼티를 참조하려면 자신이 속한 객체를 가리키는 식별자를 참조 가능해야한다. const circle = { // 프로퍼티: 객체 고유의 상태 데이터 radius: 5, // 메서드: 상태 데이터를 참조하고 조작하는 동작 getDiameter() { // 이 메서드가 자신이 속한 객체의 프로퍼티나 다른 메서드를 참조하려면 // 자신이 속한 객체인 circle을 참조 할 수 있어야 한다. return 2 * circle.radius; }, }; console.log(circle.getDiameter()); // 10 객체 리터럴은 circle 변수에 할당되기 직전에 ..

문제 정수 배열 numbers가 매개변수로 주어집니다. numbers의 각 원소에 두배한 원소를 가진 배열을 return하도록 solution 함수를 완성해주세요. 해결 과정 .length를 할용하여 문제를 풀었다. 새롭게 알게된 점📝 x 정답 function solution(numbers) { var answer = []; for(let i = 0; i < numbers.length; i++) { answer[i] = numbers[i] * 2 } return answer; } https://school.programmers.co.kr/learn/courses/30/lessons/120809 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고..

문제 정수 num1, num2가 매개변수로 주어질 때, num1를 num2로 나눈 나머지를 return 하도록 solution 함수를 완성해주세요. 해결 과정 나머지 연산자를 이용해서 문제를 풀었다. 정답 function solution(num1, num2) { var answer = num1 % num2; return answer; }

문제 첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 해결 과정 1. 분모의 덧셈을 하기 위해 const numer와 const denom의 분자, 분모의 변수를 만들어줬다. 2. 분자 분모의 최대공약수로 나누는 것이다. 최대 공약수는 어떻게 만들까? i) 분자 분모 중 작은 수를 찾아야 한다. 작은 수를 찾기 위해 let minNumer라는 변수를 만들었다. ii) 작은 수로 분자 분모를 나눈다. ii-i) 둘 다 나눠 떨어지면 그 나눈 수가 최대 공약수이다...

자바스크립트 객체의 분류 표준 빌트인 객체 ECMAScript 사양에 정의된 객체 언제나 사용 가능 표준 빌트인 객체는 전역 객체의 프로퍼티로서 제공 => 별도의 선언 없이 전역 변수처럼 언제나 참조 가능 호스트 객체 ECMAScript 사양에는 정의되어 있지 않지만 자바스크립트 실행 환경에서 추가로 제공되는 객체 사용자 정의 객체 표준 빌트인 객체와 호스트 객체처럼 기본 제공되는 객체가 아닌 사용자가 직접 정의한 객체 표준 빌트인 객체 Math, Reflect, JSON을 제외한 표준 빌트인 객체는 모두 인스턴스 생성 가능한 생성자 함수 객체 생성자 함수 객체인 표준 빌트인 객체는 프로토 타입 메서드와 정적 메서드를 제공하고 생성자 함수 객체가 아닌 표준 빌트인 객체는 정적 메서드만 제공 // Stri..

strict mode function foo() { x = 10; } foo(); console.log(x); // 10 \전역 스코프에도 x 변수의 선언이 존재하지 않기 때문에 ReferenceError를 발생할 것같지만 자바스크립트 엔진은 암묵적으로 전역 객체에 x 프로퍼티를 동적 생성한다. 이때 전역 객체의 x 프로퍼티는 마치 전역 변수처럼 사용 가능 위의 현상을 암묵적 전역이라고 한다. 잠재적인 오류를 발생시키기 어려운 개발 환경을 만들고 그 환경에서 개발하는 것이 해결책 이를 지원하기 위해 ES5부터 strict mode(엄격 모드)가 추가되었다. strict mode는 자바스크립트 언어의 문법을 더 엄격히 적용하여 오류 발생 가능성이 높거나 자바스크립트 엔진의 최적화 작업에 문제를 일으킬 수 ..

자바스크립트는 명령형, 함수형, 프로토타입 기밥 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어 객체지향 프로그래밍 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임 "이름"과 "주소"라는 속성을 가진 person 객체를 만들면 어떻게 해야할까? // 이름과 주소 속성을 갖는 객체 const person = { name: "Lee", address: "Seoul", }; console.log(person); //{ name: 'Lee', address: 'Seoul' } 객체는 상태 데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료..

function은 자바스크립트에서 함수를 정의하는 키워드함수는 코드 블록을 정의하고, 필요한 경우 매개변수를 받아서 실행 가능function 키워드를 사용하여 함수를 선언하고, 함수의 이름과 필요한 매개변수를 지정가능 Function은 자바스크립트에서 내장된 함수 객체Function 객체는 function 키워드로 정의한 함수와 거의 동일한 기능을 제공하지만, 다른 방식으로 사용.Function 객체는 new 키워드를 사용하여 생성되며, 함수의 내용을 문자열로 전달하여 동적으로 함수를 생성가능 function은 함수를 정의하는 키워드이고, Function은 내장된 함수 객체function은 정적인 방식으로 함수를 정의하고, Function은 동적인 방식으로 함수를 생성 대부분의 경우에는 function ..