언어(JS,TS) (64) 썸네일형 리스트형 HTML [ DOM: DOM의 종류: Shadow DOM부터 Virtual DOM까지 DOM의 종류: Shadow DOM부터 Virtual DOM까지 정리안녕하세요! 오늘은 웹 개발자라면 알아야 할 DOM(Document Object Model)의 종류에 대해 이야기해 보겠습니다. DOM은 HTML 문서의 구조를 표현하는 객체 모델로, 브라우저와 JavaScript가 소통하는 핵심 역할을 합니다.특히 모던 웹 개발에서는 DOM의 다양한 변종들이 등장하면서 효율적인 개발 방법이 점점 더 중요해졌습니다. 대표적으로 많이 언급되는 Shadow DOM부터 Virtual DOM, 그리고 덜 알려진 DOM Fragment까지, 종류별로 살펴보겠습니다.1. Light DOM: 우리가 아는 일반적인 DOMLight DOM은 우리가 기본적으로 다루는 DOM입니다. HTML 문서를 읽고 렌더링하면 바로 이.. javascript [ 백엔드 프레임워크: Nest.js vs Express.js] Nest.js vs Express.js: 어떤 프레임워크를 선택해야 할까?Node.js 기반의 백엔드 개발을 시작하려는 개발자라면 Express.js와 Nest.js라는 두 가지 프레임워크를 고민하게 될 것입니다. 두 프레임워크는 각각의 강점과 약점이 있어, 프로젝트의 요구사항에 따라 선택이 달라질 수 있습니다. 이번 글에서는 Express.js와 Nest.js의 주요 특징, 장단점, 그리고 어떤 상황에 어떤 프레임워크가 적합한지 확인해 보겠습니다.1. Express.js란?Express.js는 Node.js 환경에서 가장 널리 사용되는 웹 프레임워크로, 빠르고 간단한 설정으로 웹 애플리케이션을 개발할 수 있습니다. 최소한의 코드로 서버를 실행할 수 있는 경량 프레임워크로, 자유도가 높아 개발자에게 많은.. JS [study: 싱글스레드가 서버를 돌릴수 있는 이유 (nginx를 사용하는 이유) 싱글스레드가 서버를 돌릴수 있는 이유JavaScript는 기본적으로 싱글스레드에서 작동하므로, Node.js 서버는 한 번에 하나의 요청을 처리하는 방식으로 동작합니다.Node.js 자체는 비동기 I/O 처리에 강점을 가지지만, 여러 클라이언트 요청이 몰리면 메인 스레드가 처리할 수 있는 작업에 제한이 생기기 때문에 요청 지연이나 성능 저하가 발생할 수 있습니다. 여기서 Nginx를 프록시 서버로 사용하면 이런 문제를 줄일 수 있습니다. Nginx는 고성능 웹 서버로, 요청을 효율적으로 관리하고 분산하는 역할을 맡습니다. Nginx를 Node.js 서버 앞단에 배치하면 다음과 같은 이점이 있습니다:로드 밸런싱: Nginx가 들어오는 트래픽을 분산하여 여러 Node.js 인스턴스로 전달해 줄 수 있습니다... JS [test: forEach VS map VS for (속도 차이 및 원인 분석)] 맨날 코드 쓰다보니 뭐가 더 효율적인지 잘 몰라서 case별로 나누에서 테스트를 통하여 직접 알아보기로 하였다. 환경: node-v : v20.11.1실행 코드 : node test.js case는 총 4가지로 준비하였다.1. 단순반복2. 계산반복3. 배열 데이터 변형 후 삽입4. 새로운 배열 생성 4-1. 새로운 방식(push 영향 확인) 실험 하다보니 알게된 사실인데 같은 코드를 실행하여도 걸리는 시간이 달라진다.계산량을 늘리던가 여러번 돌려서 평균값으로 적던가 하는 방법으로 추가로 실험이 필요해 보인다. case 1 (단순 반복)테스트 코드const testArray = Array.from({ length: 1_000_000 }, (_, i) => i);// 'for' 루프 시간 측정cons.. apk [apk 까보기 : 앱 코드 구조 확인] apk 파일 다운 https://apkcombo.com/ko/ apk 파일 디컴파일 https://www.decompiler.com/ vscode를 통해서 내용 확인 압축 해제가 안되면 반디집 앱등 압축 파일 앱을 사용하여 풀기 공통 [ Info : argument와 parameter 차이점 ] Argument(인자)와 Parameter(매개변수)는 프로그래밍에서 흔히 사용되는 용어로, 혼동하기 쉽지만 엄밀한 의미에서는 다른 개념입니다. Argument(인자): Argument는 함수나 메서드를 호출할 때 전달되는 실제 값입니다. 호출할 때 함수에 전달되는 값들을 의미합니다. 함수를 호출할 때, 함수에 정의된 매개변수(Parameter)에 해당하는 값을 넘겨줌으로써 함수가 실행될 때 사용될 입력 값을 결정합니다. Parameter(매개변수): Parameter는 함수나 메서드를 정의할 때 사용되는 변수명입니다. 함수나 메서드의 정의부에서 사용되며, 입력 값을 받아들일 변수를 명시합니다. 함수를 정의할 때 어떤 종류의 값을 받을 것인지와 해당 값을 사용하기 위한 변수명을 지정합니다. 간단한 예시로.. CS [ 정보 : 무결성과 정합성] 데이터 관점에서 중요한 두 가지 개념인 "무결성(Integrity)"과 "정합성(Consistency)"은 데이터의 신뢰성과 일관성을 보장하는 데 크게 기여하는 요소입니다. 이러한 개념들은 데이터베이스 및 정보 시스템에서 핵심적인 역할을 수행합니다 무결성(Integrity) 데이터의 무결성은 데이터가 정확하고 완전한 상태를 유지하는 것을 의미합니다. 다시 말해, 데이터는 정확한 형식과 값으로 유지되어야 하며, 무단으로 데이터가 수정되거나 손상되는 것을 방지해야 합니다. 이는 데이터의 신뢰성을 높이는 데 아주 중요합니다. 데이터베이스나 파일 시스템에서 무결성은 사용자가 잘못된 정보를 저장하거나 관련 없는 정보를 삽입하는 것을 방지합니다. 예를 들어, 은행의 계좌 정보에서 잔액은 항상 음수가 아니어야 하며,.. JavaScript [ compare : Switch vs. If Else ] 결론은 단순비교는 switch가 좀더 효율적임 https://medium.com/@michellekwong2/switch-vs-if-else-1d458e7b0711 이전 1 2 3 4 ··· 8 다음