본문 바로가기

JavaScript10

이벤트 버블링과 캡처링이란? (JavaScript 기술 면접, event bubbling, event capturing) [JavaScript] 이벤트 버블링과 이벤트 캡처링이란? 프론트엔드 기술 면접 🤔 Q. 이벤트 버블링과 이벤트 캡처링에 대해 설명해 주세요. 💡 A. 답변- 이벤트 버블링은 이벤트가 발생한 요소인 내부요소에서 외부 요소로 이벤트가 전파되는 과정입니다.- 이벤트 캡처링은 이벤트가 외부 요소에서 내부 요소로 전파되는 과정을 말합니다. 01. 이벤트 버블링이란? (Event bulbbling)이벤트 버블링(event bubbling)은 이벤트가 발생한 요소인 내부요소에서 외부 요소로 이벤트가 전파되는 과정입니다. 1.1. 버블링의 원리 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다.가장 최상단의 조상 요소를 만날 때까지 해당 과정이 .. 2025. 8. 11.
[JavaScript] 클로저(Closure)란? 클로저 사용 이유 (프론트엔드 기술면접) [JavaScript] 클로저(Closure)란? 클로저 사용 이유 (프론트엔드 기술면접) 🤔 Q. 클로저가 무엇이며, 왜 및 어떻게 사용되나요? 💡 A. 답변"클로저란, 내부 함수가 외부 함수의 변수에 접근할 수 있는 것"즉, 함수가 생성될 당시의 렉시컬 환경을 기억하는 것입니다.이로 인해, 외부 함수보다 더 오래 살아남은 내부 함수가 외부 함수의 변수에 접근할 수 있는 특성을 가지게 됩니다. ※ 변수 환경(Variable Environment): 실행 컨텍스트가 생성되는 시점에 선언된 변수와 함수 선언식에 대한 정보를 담습니다. ※ 렉시컬 환경(Lexical Environment) : 현재 실행 중인 코드 블록의 식별자 정보를 관리합니다. 즉, 현재 실행 컨텍스트에서 사용되는 변수와 함수를 담.. 2025. 6. 22.
[백준/11723] 집합 비트마스킹 활용 풀이(python, javascript) [백준/11723] 집합 비트마스킹 풀이(파이썬, 자바스크립트, python, js, javascript) 1. 문제https://www.acmicpc.net/problem/11723add x: S에 x를 추가한다. (1 ≤ x ≤ 20) S에 x가 이미 있는 경우에는 연산을 무시한다.remove x: S에서 x를 제거한다. (1 ≤ x ≤ 20) S에 x가 없는 경우에는 연산을 무시한다.check x: S에 x가 있으면 1을, 없으면 0을 출력한다. (1 ≤ x ≤ 20)toggle x: S에 x가 있으면 x를 제거하고, 없으면 x를 추가한다. (1 ≤ x ≤ 20)all: S를 {1, 2,..., 20}으로 바꾼다.empty: S를 공집합으로 바꾼다.2. 문제 풀이이 문제는, 0~20까지 집합이 있.. 2025. 6. 12.
[백준/21736/JavaScript] 헌내기는 친구가 필요해 풀이 (dfs, bfs, 자바스크립트, js) [백준/21736/javascript] 헌내기는 친구가 필요해 풀이( dfs, bfs, 자바스크립트, js) 1. 문제https://www.acmicpc.net/problem/21736 2. 문제 풀이 1. BFS 1. 큐에 시작 지점 위치를 저장한다. (I) 2. 큐가 빌 때까지 BFS를 반복한다. BFS는 ' 이동하게 될 위치를 기준으로' 확인한다. 2.1. 상,하,좌,우 탐색- 주어진 범위 (n,m)를 벗어나면 continue- 'X'이면 벽이므로 continue- 'P'이면 사람이므로 1 추가- 'O'거나 'P'이면 새로운 위치에 있는 값을 찾은 사람 수로 업데이트하고, 큐에 새로운 위치 좌표 추가 (방문처리) 2. DFS1. 시작 지점(I)에서 DFS를 수행한다. DFS는 '이동한 위치.. 2025. 6. 5.