# js
[JS] 객체 참조와 복사
변수 b에 a를 대입합니다. a 변수의 name 속성 값을 변경했는데, b 변수도 같이 변경됐습니다. 객체를 저장한 변수를 다른 변수에 대입하면 두 변수 모두 같은 객체를 저장하는 셈이 됩니다. a와 b 변수 모두 같은 객체를 저장하고 있는 것이므로 객체의 속성 값을
[JS] 객체의 비교
객체가 아닌 숫자, 문자열, 불 값, null, undefined는 모두 true를 반환합니다.하지만 객체는 다릅니다. 두 객체 모두 비어있다는 점에서 같아 보이지만, 독립된 객체이기 때문에 일치·동등 비교하면 false가 반환됩니다.객체는 모양이 같아도 생성할 때마다
[JS] 상위 이벤트 막기
현재 이벤트 막기e.preventDefault()부모 이벤트 막기e.stopPropagation()둘 다 막기e.stopImmediatePropagation()
노마드코더 JS 1,2일차
JS에 관하여 Vanilla JS는 다른 라이브러리를 사용하지 않고 순수 JavaScript를 뜻하는 것. 자바 스크립트는 모든 브라우저에 내장되어있고 프론트엔드 개발자가 사용할수 있는 유일한 프로그래밍 언어이다. 브라우저는 html을 열고, html은 css와 j

JavaScript 객체 - 참조에 의한 객체 복사
오늘은 자바스크립트의 객체 부분의 참조에 의한 객체 복사에 대해 공부하겠습니다.모던 자바스크립트 튜토리얼을 참고하였습니다.객체와 원시 타입의 근본적인 차이 중 하나는 객체는 '참조에 의해(by reference)' 저장되고 복사된다는 것이다.원시값(문자열, 숫자, 불린

[JS,HTML,CSS] 세렝게티 동물 테스트 만들기 1
chromeVS codeindex.html 생성style.css 생성Bootstrap(jQuery 포함) 연결Live Sever 설치Bootstrap 은 힘들게 css 를 따로 작성하지 않아도코드를 가져와 쉽게 사용할 수 있도록 해줌Live Sever은 마치 local

[DAY9] 간단한 웹앱 만들기 / 회고
오늘의 페어 프로그래밍 주제는 계산기 구현하기 이다. 어제는 HTML과 CSS를 사용하여 계산기 목업과 스타일링을 만드는 것이었고, 오늘은 JS 까지 적용하여 실제로 동작하는 계산기를 구현하였다.오늘의 가장 큰 수확은 말로만 듣던 테스트 기반 개발(TDD)을 해본 것
리팩토링
코드를 작성하다보면 코드의 가독성이 떨어지는 경우가 종종 생깁니다.이렇게 작업된 코드들의 가독성을 올리고 조금 더 효율적으로 다시 바꿔주는 작업을 리팩토링이라고 합니다.

#4. Symbol
하나의 심볼만 보장받을 수 있음없으면 만들고, 있으면 가져오기 때문Symbol 함수는 매번 다른 Symbol 값을 생성하지만,Symbol.for 메소드는 하나를 생성한 뒤 키를 통해 같은 Symbol을 공유