본문 바로가기

전체 글

(171)
🌟[공부] React의 트리 쉐이킹이란? (개발자 강화/프론트엔드) 2025. 1. 26. 22:13 React의 트리 쉐이킹(Tree Shaking)?자바스크립트에서 사용하지 않는 코드를 제거해 번들 크기를 줄이는 최적화 기법ES6의 모듈 시스템(ESM)에서의 정적 분석(Static Analysis)을 기반으로 이루어짐* 정적 분석(Static Analysis)- 프로그램을 실행하지 않고, 코드 자체의 문법 구조(Syntax Tree)를 분석함.- 프로그램 구조, 흐름, 의존성 이해하고 최적화 또는 오류 탐지 수행함.- 어떤 모듈이 다른 모듈에 의존하는지, 어떤 함수나 변수가 실제로 사용되는지 추적함.- ES6 모듈의 import/export 키워드는 정적으로 정의되어, 분석기가 전체 코드를 미리 파악할 수 있음. *정적으로 정의- 코드가 런타임에 결정되지 않고, 컴파일 시점이나 분석 시점에 구조와 동..
[매일메일] CommonJS와 ES Module(ESM) 차이점이란? (FE.250103) (개발자 강화/프론트엔드) 2025. 1. 26. 21:35 CommonJS, ES Module(ESM) 자바스크립트에서 모듈을 관리하고 불러오는 방식  CommonJSES Module사용 환경Node.js 환경브라우저, Node.js 환경모듈 로드동기적SSR 환경에서 유리함(모든 모듈 로드 후 실행)비동기적(브라우저에서 모듈 로드 , 페이지 로딩 속도 저하 X)모듈 키워드(가져옴/내보냄)require / module.exportsimport / export트리 셰이킹어려움(사용되지 않는 코드 제거하기 어려움)유리함(사용되지 않는 코드 제거하고 번들 크기 줄임)예시const moduleA = require('./moduleA'); moduleA.sayHello(); module.exports = {     sayHello: function() {         c..
[개발] DB Trigger란? (개발자 강화/백엔드) 2025. 1. 24. 22:56 DB Trigger란 무엇일까... 살면서 가장 쿼리를 많이 써보고 있어 지금...사람살려... DB Trigger란?DB에서 특정 이벤트(INSERT, UPDATE, DELETE)가 발생하면, 별도의 호출 없이 자동으로 실행됨특정 작업을 자동화하거나, 변경 사항 기록에 사용함데이터 무결성 보장: 특정 비즈니스 규칙을 강제해서 데이터 일관성을 유지함Trigger의 구성 요소Event: 트리거가 실행되는 조건 INSERT, UPDATE, DELETETiming: 트리거가 이벤트 전 or 후 언제 실행되는지Table: 트리거가 적용될 테이블Trigger Body: 트리거가 실행도리 때 수행할 SQL 문이나 로직.Trigger 사용 예시CREATE TABLE EmployeeLogs ( log_id INT..