javascript

프로그래머스 코딩테스트를 하면서 몰랐던 나를 반성하며 글을 써본다.. 로또의 최고 순위와 최저 순위를 구하는 문제였는데 결과값을 구하는 중에 값이 계속 0 이 나왔다. > {}를 사용할 경우 > 이렇게 return 을 붙여주는것이 맞고 {} 를 사용하지 않는 경

if문이 여러개로 늘어나면서 복잡해지고 코드양이 많아져서 switch 문으로 리펙토링을 했다.switch 문으로 변경하니 훨씬 보기도 좋고 if문 보다 괄호도 정리된 모습이다.

ES6 Arrow function

간단하게 말하면 상속, 유전자 라고 생각하면 될것 같다.프로토타입 이라는 공간이 생기게 된다오브젝트(Object) 이다 machine 의 prototype(유전자) 에 gender 항목을 추가하면 모든 자식들이 물려받을 수 있다!학생1, 학생2 는 machine 로부터

2010 년부터 Prototype 로 구현하지 않고 ES5 방식으로 상속을 짧고 쉽게 구현 하게 되었다. Object.create(프로토타입 object) 로 상속 기능 구현 가능자식의 손자도 만들 수 있다.console.log(손자.age); //결과값 20 손자의

복잡한 소괄고 보기 불편하다면 객체 안의 함수 앞에 set / get 붙여줌 사람.setAge = 20데이터를 변경함 받는 값 params 가 1개 있어야 함 데이터를 꺼내씀getter return 이 있어야함

웹브라우저는 자바스크립트 코드를 html 로 볼 수 있게 하는 엔진그렇다면 Javascript 코드는 어떻게 동작을 할까자바스크립트는 코드를 한번에 한줄씩 실행(동기적)을 한다. 한번에 코드 하나밖에 실행을 못한다.이 코드에서 출력결과는 1,2,3 으로 출력이 된다

Map key : value 로 이루어진 Object 형식과 비슷하게 저장 할 수 있다방법이 약간 다르다선언 먼저 하고 자료를 set 함수로 저장 !표현되는 방식이 다르다 (중괄호로)콜론 기호가 없고! 화살표 기호가 있다.Map 자료형은 자료의 연관성을 표현하기 위해

중복되는 html 태그들, 다른페이지에서 재활용을 하고 싶을 때 코드 줄이기 축약할 html 들 넣어줘야 하는데 class 형태로 집어넣어야함여기서 this 란 ? class 로 부터 생성될 인스턴스 즉, 생성 될 custom html(custom-input) 라고

html 짜다 보면 복잡한 html 코드들이 많다. 겉으로는 하나의 DOM 처럼 보이지만 안에 DOM 들이 많이 들어 있음 HTML 코드가 간결, 간지나서간지나서간지나서간지나서Web Components + shadow DOM = 완벽환 모듈화 가능환경설정 - 요소 -