본문 바로가기
728x90

TECH49

논리 할당 연산자 논리 연산자 (||, &&, ?)와 할당 연산자 (=)가 합쳐진 단축 표현이다.왼쪽 피연산자 (operand)가 논리 테스트에 실패한 경우 (false, true, null인 경우에만) 오른쪽 피연산자가 평가된다.이 기능은 ES2021에서 등장한 기능이다. ⚠️ 단, 옵셔널 체이닝(?.)은 논리 왼쪽 피연산자에 사용할 수 없다. 구문 오류 발생user?.settings ||= {} // X Syntax Error 옵셔널 체이닝은 속성 자체에 대한 참조가 아닌 속성 액세스의 결과를 반환 (할당 대상은 참조(즉, 변수 또는 객체 속성)여야 하므로 유효한 자바스크립트 구문이 아니다.) 논리 OR 할당 (||=)user.settings ||= {}If (!user.settings) { user.settings.. 2025. 11. 20.
Vite+ 자바스크립트 생태계는 정말 많은 발전을 해왔지만, 그만큼 종류와 선택지가 너무 다양하다.프로젝트를 시작할 때 빌드도구 (Vite, Webpack, Rollup), 테스트 프레임워크 (Jest, Vitest), 린터 (ESLint, Prettier) 등. 각각 선택부터 설치, 설정까지…각 도구들은 너무 강력한 장점과 기능을 가지고 있지만, 가끔 호환성에 문제가 생기거나 설정 출돌을 일으키기도 한다. Vite+란?기존 Vite에 추가 기능을 더한 업그레이드 버전 (빌드, 테스트, 린팅, 코드 분석 등이 하나의 흐름 안에서 작동)Vite가 제공하던 빠른 개발 서버와 빌드 환경에 더해 여러 오픈소스 툴을 하나로 통합한 통합형 개발 플랫폼 (Rust 기반)Cli 기반 개발도구 (프론트엔드 개발 도구)빌드와 개발.. 2025. 11. 19.
🧠 Stack Overflow의 사용 통계 변화 (2008–2025) 📈 1. Stack Overflow 전성기 (2010–2016)2008년 서비스를 시작한 Stack Overflow는개발자들이 지식을 공유하고 협업하는 대표적인 Q&A 플랫폼으로 급성장했다.2010년대 초반부터 질문 수가 폭발적으로 늘어나며2016년경에는 연간 170만 건 이상의 질문이 올라왔다.Python, JavaScript, Java 같은 언어 관련 질문이 플랫폼의 대부분을 자지했다.이 시기는 코드 문제는 Stack Overflow에서 해결한다는 말이 자연스러웠던 시기였다. 📉 2. 성장 둔화와 트래픽 감소 (2018–2021)2018년 이후부터는 성장세가 점차 완만해졌는데질문 수는 더 이상 빠르게 증가하지 않았고,기존 답변들이 축적되면서 중복 질문이 늘어났다.또한 개발 생태계가 다양해지면서커뮤.. 2025. 10. 28.
DOM에 관하여 lighthouse로 사이트의 성능을 측정해보면 과도한 DOM 크기를 지향 (Avoid an excessive DOM size) 하라는경고가 표시될 때가 있다. DOM 크기가 크면 메모리 사용량 증가화면에서 보여줄 스타일 계산에 많은 비용 발생이러한 이유로 저성능 디바이스에서는 사용자 경험에 더욱 좋지 않다.여기서 중요한 건, DOM 요소의 개수가 아니라 깊이! 동일한 요소의 수를 가지고 있는 A, B가 있을 때// A … … …// B Img 태그 요소에 접근하려면A: body.children[2]B: body.children[0].children[0].children[0],children[0]요소의 수는 같지만 트리 구조가 같지 않아. 때문에, 트리가 깊어질수록 속도가 .. 2025. 10. 27.
728x90