Atomic Habits

https://www.howdy-mj.me/javascript/var-let-const/ var, let, const의 차이 ⏤ 변수 선언 및 할당, 호이스팅, 스코프 자바스크립트에서 var로 변수 선언이 가능했는데, 왜 const와 let이 나왔으며 이 둘의 사용을 권장할까? 이를 정확하게 알기 위해서는, 변수의 선언 및 할당 과정, 호이스팅, 스코프를 알아야한다. www.howdy-mj.me https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90 var, let, const 차이점 JavaScript에서 변수 선언 방식인 `var, let, const` 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, ..

https://okayoon.tistory.com/entry/%ED%81%AC%EB%A1%AC-%EA%B0%9C%EB%B0%9C%EC%9E%90-%ED%88%B4%EC%9D%84-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90 크롬 개발자 툴을 알아보자 https://developers.google.com/web/tools/chrome-devtools/ 개발자도구는 마우스 우클릭 > 검사, 단축키 Ctrl+Shift+I 통해 열 수 있습니다. Device Mode 클릭 시 모바일 크기에 따른 화면 확인 가능 사용자 설.. okayoon.tistory.com Break on을 설정해두면 자바스크립트 코드가 해당 dom 요소 변화를 줄 때 break가 됩니다. subtree modifica..

참조 : https://developers.google.com/chrome-developer-tools/docs/shortcuts 개발자 도구 열기 Ctrl + Shift + I / F12 : 그냥 개발자 도구 열기 Ctrl + Shift + C : 개발자 도구를 열면서 element 선택상태로 만든다. 하늘색 돋보기 상태..-_-; (개발자 도구가 열려 있는 상태라면 element 선택상태 toggle Ctrl + Shift + J : console 탭 선택상태로 개발자 도구 열기 (이 상태에서 한 번 더 Ctrl + Shift + J 를 누르면 inspector의 inspector를 연다) 모든 패널 공통 단축키 ? / F1 : General Settings 다이알로그 열기 Ctrl + ] : 다음 ..

https://ibrahimovic.tistory.com/41 크롬을 이용해 나만의 도메인 주소로 로컬 서버 띄우기 최근 크롬이 업데이트 되면서 (제 크롬은 오늘자 맥버전 68이네요) 로컬 서버를 아주 쉽게 띄울 수 있게 되었습니다. 심지어 자기가 원하는 도메인으로 설정도 가능하고, 페이지를 띄워놓고 브라 ibrahimovic.tistory.com

https://waspro.tistory.com/615 [Node.JS] VSCode 개발환경 구성하기 VSCode는 Node.js를 개발하는 대표적인 에디터이다. Node.js뿐만 아니라, 대부분의 언어를 개발하는데 효과적으로 사용할 수 있는 소스 코드 편집기이지만, IDE가 아니기 때문에 컴파일 및 실행을 위한 waspro.tistory.com

- 개발자도구에서 파일명으로 검색 : ctrl + o ( 파일 수정 후 새로고침 없이 ) 디버깅하기(localhost/localserver 에서도 가능) 1) break point 라인 설정 (debugger; 입력 가능) 2) js / html / css / img 코드 수정 3) Ctrl + S ( 저장 시 파일명 앞에 에러 표시가 떠도 무방 ) 4) 페이지 상에서 click 또는 input 칸 입력으로 변화주기 ( 새로고침 후에도 유지되려면 ... 하단 내용 참조 ) 5) break point 가 걸려 있으므로 4) 과정을 수행하면, 2) 에서 수정된 코드로 디버깅 진행 가능 1) break point 없더라도 2) 코드 수정 후 3) 저장하고 바로 4) 페이지 상에 변화를 주면 수정이 반영된 결과..

setTimeout 메서드는 일정시간후 함수를 실행한다. setTimeout(fn, delay); setTimeout(function(){console.log('setTimeout')}, 1000); //1초후 setTimeout출력 setInterval 메서드는 일정시간마다 함수를 실행한다. setInterval(fn, delay); setInterval(function(){console.log('setInterval')}, 1000) //1초마다 setInterval출력 한가지 주의할 점이 있다 아래와 같이 입력해보면 setInterval(console.log('setInterval'), 1000) //setInterval 한번만 출력 차이점은 함수안에 있을때 반복해서 실행한다는 점이다. 다음으로 c..

JavaScript에서 변수 선언 방식인 var, let, const 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선..

참 같은 값 JavaScript에서, 참 같은 값(Truthy)인 값이란 불리언을 기대하는 문맥에서 true로 평가되는 값입니다. 따로 거짓 같은 값으로 정의된 값이 아니면 모두 참 같은 값으로 평가됩니다. (예: false, 0, -0, 0n, "", null, undefined와 NaN 등) JavaScript는 불리언 문맥에서 형 변환 (en-US)을 사용합니다. 다음은 참 같은 값에 대한 예시입니다. JavaScript는 불리언 문맥에서 참 같은 값을 true로 변환하기 때문에 아래의 모든 if 블록을 실행합니다. if (true) if ({}) if ([]) if (42) if ("0") if ("false") if (new Date()) if (-42) if (12n) if (3.14) if ..

자바스크립트를 이용하여 문서에 HTML 요소를 추가할 수 있습니다. 이 때 필요한 자바스크립트 속성은 다음과 같습니다. .createElement() .createTextNode() .appendChild() .createElement()는 요소를 만듭니다. 예를 들어 .createElement( 'h1' ) 은 다음과 같은 코드를 생성합니다. .createTextNode()는 선택한 요소에 텍스트를 추가합니다. 예를 들어 .createTextNode( 'My Text' ) 는 My Text라는 문자열을 만듭니다. .appendChild()는 선택한 요소 안에 자식 요소를 추가합니다. 다음은 Click이라는 텍스트를 가진 button 요소를 추가하는 예제입니다. 참조 : https://www.coding..