🌟🌟🌟

갑자기 이 오류가 뜨면서 웹 애플리케이션이 실행되지 않음import {enabled} from "express/lib/application"; 객체 내 `enabled`를 사용하기 위해 코드를 작성하던 도중 import 문이 잘못 작성되면서 생긴 오류.

리덕스(Redux)리액트에서 사용되는 상태 관리 라이브러리. 주요 개념은 다음과 같다. 읽기 전용 상태 리덕스에서 전역으로 관리하는 값은 읽기 전용으로, 직접 변경할 수 없다. 단일 스토어 전체 애플리케이션에서 접근 가능한 상태들을 저장하고 있는 하나의 객체.액션 상태의 변경을 요청하기 위한 객체. 리듀서 액션과 이전 상태를 받아 새로운 상태를 반환하는 순수 함수. 흐름컴포넌트 - 액션 생성 - 디스패치 - 스토어 - 리듀서 - 새 상태 - 컴포넌트 리렌더링  📌 상태(State)전체 애플리케이션 어디서든 접근하고 공통으로 사용할 수 있도록 선언된 전역변수와 유사하다. 단, 리덕스는 단방향 데이터 흐름을 가지므로 읽기는 어디서든 자유롭게 가능하지만 수정은 반드시 액션을 통해서만 이루어진다.  📌 스토..

문자열 상수 풀(string constant pool)자바가 문자열을 string pool에서 관리하듯이 자바스크립트는 string constant pool에서 문자열 메모리를 관리한다. 만약 이미 메모리에 할당된 문자열이 있다면, 새 변수에 해당 문자열을 할당하더라도 메모리를 새로 생성하지 않고 주소값을 반환한다.  How are strings stored in JavaScript ? - GeeksforGeeksA Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/compet..

📌 카카오맵 api 시작하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com  🌏 지도 띄우기Kakao Map API를 발급 받았다면 이제 지도를 사용할 수 있다. `html` 파일에 다음과 같은 스크립트를 추가한다.   `html`에 `map`을 띄울 적당한 요소를 만든다.   다음과 같이 js 코드를 작성하면 지도를 띄울 수 있다. const mapContainer = document.querySelector(".map"); // 지도를 표시할 div const mapOption = { center: new kakao.maps.Lat..

포인터가 가리키는 메모리를 자동으로 해제하는 포인터. 개발자는 메모리 관리에 크게 신경 쓸 필요가 없다. C++은 객체 생성 시 사용했던 동적 메모리 또는 시스템 자원을 소멸 시 자동으로 소멸시키는 매커니즘을 제공한다. 범위를 벗어난 변수는 스택에서 제거되며, 객체의 소멸자가 호출되어 자신이 사용하던 자원을 알아서 정리한다. `auto_ptr` 동적으로 할당된 메모리도 자동으로 해제하는 래퍼 클래스. // deprecated. use unique_ptr instead.`template class auto_ptr`포인터가 가리키는 대상의 타입 T 를 인자로 받아 `T*` 형 포인터를 관리한다. 생성자로 전달된 포인터는 소멸자에서 delete 로 해제한다. unique_ptr rate(new double)..

📌STL(Standard Template Library)표준 템플릿 라이브러리. 자료구조(컨테이너, 이터레이터, 알고리즘)를 모아놓은 라이브러리.컨테이너(자료구조), 반복자(iterator), 알고리즘, 수치기능을 제공하고 손쉽게 구현할 수 있도록 재사용을 목적으로 만들어진 라이브러리. C언어는 CRT(C Runtime Library)라는 이름의 라이브러리를, C++은 C++ Standard Library를 가지고 있다. 1994년 C++ 표준 라이브러리에 STL이 추가되었다.표준 템플릿 라이브러리라는 뜻 그대로 일반화 프로그래밍(Generic Programming)을 기반으로 무분별한 여러가지 형태의 코드를 지양하고 표준화된 코드를 지향한다. 표준이므로 이식성이 좋다.각 자료구조마다 성능의 차이가 있..

📌템플릿함수나 클래스를 개별적으로 다시 작성하지 않아도, 여러 자료형으로 사용할 수 있도록 만들어놓은 틀. 여러 타입에서 동작할 수 있는 함수를 찍어내는 틀. 다양한 타입에 대해서 하나의 함수만 정의하여 사용할 수 있다. 이러한 형태의 함수가 있다는 것만 약속해두고, 함수가 호출되는 시점에 인자의 타입에 따라 실제 함수인 템플릿 인스턴스 함수를 만든다.(컴파일러가 전달된 타입을 검사하여 그에 해당하는 함수를 생성한다.) // 함수 템플릿template T FunctionTemplate(T a, T b) { ...}// 클래스 템플릿template class MyClass {public: MyClass(T a) { this->a = a; }private : T a;}   📌함..

📌상속코드의 중복을 줄이고 재사용성을 높이기 위해 클래스 간의 상속 관계를 정의할 수 있다.예를 들어 `name`과 `address`를 갖는 `RagularEmployee`와 `TemporaryEmployee`가 있을 때, 둘을 ` Employee`로 일반화하여 정의하고 상속받아 사용할 수 있다.  #include using namespace std;class Employee {public : Employee() { } Employee(const char* name, const char* address) { this->name = new char[strlen(name) + 1]; this->address = new char[strlen(address) + 1]; strcpy_s(this->nam..

📌Flex box행과 열 형태로 자식 요소를 배치하는 레이아웃 속성. 부모 요소 내부에 포함된 자식 요소들을 세로, 가로 중심부에 정렬하거나, 자식 요소의 너비를 동일하게 설정할 수 있다. 📌속성 html, body{ margin : 0; padding: 0;}.parent{ width: 500px; height: 600px; background-color: pink; display: flex; flex-direction: column; align-items: center; }.child{ width: 100px; height: 100px..

객체지향의 근간이 되는 언어. 기본 단위를 객체로 한다.추상화, 캡슐화, 다형성, 상속상속과 다형성을 사용해 재사용성을 높임으로써 코드를 줄일 수 있음.객체: Object. 사물을 나타내는 추상적인 개념.절차형 프로그래밍: 기능 단위 ⇒ 함수객체지향 프로그래밍: 기능 단위 ⇒ 객체(클래스. 변수+함수) 📌클래스(Class)연관이 있는 데이터와 그 데이터를 다루는 함수를 하나로 묶어 놓은 추상적 데이터형(사용자 정의 타입). 멤버 변수와 멤버 함수를 가진다.생성자, 소멸자(C#, Java, JavaScript에서는 사용하지 않음), 멤버 변수, 메서드. 객체 생성스택 메모리에서 객체를 생성하는 방법: 변수 선언 void exampleFunction() { TV myTV; // 스택 메모리에 생성 ..