평범한 컴공 대학생의 공부일지

1. 웹 소켓1) 개념 : 실시간 양방향 데이터 전송을 위한 기술ws Protocol : 브라우저가 지원해야 함최신 브라우저들은 대부분 웹 소켓 지원Node는 ws 또는 Socket.IO 같은 패키지를 통해 웹 소켓 사용 가능웹 소켓을 사용하기 전에는 **폴링(Polling)**이라는 방식을 사용하여 데이터 전송이 이루어짐.2) 장점1번의 연결만 필요 : 웹 소켓은 초기 연결 이후 별도의 재연결 없이 지속적인 데이터 전송이 가능.HTTP와 Port 공유 가능, 성능이 매우 뛰어남 : HTTP와 동일한 포트를 사용하여 방화벽 문제를 최소화하고, 실시간 데이터 전송에 최적화되어 있어 성능이 뛰어남.3) SSE(Server Sent Events)처음 1번만 연결하면 Server가 Client에 지속적으로 데이..

1. Jest Test    - 명령어 : npm test ~       -> 테스트용 파일은 파일명에 test or spec가 있으면 자동으로 찾아서 테스트를 진행       -> 키워드가 들어간 파일이 여러 개라면 경로를 적어주어 테스트 진행 가능       -> 아래와 같은 경우 1+1이 3과 같은지 비교 -> 3이 아니기 때문에 Fail이 나옴        -> 테스트 성공 시 PASS가 출력되며 올바르게 진행 되는 것을 확인        ※ 테스트는 자신이 만든 서비스가 제대로 동작하는지 알기 위해 꼭 필요함             1) 허무한 에러로 프로그램이 고장나는 것을 막을 수 있음.             2) 한 번 발생한 에러를 테스트를 만들어두면 같은 에러가 발생하지 않게 방지 가능 ..

이번 글에서는 Array 객체를 다루기 위한 함수에 대해서 몇 가지 알아보겠습니다. Array 객체의 다양한 함수들 - concat() concat() 함수는 2개 이상의 배열을 합쳐 새로운 배열을 반환하는 함수입니다. var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; var combinedArr = arr1.concat(arr2); console.log(combinedArr); // [1, 2, 3, 4, 5, 6] 이처럼 arr1, arr2 배열을 합쳐 combindeArr이라는 새로운 배열을 반환하죠. - join() join() 함수는 배열 요소를 연결하는 함수입니다. 배열 요소들을 연결하여 나열할 때 구분 기호가 꼭 필요하겠죠? join은 이 기능을 담당합니다. va..

이번 글에서는 Array 객체와 배열에 대해서 알아보겠습니다. - Array 객체 배열을 다루기 위해 제공되는 내장 객체입니다. 배열은 여러 개의 값들을 순서대로 저장하는 자료구조로, 하나의 변수에 여러 값을 담을 수 있습니다. Array 객체는 배열을 생성하고 조작하는 다양한 메서드를 제공하여 데이터를 보다 효율적으로 다룰 수 있도록 도와줍니 다. 가계부를 예로 들어볼까요? 가계부에는 날짜 별로 수입과 지출 내역이 순서대로 저장됩니다. 그렇게 순서를 가진 것을 배열이라고 부릅니다. 가계부라는 변수에 순서대로 다양한 수입과 지출 내용(정보)을 담을 수 있는 것이죠. - 배열 만들기 1. 배열 리터럴 표기법 배열 리터럴 표기법은 간단하게 배열을 생성하는 방법입니다. 대괄호([])를 사용하여 배열을 정의하고..

이번 글에서는 프로토타입, 인스턴스와 함께 사용자 정의 객체에 대해서 알아보겠습니다. 프로토타입과 인스턴스란? - 프로토타입(Prototype) 프로토타입은 자바스크립트에서 객체 간 상속을 구현하는데 사용되는 객체입니다. 모든 객체는 프로토타입을 가지며, 프 로토타입은 다른 객체로부터 상속받은 메서드와 속성을 포함합니다. 객체는 프로토타입 체인을 따라 상위 프로토타입에 정의된 메서드와 속성을 사용할 수 있습니다. => 무언가를 만들기 위한 기본 틀을 의미합니다. 거푸집의 개념과 비슷하죠. - 인스턴스(Instance) 인스턴스는 프로토타입을 기반으로 생성된 개별 객체를 의미합니다. 사용자 정의 객체를 만들 때, 생성자 함수를 통해 인스턴스를 생성합니다. 각각의 인스턴스는 자신만의 속성 값을 가지며, 같은..

이번 글에서는 객체에 대해서 알아보겠습니다. 늘 그렇듯이 정의부터 파악을 해야겠죠? 자바스크립트는 객체지향 프로그래밍 언어로서, 객체(Object)를 기반으로 동작합니다. 객체는 여러 개의 속성과 메서드를 포함하는 자료형으로, 현실 세계의 사물이나 개념을 프로그래밍에서 표현하는 데 사용됩니다. 객체는 중괄호({})를 사용하여 정의하며, 속성과 메서드는 키-값 형태로 구성됩니다. 위의 코드에서 person은 객체를 나타내며, name과 age는 객체의 속성(property)으로, greet는 객체의 메서드(method)로 정의되어 있습니다. 종류 1. 내장 객체 (Built-in Objects) 내장 객체는 자바스크립트에서 기본적으로 제공되는 객체들로, 자주 사용되는 기능들을 담고 있습니다. 예를 들어, ..

함수 표현식 : 함수 이름을 사용해 실행하는 것이 아닌 다른 방법을 통해 실행하는 방법 함수 표현식에는 크게 3가지가 있습니다. 이번 글에서 이러한 함수 표현식에 대해 배워보겠습니다. 익명 함수 - 이름이 없는 함수 보통 함수에는 이름이 붙어 함수의 이름을 사용해 호출하지만 익명 함수는 이름이 없습니다. - 함수 자체가 '식'이다. 함수 = 식이기 때문에 변수에 할당할 수 있으며, 매개 변수로도 활용할 수 있습니다. 즉시 실행 함수 - 함수 자체가 '식'이다. - 변수 할당 가능, 함수 반환 값 변수에 할당 가능 var result = (function(x,y) { // 매개 변수 return x / y; } (35,5)); // 인수 console.log(result); 화살표 함수 - 사용 방법 1...

이번 글에서는 함수에 대해서 알아보겠습니다. 그렇다면 함수의 정의와 기능부터 알아야 하겠죠? 함수의 정의는 "자주 실행해야 하는 명령어들의 집합"입니다. 세탁기를 한 번 생각해 볼까요? 세탁기에는 기능들이 다양합니다. 세탁, 헹굼, 탈수, 불림 이런 기능들이 아주 많습니다. 하지만 저희가 세탁기를 돌릴 때 세탁 기능만 사용하고 끝이 아니죠? 세제를 넣고 세탁을 한다 -> 물로 빨래를 헹군다 -> 탈수로 빨래의 물기를 제거한다. 여기서 건조 기능까지 있는 세탁기면 마지막에 건조 기능도 추가가 되겠죠? 만약에 세탁이 끝나고 저희가 직접 헹굼 버튼을 눌러 다시 돌리고 또 끝나고 또 다음 기능을 돌리고 하면 번거롭죠? 세탁이 끝난 후 헹굼을 눌러줘야 하는데 잠깐 어디 나가는 상황만 발생해도 빨래는 금방 상할 겁..