CODE 12

실행 컨텍스트: 코드 실행의 숨겨진 원리

왜 실행 컨텍스트를 알아야 할까?디버깅하다 보면 예상과 다른 변수 값을 마주칠 때가 있다.console.log()로 찍어보니 undefined가 나오거나, 분명히 함수 안에서 선언했는데 바깥에서 접근이 안 되는 상황 말이다.이런 현상의 근본 원인이 바로 실행 컨텍스트다. 실제로 프로덕션에서 "메모리 사용량이 계속 늘어난다"는 제보를 받고 조사해본 적이 있다.원인은 이벤트 리스너 내부의 클로저가 DOM 요소를 계속 참조하고 있어서 가비지 컬렉션이 되지 않는 것이었다.Chrome DevTools의 Memory 탭에서 Heap Snapshot을 비교하니 쉽게 찾을 수 있었다. 클로저, this 바인딩, 호이스팅 같은 자바스크립트의 핵심 개념들이 모두 실행 컨텍스트에서 출발한다.이를 제대로 이해하면 성능 최적화..

CODE/JS 2025.09.16

intelliJ community - database navigator - mysql 초기 연결 오류

intelliJ 커뮤니티 버전에서는 DB 탭이 따로 없기 때문에 플러그인을 다운 받아 사용해야 한다. 대표적인게 database navigator. 플러그인 설치하고 mysql 초기 연동을 하려고 하니 time zone 문제가 발생했길래 기록해둔다. mysql CLI 접속을 입력하고 출력되는 타임 존이 우리나라 시간대가 아니면 아래와 같은 방법으로 고칠 수 있다. use mysql; select @@global.time_zone, @@session.time_zone; Window 기준 mysql 설치 경로에서 my.ini 파일을 찾는다. 메모장 등으로 열어 아래의 코드 추가 default_time_zone = '+09:00' 설정이 끝나면 작업관리자 > 서비스 > mysql 재시작 하면 접속된다.

CODE/꿀팁s 2022.03.16

VSCode - 코드에서 이탤릭체 (기울임) 비활성화 하기

VSCode에서 Material Theme를 다운받았는데 이탤릭체가 싫어서 구글링한 후기이다. VSCode의 코드에서 이탤릭체(폰트 기울임)가 보이는게 싫은 사람은 아래와 같이 설정할 수 있다. 설정(Ctrl + ,) > JSON 열기 하단에 아래의 코드 추가 "editor.tokenColorCustomizations": { "textMateRules": [ { "scope": [ "comment", "comment.block", "comment.block.documentation", "comment.line", "constant", "constant.character", "constant.character.escape", "constant.numeric", "constant.numeric.integer..

CODE/꿀팁s 2022.01.23

비교연산자

기본적인 연산자 + - * / ** 등은 패스 '=='는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) '==='는 Strict, 즉 엄격한 Equal Operator로써, "엄격하게" 같음을 비교할 때 사용하는 연산자이다. '==='는 a === b 라고 할때, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.

CODE/JS 2022.01.19

JS - Event

Html에 어떤 action이 발생했을때 수행하는 코드. Event를 감지하는 event listener 코드가 있다. Ex) addEventListener, mouseenter, onmouseleave listener를 찾는 가장 좋은 방법은 구글에 찾고 싶은 element의 이름, 예를들어 h1 html element mdn을 검색. javascript의 element를 찾으려면 링크에 Web APIs라는 문장이 포함된 페이지를 본다. 왜냐면 이건 JS관점의 HTML Heading Element란 의미. 복잡하면 element를 console.dir로 출력해서 on~ 이라고 적혀있는걸 찾아보면 됨. 특정 Element 조회 querySelector("#hello") == getElementById("..

CODE/JS 2022.01.19

[hadoop] Error - Hit max consecutive under-replication rotations (30) ...

[실무로 배우는 빅데이터 기술 개정 2판] p259 에서 발생한 에러이다. 상황: 로그 시뮬레이터로 로그 파일을 생성한 다음 Flume의 수집 디렉토리로 파일을 옮기면 발생하는 증상. 정상 상태라면 65MB, 52MB 두개의 log 파일이 생성되어야 함. 원인: HDFS> 구성 탭으로 이동. 복제계수를 1로 설정해주면 됨. 파일럿 가상 환경에서의 리소스 부족으로 인한 것으로 추측되고 실무에서 이런 일은 없을 것 같다.

CODE/Error 모음 2021.07.09