React는 Node.js 가 설치되어 있어야 사용 가능하다.위의 사진은 리액트를 설치하면 기본적으로 생성되는 파일/폴더 구조이다.하나씩 뜯어보며 각각 어떤 역할을 하는지 알아보자.설명 : 이 디렉토리는 프로젝트에서 사용하는 모든 패키지들이 저장되는 곳이다.'npm',

React는 Facebook에서 개발한 오픈소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하는 데 중점을 둡니다.컴포넌트 기반 구조: React는 UI를 독립적이고 재사용 가능한 컴포넌트 단위로 분리하여 개발합니다. 이를 통해 코드의 유지보수성과 재사용

개발을 하다보면 프레임워크, 라이브러리, API를 모두 사용하게 된다.하지만 이 3개의 용어의 정의를 헷갈려서 정확히 정리해보려고 한다.Frame(틀) + work(일)이라는 단어의 합성어입니다. 일 구조, 혹은 작업 구조라는 뜻과 같이 프레임워크는 어떠한 일을 처리하

웹 애플리케이션에서 인증과 상태 관리를 위한 방법에는 쿠키, 세션, 그리고 JWT가 있고, 보통 많이 사용되는데 정확히 구분하고자 정리 해보자!쿠키는 사용자의 웹 브라우저에 저장되는 작은 데이터 조각. 서버가 클라이언트에게 전송하며, 클라이언트는 이 데이터를 저장하고

트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순서로 건너려 합니다.모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다.다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있습니다.

일정한 규칙, 혹은 규약을 통해 구조화되어 저장되는 데이터의 모음.해당 데이터베이스를 제어, 관리하는 통합 시스템을 DBMS라고 하며, 데이터베이스 안에 있는 데이터들은 특정 DBMS마다 정의된 쿼리 언어를 통해 삽입, 삭제, 수정, 조회 등을 수행하며 데이터베이스는

사용자가 컴퓨터를 쉽게 다루게 해주는 인터페이스이다.한정된 메모리나 시스템 자원을 효율적으로 분배하여 사용한다.1\. CPU 스케줄링과 프로세스 관리 : CPU 소유권을 어떤 프로세스에 할당할지, 프로세스의 생성과 삭제, 자원 할당 및 반환을 관리한다.2\. 메모리 관

네트워크란 노드(node) 와 링크(link)가 서로 연결되어 있거나 연결되어 있지 않은 집합체를 의미한다.여기서 노드란 서버, 라우터, 스위치 등 네트워크 장치를 의미하고링크는 유선 또는 무선을 의미한다.처리량이란 링크를 통해 전달되는 단위 시간당 데이터양을 말한다.

프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게 해주는 역할을 하는 개발 방법론입니다.예를 들어 객체지향 프로그래밍은 프로그래머들이 프로그램을 상호 작용하는 객체들의 집합으로 볼 수 있게 하는 반면에, 함수형 프로그래밍은 상태 값을 지니지 않는 함수 값들의

프로그램을 설계할 때 발생했던 문제점들을 객체 간의 상호 관계 등을 이용하여 해결할 수 있도록 하나의 규약 형태로 만들어 놓은 것을 의미한다.싱글톤 패턴(singleton pattern)은 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴입니다. 하나의 클래스를 기반

연속된 데이터를 저장하는 자료구조인덱스와 대응하는 데이터를 저장하며, 인덱스는 첫번째로부터 상대적인 위치를 표현검색(조회) 연산은 빠르지만, 추가/삭제 연산이 느리다.위와 같은 배열을 자바에서 생성하자면길이는 7 이지만 인덱스 번호는 6까지 존재한다.배열의 길이는 배열

Not Only SQL 혹은 Non-Relational Operational DataBase의 약자로 비관계형 데이터베이스를 지칭한다.NoSQL 데이터베이스는 전통적인 관계형 데이터베이스 관리 시스템(RDBMS)과는 달리, 데이터 저장 및 검색에 대해 보다 유연하고 확

어떤 숫자에서 k개의 수를 제거했을 때 얻을 수 있는 가장 큰 숫자를 구하려 합니다.예를 들어, 숫자 1924에서 수 두 개를 제거하면 19, 12, 14, 92, 94, 24 를 만들 수 있습니다. 이 중 가장 큰 숫자는 94 입니다.문자열 형식으로 숫자 number

조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다.ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA조이스틱을 각 방향으로 움직이면 아래와 같습니다.▲ - 다음 알파벳▼ - 이전 알파벳 (A에서 아래쪽으로 이동하면 Z로)◀ -

점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4

H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다.어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고

0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.예를 들어, 주어진 정수가 6, 10, 2라면 6102, 6210, 1062, 1026, 2610, 2106를 만들 수 있고, 이중 가장 큰 수는 6210입니다.0 또는 양

문제 - K번째수 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터

설명

시작하며 프로젝트 진행하며 WebSocke을 이용한 실시간 알림 기능을 만들어보고 싶었다. 찾아보니 생각보다 간단한? 기능인것 같아서 다행이지만 진행하면서 얼마나 삽질할지.. 시나리오 B가 A가 등록한 플레이리스트에 좋아요 또는 댓글을 남긴다. 그러면 A에게 실시간