전체 글145 React 컴포넌트가 리렌더링 되는 상황 보호되어 있는 글 입니다. 2025. 8. 13. React 생성 시 생성되는 파일 특징 보호되어 있는 글 입니다. 2025. 8. 12. React의 장점 React리액트는 사용자 인터페이스(UI)를 더 쉽고 효율적으로 개발하기 위해 탄생한 자바스크립트 라이브러리입니다. 핵심적인 특징은 선언형 프로그래밍 방식을 채택했다는 점입니다. 명령형 프로그래밍 (JavaScript): 자바스크립트는 명령형 프로그래밍 방식으로 원하는 결과를 얻기 위한 모든 과정을 세세하게 코드로 작성해야 합니다.선언형 프로그래밍: 반대로 선언형 프로그래밍은 과정은 생략하고 목적만 간결히 명시해서 결과를 얻는 방식입니다. 마치 음식점에서 주문을 하면 음식을 먹을 수 있는 것과 비슷합니다. 그럼 왜 많은 개발자들이 리액트를 선택할까요?사람들이 리액트를 많이 이용하는 건 리액트만에 장점에서 있습니다. 1. 컴포넌트를 기반으로 UI를 표현리액트의 가장 핵심적인 개념은 컴포넌트(Compon.. 2025. 8. 9. Node 라이브러리 설치 시 변화 보호되어 있는 글 입니다. 2025. 8. 8. Node.js 기본 개념 - 모듈, 패키지 Node.js란?Node.js는 웹 브라우저가 아닌 환경에서 자바스크립트 코드를 실행할 수 있도록 해주는 자바스크립트 런타임입니다. 쉽게 말해, 자바스크립트가 동작할 수 있는 구동기 또는 실행 환경이라고 할 수 있습니다. 탄생 배경: 원래 자바스크립트는 웹 브라우저에서만 작동하도록 만들어진 언어였습니다. 하지만 개발자들이 자바스크립트의 유연성과 편리함에 매료되면서, 웹 브라우저 밖에서도 사용하고 싶어 했습니다. 이러한 요구를 충족시켜준 것이 바로 Node.js입니다.활용 분야: Node.js 덕분에 자바스크립트는 이제 웹 서버, 모바일 앱, 데스크톱 애플리케이션 등 다양한 분야에서 활용되는 강력한 언어가 되었습니다. Node.js의 프로젝트 구성: 패키지와 모듈패키지일반적인 개발에서는 하나의 애플리.. 2025. 8. 8. 자바스크립트 동기/비동기 - callback, Promise, async/await 자바스크립트 엔진은 쓰레드가 한 개 밖에 없어서 다른 언어와 다르게 한 번에 한 가지 작업만 처리할 수 있는 언어입니다. 하지만 작업은 순서대로 실행하면 안 좋은 점이 많아서 여러 작업을 동시에 처리해야 될 때가 많습니다. 동기(Synchronous)동기 처리는 여러 작업이 있을 때 하나의 작업이 끝날 때까지 다음 작업을 시작하지 않고 순서대로 처리하는 방식입니다. 자바스크립트는 코드를 위에서 아래로 한 줄씩 읽어 내려가며 실행하는 싱글 스레드 언어이기 때문에, 기본적으로 동기적으로 동작합니다. 이런 특징을 가진 자바스크립트에서 특정 작업이 오래 걸리면 해당 작업이 끝날 때 까지 다음 작업이 모두 멈추는 상황이 발생합니다. 즉 전체적인 성능 저하가 발생합니다. 비동기 처리의 필요성다른 언어와 다르게 .. 2025. 8. 6. JavaScript 원시,객체 타입의 차이점 자바스크립트는 크게 원시 타입과 객체 타입으로 나눌 수 있습니다. 이 두 타입은 메모리에 저장되는 방식에 큰 차이가 있습니다. 원시 타입 (불변값)원시 타입의 값은 변경할 수 없는 불변값이라고도 부릅니다. 이는 상수처럼 값을 바꿀 수 없다는 의미가 아니라 변수에 새로운 값을 할당할 때 기존 메모리 공간의 값이 바뀌는 것이 아니라 새로운 메모리 공간에 새로운 값이 만들어지고 변수가 그곳을 가리키게 된다고 해서 불변값이라고 부릅니다.let p1 = 1;let p2 = p1; p2 = 2; 이렇게 되면 메모리에 사용하지 않는 값들은 어떻게 될까요? 자바스크립트에서도 가바지 컬렉션이 있어서 더 이상 사용하지 않은 값은 자동으로 제거해줍니다. 객체 타입(가변값)객체 타입은 메모리에 값을 저장하지 않고 참조값을 저.. 2025. 8. 2. javascript 특징 Truthy와 FalsyFalsy과 Truthy은 true, false가 아닌데 조건문에서 true, false로 평가되는 값들을 의미합니다.// Falsy과 Truthy은 true, false가 아닌데 조건문에서 true, false로 평가되는 값들// Falsy들 값let f1 = undefined;let f2 = null;let f3 = 0;let f4 = -0;let f5 = NaN;let f6 = "";let f7 = 0n; // n은 BigInteger의 값을 의미// Truthy들 값// 위에 7가지 Falsy 한 값들 제외한 나머지 모든 값let t1 = "hello";let t2 = 123;let t3 = []; // 배열let t4 = {}; // 객체let t5 = () => {}; .. 2025. 7. 31. javascript 자료형 자바스크립트는 기본적으로 파이썬과 문법적으로 유사한 부분이 많습니다. 파이썬처럼 변수나 상수를 선언할 때 타입을 명시할 필요가 없습니다. 원시타입Numberlet num1 = 20;let num2 = 1.5;let num3 = -10;let hex = 0xff; // 16진수 (255)let octal = 0o10; // 8진수 (8)let infinity = Infinity; // 양의 무한대let uninfinity = -Infinity; // 음의 무한eoconsole.log(num1 + num2);console.log(num1 - num2);console.log(num1 * num2);console.log(num1 / num2);console.log(num1 % num2);console.log(t.. 2025. 7. 30. Elasticsearch 좋은 플러그인 Marvel plugin 모니터링 자체 플로그인 Elasticsearch Multi-head 인덱스, 샤드, 도큐먼트 관리 및 상태 점검 크롬 확프 bigdesk plugin 서버와 검색엔진 상태 모니터링 확프 kibana Monitoring 으로 대체됨 별도의 bigdesk 서비스 제공https://app.bigdesk.io/download BigDesk Time Tracker Software app.bigdesk.io sense: JSON 기반의 Elasticsearch API 요청을 쉽게 작성하고 실행하며 응답을 확인 플로그인 2025. 7. 22. 이전 1 2 3 4 ··· 15 다음
