일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- react
- react-router-dom
- fetch
- node
- 코딩테스트
- location
- 비동기
- 프로그래머스
- typescript
- JavaScript
- javascirpt
- 동기
- element
- math
- Web API
- ECMAScript
- date
- 연산자
- 가변성
- URLSearchParams
- promise
- NEXT
- 불변성
- context api
- webapi
- Today
- Total
목록Development (8)
sol의 개발로그
🔎스냅샷이란? 사진을 찍듯이 특정 시간(시점)에 데이터 저장 장치(스토리지)의 파일 시스템을 포착해 별도의 파일이나 이미지로 저장 또는 보관되는 기술을 의미하며 해당 기능을 이용하여 데이터를 저장하면 유실된 데이터 복원과 일정 시점의 상태로 데이터를 복원할 수 있다. 🔎스냅샷특징 1. 데이터 분석, 데이터 보호 및 데이터 복제와 같은 작업을 위해 수행 2. 재해 상황(예: 화재, 홍수, 지진)에서 시스템과 데이터를 복구하는 데 스냅샷을 사용할 수 있기 때문에 재해 상황 이전의 시스템 상태를 기록하고, 복구 작업 중에 이러한 상태로 시스템을 복원하는 데 사용되고 중요하다. 3. 긴급한 상황에서 최상의 데이터 보호 수단이 될 수 있다. 4. 대용량 데이터의 백업관리를 단순화하여 운영 관리 비용을 최소화할 수..

🔎 정규 표현식이란? 문자를 검색, 대체, 추출하는 용도로 사용하는 일종의 패턴을 의미한다. 정규 표현식을 만드는 방법 1. 생정자 : new RegExp('표현', '옵션') const str = ` 010-1234-5678 thesecom@gmail.com Hello world! https://www.omdbapi.com/?apikey=7035c60c&s=frozen The quick brown fox jumps over the lazy dog. hello@naver.com http://localhost:1234 동해물과 백두산이 마르고 닳도록 abbcccddddeeeee `; const regexp = new RegExp("the", "gi"); console.log(str.match(regexp)..

⭐ 알아두기! 콜 스택(Call Stack), 테스크 큐(Task Queue), 이벤트 루프(Event Loop)는 JavaScript 런타임 환경에서 비동기 작업을 처리하고 이벤트를 관리하는 핵심 요소로 이러한 요소들이 함께 동작하여 JavaScript의 비동기성을 제어하고 동작하는 방식을 정의한다는 것을 알고 정리를 시작하도록 한다 🔎 콜 스택(Call Stack)이란? 함수 호출(call)을 관리하는 자료구조로 Javascript코드에서 함수가 호출되면 해당 함수의 실행 컨텍스트가 스택에 쌓이고, 함수가 실행을 마치면 스택에서 제거된다. 함수 호출의 순서와 호출된 함수 내에서의 연산 순서를 관리하며 콜스택이 비어있을 때 프로그램은 종료된다. 🔎 테스크 큐(Task Queue)란? 비동기 작업을 저장..

🔎 메모리 누수(Memory Leak)란? 더 이상 필요하지 않은 데이터가 해제되지 못하고 메모리를 계속 차지하는 현상을 의미하며 이러한 메모리 누수는 프로그램의 성능 저하와 더불어 장기적으로는 시스템의 안정성을 위협할 수 있으니 주의해야 한다. 🔎 메모리 누수 발생 사례 1. 불필요한 전역 변수 사용 전체 영역에서 사용할 수 있는 변수는 브라우저에서 제공하는 window라는 전역 객체에 등록이 된다. window.hello = "Hello world!"; window.soso = {name : "soso", age:44}; window라는 전역객체는 항상 브라우저에 존재하기 때문에 전역 객체에 등록된 속성들은 사용하지 않는다고 하여도 가비지컬렉션에 의하여 발견되더라도 사용이 되고 있다고 판단하고 메모..

🔎 클로저(Closure)란? 함수가 선언될 때의 유효범위(렉시컬 범위)를 기억하고 있다가 함수가 외부에서 호출될 때 그 유효범위의 특정 변수를 참조할 수 있는 개념을 의미 🔎 클로저(Closure) 특징 1. 내부 함수(inner Function) : 클로저는 주로 외부 함수 내에서 내부 함수로 정의된 경우에 나타난다 내무 함수는 외부 함수 내부에서 호출되고 사용된다. 2. 외부 함수의 변수 접근 : 내부 함수는 자신이 정의된 외부 함수의 변수에 접근할 수 있다. 이는 내부 함수가 선언된 위치에 따라 그 범위를 결정하는 렉시컬 스코프(Lexical Scope) 특성에 의해 가능하다 3. 변수 보존 (Variable Encapsulation) : 클로저는 외부 함수가 실행을 마쳤더라도 내부함수가 외부 함..

🔎 가비지 컬렉션 이란? 자바스크립트의 메모리 관리 방법으로 자바스크립트 엔진이 데이터가 할당된 메모리에서 더 이상 사용되지 않는 데이터를 해제 프로세스를 의미하며 가비지 컬렉션은 개발자가 직접 강제 실행하거나 관리할 수 없다. 가비지 컬렉션은 주로 메모리 관리에 사용되며 프로그램에서 메모리 누수를 방지하고 메모리 자원을 효율적으로 활용하는데 도움이 된다. (쓰레기 수집가) 가비지 컬렉션은 주로 고급 프로그래밍 언언에서 자동으로 처리되며, 이러한 언어는 일반적으로 개발자가 명시적으로 메모리를 할당하고 해제하는 작업을 수행하지 않아도 된다. 대표적인 가비지 컬렉션을 지원하는 언어는 JAVA, C#, Javascript, Python 등이 있다. 가비지 컬렉션은 다양한 알고리즘과 방법론을 사용하여 구현될 수..

🔎 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)란? 자바스크립트의 참조형 데이터에서만 유효한 개념으로 주로 객체나 배열데이터에서 사용하는 복사의 개념이며 가변성으로 인해, 데이터를 복사할 때 주의가 필요하다 얕은 복사 : 참조형의 1차원 데이터만 복사 깊은 복사 : 참조형의 모든 차원 데이터를 복사 📌 원시형 데이터 원시형 데이터를 다룰 때에는 할당연산자를 사용하여 같은 메모리주소의 데이터를 할당하더라도 이후 데이터를 제어할 때 기존에 할당된 변수가 바라보는 메모리에는 변화가 없이 새로운 메모리에 저장을 하기 때문에 기존 할당 된 데이터는 영향이 없다. 위의 코드의 동일한 상태에서 원시형 데이터가 아닌 참조형(객체) 데이터인 경우 '가변'을 하기 때문에 b변수를 수정하면 a변수를 ..