🌟🌟🌟

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

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

말줄임.review { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;} p { text-align: center; width: 100%; overflow: hidden; word-wrap: break-word;} `overflow: hidden;` 박스에서 넘쳐난 텍스트 숨기기`white-space: nowrap;` 줄바꿈이 없어짐`text-overflow: ellipsis;` ... 말줄임 효과`word-break: break-all;` 어절이 유지되지 않고 끊어져서 줄바꿈 됨`word-wrap : break-word;` width를 초과하면 줄바꿈   배경 블러(반투명)..

문자열 상수 풀(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; // 스택 메모리에 생성 ..

📌정적 메모리 할당 C언어에서 배열을 선언하려고 할 때, 다음과 같이 변수로 길이를 선언하려고 하면 컴파일 오류가 발생한다. #include int main() { int input; printf("배열의 크기를 입력하세요: "); scanf_s("%d", &input); int arr[input]; // 컴파일 에러: 식에 상수 값이 있어야 합니다. return 0;}  코드 내 직접 변수를 선언할 때는 메모리를 컴파일 시점에 할당 받는다. 이는 시스템이 알아서 타입을 확인하고 메모리를 할당하는 것을 의미한다. 전역 변수를 제외한 모든 변수는 스택 영역에 할당되며 함수가 종료되면 소멸한다. 이렇듯 컴파일 시점에 정해지는 메모리를 정적 메모리 할당이라고 한다.  📌동적 메모리 할당입력값에 따라 배열을..

📌구조체(struct)사용자 선언 타입. 하나 이상의 변수를 하나로 묶어 새로운 자료형을 만드는 것.포인터 변수나 배열도 멤버로 가질 수 있다. 포인터로 구조체를 참조할 수 있다.  #include struct Student { char name[100]; int age, height;}int main(){ struct Student student; printf("이름을 입력하세요: "); scanf_s("%s", &student.name, sizeof(student.name)); printf("나이를 입력하세요: "); scanf_s("%d", &student.age); printf("키를 입력하세요(cm): "); scanf_s("%d", &student.height); prin..

📌이진 탐색(Binary Search)주어진 배열의 중간값과 찾고자하는 키값의 대소를 비교하여, 배열을 절반으로 나누어가며 값의 유무를 탐색하는 검색 알고리즘. 중간값이 키값보다 크면 반으로 나눈 배열의 오른쪽 부분에서 다시 탐색하고, 중간값이 키값보다 작다면 왼쪽 배열에서 재탐색한다. 한 번 비교할 때마다 배열이 절반으로 줄어들게 되므로 배열의 크기가 커지더라도 검색 효율이 좋다. 시간 복잡도는 `O(logN)`.  단, 키값과 중간값의 대소를 비교하기 때문에 배열이 반드시 오름차순으로 정렬되어 있어야 한다.    📌구현언어: C #include int BinarySearch(int* arrPtr, int lower, int upper, int middle, int key) { // 인덱스 반환 i..

📌전역변수/지역변수C언어의 전역변수는 main함수 바깥에 선언한다. ⇒ 지양할 것.정적 변수는 static 키워드로 선언한다. 함수가 끝나도 소멸되지 않는다.  📌포인터* 키워드를 붙여서 선언한다. (간접 연산자와 다른 의미를 가지므로 헷갈리지 말 것. 포인터임을 명시하는 키워드로 생각하자.) int a = 1;int *ptr = &a; 포인터 변수는 메모리의 주소를 가진다. 주소 값은 정수로 되어있으므로 4byte가 된다. (단, 64비트의 경우 8byte가 될 수 있다.)& 주소 연산자: 주소를 반환한다.* 간접 연산자: 그 주소에 가서 값을 반환한다.  이중 포인터(포인터의 포인터)int a = 1;int* ptr = &a;int** ptrPtr = &ptr; void 포인터타입을 알 수 없지만..

문제 설명사진들을 보며 추억에 젖어 있던 루는 사진별로 추억 점수를 매기려고 합니다. 사진 속에 나오는 인물의 그리움 점수를 모두 합산한 값이 해당 사진의 추억 점수가 됩니다. 예를 들어 사진 속 인물의 이름이 `["may", "kein", "kain"]`이고 각 인물의 그리움 점수가 `[5점, 10점, 1점]`일 때 해당 사진의 추억 점수는 16(5 + 10 + 1)점이 됩니다. 다른 사진 속 인물의 이름이 `["kali", "mari", "don", "tony"]`이고 `["kali", "mari", "don"]`의 그리움 점수가 각각 `[11점, 1점, 55점]]`이고, `"tony"`는 그리움 점수가 없을 때, 이 사진의 추억 점수는 3명의 그리움 점수를 합한 67(11 + 1 + 55)점입니다...

📌배열(Array)자바스크립트의 배열은 일반적인 배열의 요소를 흉내낸 특수 객체다.자바스크립트에 배열이라는 타입은 존재하지 않으며 객체로 취급한다. 자바스크립트의 배열은 일반적인 의미의 배열, 즉 '각 요소가 동일한 데이터 크기를 가지며 연속적으로 나열된 자료구조'가 아닌 희소 배열로, 각 메모리 공간은 동일은 크기를 갖지 않아도 되며 연속적으로 이어져있지 않을 수도 있다. 자바스크립트 배열은 해시 테이블로 구현된 객체로, 일반적인 배열과 달리 인덱스로 배열 요소에 접근하는 경우에는 속도가 느리지만 특정 요소를 검색하거나 삽입 또는 삭제하는 경우 빠른 속도를 보인다.   📌확인`isArray()`전달된 인자가 배열이면 `true`를 반환한다.  📌삽입`push()` 배열의 맨 뒤에 요소를 삽입하고 ..

문제 설명네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다.다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다.1478 → "one4seveneight"234567 → "23four5six7"10203 → "1zerotwozero3"이렇게 숫자의 일부 자릿수가 영단어로 바뀌어졌거나, 혹은 바뀌지 않고 그대로인 문자열 `s`가 매개변수로 주어집니다. `s`가 의미하는 원래 숫자를 return 하도록 solution 함수를 완성해주세요. 숫자영단어0zero1one2two3three4four5five6six7seven8eight9nine   제한 사항1 ≤ s의 길이 ≤ 50s가 "zero" 또는 ..

문제 설명배열 `array`의 `i`번째 숫자부터 `j`번째 숫자까지 자르고 정렬했을 때, `k`번째에 있는 수를 구하려 합니다.예를 들어 `array`가 `[1, 5, 2, 6, 3, 7, 4]`, `i = 2`, `j = 5`, `k = 3`이라면 `array`의 2번째부터 5번째까지 자르면 `[5, 2, 6, 3]`입니다. 1에서 나온 배열을 정렬하면 `[2, 3, 5, 6]`입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 `array`, `[i, j, k]`를 원소로 가진 2차원 배열 `commands`가 매개변수로 주어질 때, `commands`의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요.  📌..

문제 설명하노이 탑(Tower of Hanoi)은 퍼즐의 일종입니다. 세 개의 기둥과 이 기둥에 꽂을 수 있는 크기가 다양한 원판들이 있고, 퍼즐을 시작하기 전에는 한 기둥에 원판들이 작은 것이 위에 있도록 순서대로 쌓여 있습니다. 게임의 목적은 다음 두 가지 조건을 만족시키면서, 한 기둥에 꽂힌 원판들을 그 순서 그대로 다른 기둥으로 옮겨서 다시 쌓는 것입니다. 1. 한 번에 하나의 원판만 옮길 수 있습니다.2. 큰 원판이 작은 원판 위에 있어서는 안됩니다. 하노이 탑의 세 개의 기둥을 왼쪽 부터 1번, 2번, 3번이라고 하겠습니다. 1번에는 n개의 원판이 있고 이 n개의 원판을 3번 원판으로 최소 횟수로 옮기려고 합니다. 1번 기둥에 있는 원판의 개수 `n`이 매개변수로 주어질 때, n개의 원판을 3..