# methods

[JS] 알아두면 좋은 배열 메서드 시간복잡도
🌈 Intro 프로그래머스 푸는데 효율성 검사 통과가 안 돼서 알아본 JavaScript 배열 메서드 시간복잡도 📍 JS 배열 메서드 시간복잡도 📍 Tip shift()/unshift()보다는 push()/pop()을 사용하자. push()/pop()은 O(1)인데 shift()/unshift()는 O(n)이다. shift()/unshift()는 배열의 첫 번째 요소를 추가/제거하고 나머지 요소를 오른쪽/왼쪽으로 이동시키기 때문에 O(n)의 시간 복잡도 갖는다고 한다. References 🔗 <a href="https://dev.to/lukocastillo/time-complexity-big-0-for-javascript-array-method
[iOS][Swift] Methods - Instance, Type, Subscripts
Swift 언어를 배우면서 클래스, 구조체 및 열거형과 같은 형식에서의 인스턴스 메서드, 타입 메서드, 서브스크립트의 중요성을 살펴볼 것입니다. 이러한 요소들은 코드를 효율적으로 작성하고 구조화하는 데 큰 도움이 됩니다. 1. 인스턴스 메서드 인스턴스 메서드는 특정 클래스, 구조체, 또는 열거형의 인스턴스에 연관된 함수입니다. 이 메서드는 해당 인스턴스의 속성에 액세스하거나 값을 변경할 수 있습니다. 예제: 여기서 bark() 메서드는 Dog 클래스의 인스턴스 메서드로 동작합니다. 2. 타입 메서드 타입 메서드는 인스턴스가 아니라 특정 형식(클래스, 구조체, 열거형) 자체에 연관된 함수입니다. 클래스에서는 class 키워드를 사용하며, 구조체와 열거형에서는 static 키워드를 사용합니다. 예제: 위의 square(of:) 메서드는 Math 클래스의 타입 메서드로 동작합니다. 3. 서브스크립트 서브스크립트는 특정 인스턴스의 내부 값을 쉽게 접근하고 수정하

Vue - Data와 Methods
data 옵션을 함수로 반환해야 하는 이유 App은 컴포넌트이다. 따라서 재사용이 가능한데 여러 개의 Vue 애플리케이션을 만들 때 반응형 데이터들을 함수로 만들어서 반환하는 것이 아닌 참조형인 객체 데이터로 반환하게 되면 첫 번째 애플리케이션에서 데이터를 변경할 시 다른 애플리케이션의 데이터도 같이 변경되는 문제가 발생한다. data를 함수로 만들어서 리턴하면 때마다 data라는 옵션이 실행이 되고 객체 리터럴로 새로운 참조형 데이터를 반환하기 때문에 한 쪽에서 바뀌는 데이터가 다른 애플리케이션의 데이터를 바꾸는 문제가 발생하지 않는다. data 접근 방식 Vue 인스턴스를 살펴보면 인스턴스를 통해 바로 data에 접근할 수 있고, 인스턴스 내부의 내장 객체 $data를 통해 접근
[JS] 배열(array)
🐾 배열 > 배열에 값을 새롭게 추가할 때는 Array타입 객체 안에 들어있는 push 메소드를 사용한다 배열 속에 값을 삭제할 때는 pop 메소드를 사용한다 🐾 유사배열 (array-like objects) >유사배열 (배열처럼 여러개의 값을 저장하기 위해 만든것인데, 특수한 경우에 사용하기 위해 만든 타입들..) > 💁🏻♀️ DOMTokenList 타입 배열과 같이 여러개의 값을 저장할 떄 사용 (value 라는 key 값이 자동으로 추가됨) 📒 새로운 값을 추가하고 싶으면 add 메소드를 사용한다. 객체의 classList 라는 key값이 바로 DOMTokenList 타입이다. 일반 객체에 length 프로퍼티가 존재하는 경우 유사 배열 객체라고 말합니다. 유사 배열 객체의 대표적인 예시로 함수의 arguments 객체가 존재합니다. 📒 기존에 있는 요소
TIL 72일차
◆ 단방향과 양방향 연결 단방향 출력 데이터가 변하면 자동으로 바뀌어서 출력 화면에서 값을 변화시킬 방법은 없음 계산식도 가능 양방향 연결 Vue의 데이터를 변화시킬 수 있는 연결 v-model 속성을 사용하여 데이터를 지정 입력창(input, select, textarea)에서만 사용 가능 한글은 IME 방식이어서 바로 반영이 안된다. (v-on:input="text = $event.targer.value" : 추가 입력이 필요하다.) ◆ VueJs의 데이터 설정 영역 설명

자바 객체 지향 프로그래밍 기초 1.
1. 필드 (Fields) > 필드는 객체의 속성을 나타내는 변수입니다. 예를 들어, 자동차 객체를 만들 때, 자동차의 색상, 모델, 제조사 등이 해당 객체의 필드가 될 수 있습니다. 위 코드에서, Car 클래스의 필드로 색상, 모델, 제조사를 나타내는 color, model, manufacturer 변수가 선언되어 있습니다. 2. 생성자 (Constructors) > 생성자는 객체를 생성할 때 호출되는 특별한 메소드입니다. 생성자를 사용하여 객체를 초기화할 수 있습니다. 예를 들어, 자동차 객체를 생성할 때, 색상, 모델, 제조사를 인자로 받아 해당 객체를 초기화하는 생성자를 작성할 수 있습니다. 위 코드에서, Car 클래스의 생성자로 color, model, manufacturer를 인자로 받아 해당 객체를 초기화하는 코드가 작성되어 있습니다. 3. 메소드 (Methods) > 메소드는 객체의
[JS] document & methods
window.document는 무엇일까? 현재 브라우저에 렌더링 되고있는 문서. 페이지 콘텐츠. 즉 DOM에 대한 진입점 역할을 하는 프로그래밍 인터페이스이다. 이를 이용하면 페이지의 정보를 얻거나 웹 요소를 생성 및 조작할 수 있다. 또한 문서에 대한 공통의 속성과 메소드를 제공한다. 즉 다양한 API(Application Programming Interface)를 제공한다. > 요소를 선택하기 위해 사용할 수 있는 대표적인 메소드로는document.querySeletor와 document.getElementById가 있다 → 두 메소드는 모두 요소(Element) 객체를 반환한다! 1. document.querySeletor 선택자를 인자로 전달받아, 전달받은 선택자와 일치하는 문서 내 첫 번째 요소(Element)를 반환한다. 일치하는 요소가 없으면 '없다'라는 의미의 null데이터를 반환한다. 인자로 전달되는 선택자는 문자열 타입의

Mongoose methods 작성해보기
배경 mongoose는 Schema에 기본적으로 _id라는 필드명으로 인덱스(type: mongoose.Schema.Types.ObjectId)를 자동으로 추가해줍니다. 따라서 우리가 document를 하나 생성할 때마다 자동으로 인덱스가 생성되어 추가됩니다. 문서를 조회하면 { _id: ObjectId(‘63c8f2a264ef009315acf031’), //…other property } 와 같이 결과가 조회됩니다. 문제점 저희는 MySQL과 MongoDB를 동시에 사용하고 있습니다. MySQL은 인덱스에 대해 id라는 컬럼명을 갖고, MongoDB는 _id라는 필드명를 갖고 있습니다. 하지만 클라이언트에게 데이터를 보낼 때 데이터 형식을 통일하고자 하였기에, MongoDB에서 조회한 데이터를 응답할 때 _id를 id로 변환하고자 하였습니다. 해결방법 1 mongoose의 [find()](https://mongoosejs.com/docs/

Python_Methods
Methods(메서드) 객체를 조작할 수 있는 방법들 문자열 탐색 문법|설명 ---|--- .find(x)| x의 첫 번째 위치를 반환. 없으면, -1을 반환 .index(x)| x의 첫 번째 위치를 반환. 없으면 , 오류 발생 .isalpha()| 알파벳 문자 여부 .isupper()| 대문자 여부 .islower()| 소문자 여부 .istitle()| 타이틀 형식 여부 > .is ~ () : ~ 인지 아닌지 True/False를 반환하는 bool형 변경 문법|설명 ---|--- .replace(x,y[,count])| x 를 y 로 변경 (count는 몇번 변경 할 건지) .strip()| 공백이나 특정 문자를 제거(양쪽) /lstrip(왼쪽제거)rstrip(오른쪽제거), 문자열 지정시 특정 문자 제거 .split()| 공백이나 특정 문자를 기분으로 분리 ''.join(x)| 구분자로 x를 합침 (' '.join(x)) 한칸 띄고 합쳐

Vue 개념 정리
Vue: Lifecycle beforeCreate: Vue 객체에서 이벤트를 초기화기 전 호출되는 단계 Data 옵션 객체와 이벤트를 초기화 하기 전에 실행하며, Data/Method 속성이 아직 인스턴스에 정의되지 않음. created: Vue 객체에서 이벤트를 초기화할 때 호출되는 단계 인스턴스가 생성되었으나 화면에 부착되기 전이므로, template 속성에 정의된 DOM 요소(el 속성에 지정한 화면 요소)에 아직 접근할 수 없음. 주로 서버에 데이터를 요청하여 받아오는 로직을 추가할 때 유용함. beforeMount: DOM 요소에 인스턴스가 부착되기 전 호출되는 단계 mounted: **DOM 요소에 인스턴스가 부착된 후 호출되는
Vue Data와 Methods
Data Vue 인스턴스가 생성될 때 data 객체에 있는 모든 속성이 Vue의 반응형 시스템에 추가됨 각 속성 값이 변경될 때 뷰가 반응하여 새로운 값과 일치하도록 업데이트됨 data에 있는 속성들은 인스턴스가 생성될 때 존재한 것들만 반응형 사용법 보통 Vue component 파일 내에서 data를 선언하고 초기화한다. 기존 속성이 변격되는 것을 막아 반응형 시스템이 추적할 수 없도록 Object.freeze()를 사용할 수 있다. Vue 인스턴스는 데이터 속성 이외에도 유용한 인스턴스 속성 및 메소드 제공한다. 다른 사용자 정의 속성과 구분하기 위해 인스턴스에 $ 접두어를 붙인다.

Vue.js API, Methods
뷰 메서드 (Vue Method) 뷰의 메서드는 특정 기능 별로 묶을 수 있는 자바스크립트 함수를 의미한다. 메서드는 흔히 뷰 템플릿의 버튼 이벤트 처리부터 HTTP 통신까지 다양한 성격의 코드로 구성된다. 메서드 코드 형식 메서드를 선언하는 방법은 아래와 같다. 메서드 예시 - 기본 메서드를 이용해서 버튼 클릭 이벤트를 처리하면 다음과 같다. 위의 click me 버튼을 클릭하면 경고창이 뜨면서 clicked 라는 메세지가 표시된다. 메서드 예시 - 응용 메서드의 내용에는 단순히 화면 조작을 위한 기능 뿐만 아니라 특정 로직을 담아놓는 장소로도 활용할 수 있다. Refresh 버튼을 클릭하고 나면 displayProducts() 메서드가 fetchData()를 호출한다. 이런 식으로 메서드를 연결해서 사용할 수도 있으며 이렇게 하면 특정 기능 별로 메서드를 분리할 수 있어 코드를 중복해서 작성하지
String Methods (문자열 메서드)
String Methods (문자열 메서드) 우리가 자바스크립트에서 만드는 모든 문자열은 실질적으로 어떠한 동작을 내포하고 있음. 특정 문자열을 사용해 수행할 수 있는 이러한 동작을 메서드 라고 함. 메서드 뒤에 ( ) 괄호 중요 ex) string.method() string.toUpperCase() 모든 문자열을 대문자로 변경 string.toLowerCase() 모든 문자열을 소문자로 변경 string.Trim() 문자열의 처음과 끝(좌우)에 오는 공백을 전부 깎아냄(공백삭제) 메서드는 연달아서 사용 가능 method(arg) = 메서드(인수) 많은 메서드는 인수라는 것을 받음 (인수 = argument = arg) 인수 메서드로 전달되어서 메서드의 동작을 변경하는 입력 값 입력값을 받는 메서드 몇가지 .indexOf 문자열에서 주어진 인수가 나타나는 문자열 인덱스와 그 자릿수를 반환 (지
[JS] Methods(2)
Callback 다른 함수에 인수로 전달되는 함수. 콜백 함수는 다른 함수가 완료된 후에 실행할 때가 되면 나중에 호출(called back)된다. JavaScript 함수는 호출된 순서대로 실행된다. 위 예제에서는 두 개의 함수를 같이 호출할 수 없다. Callback은 다른 함수와 병렬로 실행되는 비동기식 함수이다. Boolean boolean 함수는 식을 평가하고 참이나 거짓을 반환한다. 수가 (+/-) 0이나 NaN이면 false. 그렇지 않으면 true. 노드 집합이 비어 있으면 true. 문자열이 비어 있으면 false. 그렇지 않으면 true. 네 가지 기본 타입 이외의 타입 개체는 그 타입 나름의 방법으로 부울로 변환. 수가 (+/-) 0이나 NaN이면 false. 그렇지 않으면 true. 노드 집합이 비어 있으면 true. 문자열이 비어 있으면 false. 그렇지 않으면 true.

classes (2)
readonly properties readonly : 초기화 되는 영역에서만 할당할 수 있음(수정 방지) Index Signatures in class Static Properties & Methods Singletons 상속(inheritance) Abstract Classes
Mongoose methods and statics
TypeError: User.findByToken is not a function methods methods that run from a specific instance of the Model something that should only involve one instance ex) 유저 비밀번호 비교하기, 유저에게 토큰 부여하기 statics methods that run from the context of the entire Model a query for the entire Model ex) 토큰 값으로 해당 유저 찾기 How to Add Static Methods with Mongoose

[TS] class, Constructor ,Methods
Class TypeScript는 ES2015에 도입된 class 키워드를 완벽하게 지원한다. JavaScript 언어 기능과 마찬가지로 TypeScript는 유형 주석 및 기타 구문을 추가하여 클래스와 다른 유형 간의 관계를 표현할 수 있도록 한다. class 의 기본 구조 필드 선언은 클래스에 쓰기 가능한 공용 속성을 만든다. x, y 에 type을 지정하지 않으면 any 로 설정되므로 type을 지정해주는 것이 좋다. 필드에는 initializers(이니셜라이저)도 있을 수 있습니다. 클래스가 인스턴스화될 때 자동으로 실행된다. const, let, var 와 마찬가지로 클래스 속성의 initializers(이니셜라이저)는 해당 유형을 유추하는 데 사용된다. --strictPropertyInitialization strictPropertyInitialization 설정은 클래스 필드를 생성자에서 초기화해야 하는지 여부를 제어한다

[Web] HTTP Request Methods와 Status Code
Methods 대표 3가지 지난 편에 배운 Request 메시지 구조 중 HTTP의 응답 매서드(request methods), 그 중 가장 대표적인 3가지 매서드에 대해 좀 더 알아 보자. 상품을 장바구니로 비유를 들어 보았다. 1. GET 데이터를 '받아 온다'는 뜻이며 장바구니에 이미 담은 제품을 조회한다고 생각하면 된다. > * 어느 데이터를 서버로부터 받아올 때 주로 사용한다. 웹 문서에 접속하여 필요한 데이터를 불러 올 때 사용한다. 가장 간단하며 많이 사용된다. 2. POST 데이터를 '전송하다'는 뜻이며 장바구니에 마음에 드는 상품을 담는다고 생각하면 된다. > *
[Swift] Methods (메소드)
참고사이트 :The Swift Programming Language Methods (메소드) Class, structure, enumeration과 관련되어 있는 function을 method(메소드)라고 한다. Class, structure, enumeration은 주어진 타입의 인스턴스로 특정한 작업과 기능을 캡슐화하는 instance method(인스턴스 메소드)와 형식 자체와 연관된 type method(타입 메소드)를 정의할 수 있다. Type methods는 Objective-C의 class methods와 비슷하다. Swift와 C, Objective-C 메소드 간의 가장 큰 차이점은 Objective-C에서는 오직 class에서 methods를 정의할 수 있다. 그러나 Swift에서 methods는 class, structure, enumerati