I'm sw engineer!

📌 setTimeout과 같은 비동기 코드에서 화살표 함수가 외부 this를 유지한다는 의미➡ 화살표 함수(=>)는 this를 바인딩하지 않고, 선언된 위치의 this를 그대로 사용한다.➡ 일반 함수(function() {})는 호출 방식에 따라 this가 달라진다.이 차이가 setTimeout, setInterval 같은 비동기 코드에서 this를 유지하는데 영향을 준다는 의미다.  ✅ 1. setTimeout에서 일반 함수(function) 사용 function Timer() { this.seconds = 0; setInterval(function() { this.seconds++; console.log(this.seconds); }, 1000);}cons..

📌 화살표 함수(=>)는 this를 바인딩하지 않는다화살표 함수는 일반 함수(function)과 다르게 this를 자체적으로 바인딩하지 않는다.즉, 화살표 함수 내부에서 this를 사용하면, 자신이 속한 스코프의 this를 그대로 가져온다(lexical this). 📌 1. 일반 함수와 화살표 함수의 this 차이✅ (1) 일반 함수에서의 this일반 함수(function)에서 this는 함수를 호출한 객체에 따라 달라짐.const obj = { value: 42, normalFunction: function() { console.log(this.value); // obj를 가리킴 (this === obj) }};obj.normalFunction(); // 출력: 42일반..

📌 동일한 z-index일 때 위로 표시되는 요소 순서HTML에서 나중에 선언된 요소가 위로 표시됨DOM(Document Object Model) 구조에서 뒤쪽(later in the DOM)에 있는 요소가 위에 표시됩니다.Box 1Box 22. 요소의 부모(stacking context)가 높은 z-index를 가지면 그 안의 요소도 영향을 받음부모 요소의 z-index가 높은 요소 안의 자식 요소는, z-index가 같더라도 다른 부모 아래에 있는 요소보다 위에 올 수 있음. A B 3. position: relative | absolute | fixed | sticky가 적용된 요소가 position: static인 요소보다 위에 표시됨position이 설정되지 않은(static) 요소..

**크롤링(Crawling)**은 **웹 크롤러(Web Crawler)**라는 프로그램 또는 봇이인터넷 상의 웹 페이지를 자동으로 탐색하고 정보를 수집하는 과정을 말합니다.크롤링은 검색 엔진, 데이터 분석, 웹 스크래핑 등 다양한 목적으로 활용됩니다. 크롤링의 과정시작 URL 설정크롤러는 특정 URL(시드 URL)에서 시작하여 해당 페이지를 방문합니다.HTML 분석방문한 웹 페이지의 HTML 코드를 분석하고, 내부 링크 및 외부 링크를 추출합니다.링크 추적수집한 링크를 따라가며 다음 페이지로 이동합니다. 이렇게 여러 페이지를 자동으로 순회합니다.데이터 수집각 페이지의 텍스트, 이미지, 메타데이터 등 필요한 데이터를 저장합니다.반복탐색이 종료될 때까지 위 과정을 반복합니다.크롤링의 목적검색 엔진 색인(In..

xAxis: { type: 'category', data: ['전문전시회', '문화이벤트', '국내외 컨벤션', '로케이션'], axisLabel: { rotate: 10, // 레이블을 10도 기울임 margin: 20, // 레이블과 축 간의 거리 조정 }},

position: 'right'로 설정했을 때 기본적으로 레이블은 프린터의 연결 표시입니다.라벨을 더 오른쪽으로 이동하려면 offset속성을 추가하여 위치를 확보할 수 있습니다.offset은 [x, y]형식의 배열 값을 무시하고,첫 번째 값은 x축 방향(가로) 이동 거리, 두 번째 값은 y축 방향(세로) 이동 거리를 의미합니다.양수 값은 오른쪽/아래로, 음수 값은 왼쪽/위로 이동합니다.

ECharts에서 label위치를 조정하려면 series옵션 label에서 position속성을 설정하면 됩니다.position값에 따라 슬라이더가 내부, 외부 또는 시작/끝 위치에 배치됩니다.  position 옵션 종류Followings are the options:[x, y]  // Absolute pixel values position: [10, 10], // Relative percentage position: ['50%', '50%']Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box. For example:'t..

yAxis: { type: 'category', data: yAxis, inverse: true, }, yAxis 옵션에inverse: true 추가

Java의 Stream API는 순서에 따라 동작할 수도 있고, 그렇지 않을 수도 있습니다.이는 스트림의 유형과 사용한 연산에 따라 달라집니다. 1. Stream의 순서순차 스트림 (Stream)기본적으로 Stream은 소스 데이터의 순서를 유지합니다.예를 들어, List에서 스트림을 생성한 경우, 리스트의 요소 순서가 스트림 연산에서도 유지됩니다.List list = Arrays.asList("A", "B", "C", "D");list.stream() .forEach(System.out::println); // 출력 순서: A, B, C, D병렬 스트림 (parallelStream)병렬 스트림은 데이터의 순서를 보장하지 않을 수 있습니다.여러 스레드를 사용해 데이터를 처리하기 때문에 실행 순서가 ..

템플릿 리터럴 사용var str1 = "Hello";var str2 = "World";var result = `${str1} ${str2}`; // 템플릿 리터럴 사용console.log(result); // "Hello World"