본문 바로가기

분류 전체보기257

[JS Q.R] 8번째 온라인 모임 모임 일시 : 2024-05-09, 17시참여 인원 : 5명 1. 일반 객체와 일급 객체를 비교하여 설명해주세요.일반 객체는 호출할 수 없지만 함수는 호출할 수 있다. 함수는 객체 타입의 값이다. 즉, 값처럼 변수에 할당할 수도 있고 프로퍼티 값이 될 수도 있으며 배열의 요소가 될 수도 있다. 이처럼 값의 성질을 갖는 객체를 일급 객체라고 한다. 자바스크립트의 함수는 일반 객체와 달리 값으로 사용될 수 있는 일급 객체로써 구별된다.  함수는 일급 객체이므로 함수 리터럴로 생성한 함수 객체를 변수에 할당할 수 있다. 이러한 함수 정의 방식을 함수 표현식이라고 한다. 이때 함수 이름은 생략할 수 있는데, 이를 익명 함수라고 한다. 함수는 함수 이름이 아닌 식별자로 호출하므로, 익명함수 또한 호출할 수 있다... 2024. 5. 9.
Supabase 최종 수정 : 2024-05-13 (계속 작성 및 수정 중) 공부하기로 정한 이유프로젝트를 하면서 Swagger로 API를 연동하는데, 개인적으로 어려움을 겪었다. 우선적으로 API 연동하는 방법을 모른 탓도 있고, 기존에 주어진 데이터가 없는 상황에서 POST를 보낸 후에 GET하는 방식이라 귀찮았다. 솔직히 귀찮았다는 표현이 맞는 것 같다. 그러면서 개인적으로는 Supabase나 GraphQL에 대해 공부하고 싶은 열망이 있었는데, 이번 프로젝트를 겪으면서 그냥 하나 만드는 게 더 나을 것 같은데? 라는 생각이 들었다. 그래서 공부를 시작하고 있다. 어렴풋이 듣기만 했던 것을 직접 만져보고 싶었다. "하면 좋지"에서 "직접 만들고 싶다"라는 단계로 마음과 생각이 옮겨졌다. 함께 공부에 대한 열의가 있.. 2024. 5. 8.
[JS Q.R] 7번째 온라인 모임 질문 작성 : 2024-05-06 17시 온라인 모임(참여 인원 : 5명) 1. 객체의 특성을 설명해주시고, 객체 변경 방지 방법들의 차이점과 이들의 한계에 대한 해결방법을 함께 얘기해주세요.객체는 변경 가능한 값이므로 재할당 없이 직접 변경할 수 있다. 즉 프로퍼티를 동적으로 추가하거나 삭제 및 갱신할 수 있다. 이런 객체의 특성으로 인해 프로퍼티 어트리뷰트 즉, 객체의 상태 역시 재정의할 수 있다. 그러나 객체의 값과 상태가 자주 변경되는 것은 안정성의 이유에서 좋지 않다. 그렇기에 객체의 변경을 방지하는 메서드(preventExtensions, seal, freeze)가 존재한다. Object.preventExtensions 메서드는 객체의 확장을 금지한다. 즉, 프로퍼티를 동적으로 추가하는 것이 .. 2024. 5. 6.
npm install [-option] 최종 수정 : 2024-05-04 NPMNode Package Manager의 줄인 표현으로, 자바스크립트 패키지 매니저이다. node.js에서 사용할 수 있는 모듈들을 패키지화하여 모아둔 저장소 역할과 패키지 설치 및 관리를 위한 CLI를 제공한다. dependencies에 등록되는 것과 devDependencies에 등록되는 것의 차이는 무엇인가? --save 옵션은 package.json의 dependency 항목에 모듈을 추가한다는 의미이며, npm@5 부터는 --save 옵션을 기본 옵션으로 저장한다.-P (--save-prod)dependencies에 패키지를 등록한다. 프로젝트가 배포 시 사용될 의존성 모듈을 정의하고 설치한다.(default) -D (--save-dev)devDependen.. 2024. 5. 4.
[JS Q.R] RegExp 최종 수정 : 2024-05-0331장. RegExp1. 정규 표현식이란?정규 표현식(regular expression)은 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(*formal language)다. 자바스크립트의 고유 문법은 아니며, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다. 정규 표현식은 문자열을 대상으로 패턴 매칭 기능을 제공한다. 특정 패턴과 일치하는 문자열을 검색하거나 추출 또는 치환할 수 있는 기능을 의미한다.const tel1 = '010-1234-5678';const tel2 = '010-1234-567팔';// 리터럴로 휴대폰 전화번호의 숫자 (3)-(4)-(4) 패턴을 정의const regEx[ = /^\d{3}-\d{4}-\d{4}$/;reg.. 2024. 5. 3.