Enjoy Programming

1. includes() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/includes String.prototype.includes() - JavaScript | MDN includes() 메서드는 하나의 문자열이 다른 문자열에 포함되어 있는지를 판별하고, 결과를 true 또는 false 로 반환합니다. developer.mozilla.org 인클루드 메소드는 하나의 문자열이 다른 문자열에 포함되어 있는지를 판별하고. 있으면 true 없으면 false를 반환한다. 2. repeat() https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/G..

기본적으로 클래스는 blueprint이다. 클래스는 화려한 object라고 한다. 먼저 클래스를 만들면서 이해해 보자. 클래스는 생성자(constructor)를 가지고 있다. User 라는 클래스를 만들고 constructor를 만들어 준다. this에 관한것은 차후 다루기로 하고 일단 class는 this도 가지고 있다. this.username 은 lee라고 명명해주고 console.log해주면 undefiend로 뜬다. 이제 할 일은 leeUser라는 User클래스의 instance를 생성해주겠다. 이렇게 instance를 생성해주고 나니 username에 대한 정보가 보인다. 그럼 instance는 무엇일까... 영어 사전을 보면 instance: 경우, 사례라고 뜬다. 직역해서 생각해보면 Use..

자바스크립트가 es6로 넘어오면서 기본값 함수 매개변수(default function parameter)를 사용하면 값이 없거나 undefined일 경우 이름 붙은 매개변수를 기본값으로 초기화 할 수 있게 되었다. mutiply라는 함수에 a, b 두개를 매개변수로 주고 함수를 실행시 인자가 하나만 들어가거나 아에 안들어가는 상황이 생기면 NaN이 리턴되었다 default값이 없었던 시절에는 저걸 해결할 방법이 있었나 모르겠지만 es6에서는 위처럼 a= 2, b= 3이라는 기본값을 주고 만약 인자가 정상적으로 두개가 들어온다면 들어온 인자값으로 return 구문을 실행하지만 만약 위처럼 5하나만 들어온다면 b의 default값인 3이 기본 인자로 전달 되어 5 * 3이 리턴된다. mdn을 살펴보자 jav..

이번엔 자바스크립트 함수중 몇가지 함수를 살펴보자(배열에서 쓰이는) 1) Array.prototype.find() 이 함수는 주어진 함수를 만족하는 첫 번째 요소의 값을 반환한다. 없다면 undefined를 반환. find()함수 괄호 안의 매개 변수는 callback 함수가 오고 위 사진처럼 arrow function으로 무지 간단하게 함수가 구현되었다. es6이전의 방식이라면 이렇게 코드량이 많아진다. 자 좀더 설명하자면 find함수는 callback함수가 true를 반환할 때까지 해당 배열의 각 요소에게 callback함수를 실행한다. 만족하는 요소를 찾았다면 해당 요소를 즉시 반환하고, 못찾았다면 undefined를 반환한다. find는 호출대상인 배열을 mutate하지 않는다. 그리고 처리할 배..

금일 챌린지는 화면크기에 따라 배경화면이 변하는 자바스크립트 작성이다... 우선 쿼리셀렉터로 바디를 잡아주고~ 그리고 화면상 hello라는 텍스트를 뿌려주기 위해 h2 element를 만들어 주고 바디의 자식으로 지정~ 그리고 텍스트 집어넣고 글자색은 흰색으로~ 그리고 변할 색상들을 전역변수로 설정해 놓고~ 함수를 만들었다~ 함수 스코프 안에서 지역변수 currentWidth에 window.innerWidth (outerWidth)를 써서 실시간 창크기를 담아준다 그 담은 조건문을 이용해 구간별 색상만 지정해주고 init함수에서 resize이벤트를 실행해줫다. 어렵지 않은 챌린지 였지만.... 중간 else if가 먹지 않는 것이다... ㅠㅠ 한참을 찾아보고 고민햇는데.. 색상을 purple을 줘야하는데..

기존 자바스크립트에서 함수 선언 방식은 function leeS(arg) { blabla~~~} 라는 형식으로 사용해왔다. 이함수는 변수로 선언해도 되고~ 함수명 없이도 선언이 된다. (오브젝트 안이라던지 여러 곳에서) 자 애로우 펑션은 뭘까 > 그냥 => 이거 추가된거다. 잠시 배열과 함수를 보자 배열을 하나 선언해주고~ hearts변수에 map함수를 써서 names의 각 배열 원소마다 아이콘을 더해줬다. map()함수의 역할은 배열에서 각각의 아이템마다 함수를 호출하는 일을 한다. foreach와 비슷한 역할이다. 다시 설명하자면 names에 모든 요소에 function을 각각 적용시켜주고 적용된 값들로 다시 배열을 만들어 hearts변수에 담아 줬다. 다시 풀어 쓰자면 이렇게 풀어 쓸수 있다. 적용..