문제https://www.acmicpc.net/problem/7568 알고리즘 분류 : 구현 브루트포스 알고리즘 나의 첫번째 풀이맨 처음 내가 생각하고 푼 방법은N을 제외한 입력 배열을 몸무게, 키로 정렬을 한다.각각 순위를 매기고, 그 순위를 새로운 배열 sortedRank에 저장한다.기존 입력된 배열과 정렬된 배열을 비교해서 값이 같으면 sortedRank을 참조해서 몇등인지 배열 rank에 저장한다.이후 rank를 join 함수를 이용하여 출력해준다.이 방법으로 푼 코드는 아래와 같다. 하지만 제출했을 때, 사진과 같이 런타임 에러(TypeError)가 발생했다. 처음엔 TypeError라길래 타입 출력이 잘못된줄 알고, 타입을 찍어보고 해봤지만 타입은 이상이 없었다.혹시나, sorted와 이중..

https://www.acmicpc.net/problem/11723 알고리즘 분류 : 구현 비트마스킹 문제를 다 풀고 나니 Node.js 언어는 제출을 지원을 안하는걸 알았다.그래서 일단 블로그에 내가 푼 코드를 올리려고한다.(맞았는지 틀렸는지는 모르겠지만 ... testCase의 출력대로 제대로 나오는것은 확인했다...) 이 문제는 비트마스킹을 모른다면 배열을 이용해서 풀 수도 있고, 알고있다면 비트마스킹을 활용해서 풀 수 있는 문제처럼 보인다.나는 이 문제를 풀기위해 비트마스킹을 공부했.. 우선, 비트마스킹을 이용해서 문제를 풀었기 때문에 비트마스킹에 대해 전혀 모른다면 아래 글을 한번 읽고 오는게 조금이나마 도움이 될것같다.https://hoonni3002.tistory.com/175 비트 마스킹..

비트마스킹(BitMasking)정수의 이진 표현을 이용해 특정 비트(bit)를 조작하거나 검사하는 기술0과 1로 구성된 이진수 표현에서 원하는 자리의 비트를 다루는 방법플래그 관리, 퍼미션 설정, 효율적인 상태 추적 등에 사용된다. *플래그 관리 : 여러 개의 상태/옵션 중 일부가 켜져 있는지예를 들어, 게임에서 캐릭터에게 여러 상태(중독, 화상, 빙결, ...) 효과가 동시에 걸릴 수 있고,중독 : 1 1 / 화상 : 1 2 / 빙결 : 1 4 의 값이라 가정하면위 코드와 같이 여러 상태를 숫자 하나로 압축해서 관리할 수 있다. *퍼미션 설정 : 누가 어떤 권한을 가지고 있는가예를 들어, 파일에 대해 읽기, 쓰기, 실행의 권한이 있고,읽기 : 1 1 / 쓰기 : 1 2 / 실행 :..

백준 5073번 - 삼각형과 세변(Node.js / Javascript / JS) https://www.acmicpc.net/problem/5073 알고리즘 분류 : 수학 구현 기하학 우선, 문제를 보면 구현하기엔 매우 간단하게 보인다.문제에 나와있는 삼각형의 세 변의 각각의 조건만 코드로 작성해주면 되기 때문이다.각각의 조건은 아래와 같이1) 세 변의 길이가 모두 같은 경우 -> Equilateral2) 두 변의 길이만 같은 경우 -> Isosceles3) 세 변의 길이가 모두 다른 경우 -> Scalene4) 가장 긴 변의 길이보다 나머지 두 변의 길이의 합이 길지 않은 경우 -> Invalid이 문제를 풀기 위해 처음 생각했을 때 if문을 범벅으로 사용해도 될정도로 매우 구현하기엔 간단한 문제라고 ..

복잡성 분석(Complexity Analysis)알고리즘의 효율성을 결정하는 과정일반적으로 알고리즘의 시간 복잡도와 공간 복잡도를 모두 찾는 것을 포함한다.알고리즘이 얼마나 좋은지, 다른 알고리즘보다 더 나은지를 판단하는 데 효과적으로 사용된다. 시간 복잡도알고리즘이 얼마나 빨리 실행되는지를 측정하는 기준Big O 표기법을 사용하여 표현한다. 공간 복잡성알고리즘이 보조 메모리를 얼마나 차지하는지 측정하는 기준Big O 표기법을 사용하여 표현한다.

NodeJS가 여러 요청을 처리하는 방법NodeJS는 하나의 JavaScript 스레드만 사용한다. 문제점각 요청마다 스레드를 지정할 수 없기 때문에, 결국 모두 하나의 스레드에서 실행될 것이다.이에 따라 보안 상의 문제가 제기될 것이다. 그렇다면, 만약 요청 A를 아직 처리 중이라면, 요청 B는 처리할 수 없는 것일까 ?➡️ 그렇지 않다 ! 둘 다 처리할 수 있다 ! 어떻게 둘 다 처리할 수 있을까 ?1. fs(파일 시스템)에 접근할 수 있는 코드들을 사용할 수 있다.하지만, 파일을 다루는 작업은 오래 걸릴 수 있다.이에 따라, 들어온 요청을 다루고 있을 때, 새로 들어온 요청은 기다리거나, 거부될 수 있다. 2. 이벤트 루프를 이용한다.이벤트 루프는 Node.js가 시작하면 프로그램에 의해 자동으로 ..

Reactivityreactive()반응형 상태를 생성하기 위해서는 reactive() 함수를 사용할 수 있다.객체타입에만 반응한다.기본타입(number, string, boolean)을 반응형으로 만들기 위해서 ref 메서드를 사용한다.예시⬇️⬇️ 실행결과 ⬇️⬇️ ref변이가능한 객체를 반환한다.이 객체에는 value라는 하나의 속성만 포함한다.value 값은 ref() 메서드에서 매개변수로 받은 값을 갖고 있다.이 객체는 내부의 value 값에 대한 반응형 참조 역할을 한다.예시⬇️⬇️ 실행 결과 ⬇️⬇️템플릿에서 ref에 접근할 때는 .value를 빼고 작성해도 잘 작동한다. toRef/toRefs예시 : 일반적인 구조분해할당⬇️⬇️ 실행 결과 ⬇️⬇️⬇️⬇️ 콘솔 실행 결과 ⬇️⬇️콘솔 실행..

텍스트 보간법데이터 바인딩데이터 바인딩의 가장 기본형태는 {{ data }}를 사용하는 것이다.{{ }} 안에는 data뿐만 아니라 JavaScript 표현식도 사용 가능하다.{{ message }}와 같이 사용하면 컴포넌트 인스턴스의 message 값으로 대체된다.message 속성이 변경될 때마다 갱신된다. v-once한 번만 렌더링을 하고 데이터가 변경되어도 갱신되지 않게하기 위해 사용한다.일회성 보간을 수행한다.예시 두 데이터 바인딩의 차이예시⬇️⬇️ 실행 결과 ⬇️⬇️ v-htmlv-html 디렉티브를 이용하여 실제 HTML로 출력할 수 있다.웹사이트에서 임의의 HTML을 동적으로 렌더링하면 XSS 취약점으로 이어질 수 있어서 신뢰할 수 있는 콘텐츠에서만 사용하여야 한다.예시⬇️⬇️ 실행 ..