서스포PAR

🎡 Array.prototype 메소드 모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속받습니다. 이렇게 상속받은 Array.prototype 메소드는 크게 다음과 같이 구분할 수 있습니다. 1. 원본 배열을 변경하는 메소드 2. 원본 배열은 변경하지 않고 참조만 하는 메소드 3. 원본 배열을 반복적으로 참조하는 메소드 💖 자바스크립트 원본 배열을 반복적으로 참조하는 Array.prototype 메소드 더보기 더보기 메소드 설명 forEach() 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행함. map() 해당 배열의 모든 요소에 대하여 반복적으로 명시된 콜백 함수를 실행한 후, 그 실행 결과를 새로운 배열로 반환함. filter() 해당 배열의..

🎡 Array.prototype 메소드 모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속받습니다. 이렇게 상속받은 Array.prototype 메소드는 크게 다음과 같이 구분할 수 있습니다. 1. 원본 배열을 변경하는 메소드 2. 원본 배열은 변경하지 않고 참조만 하는 메소드 3. 원본 배열을 반복적으로 참조하는 메소드 💖 자바스크립트 원본 배열은 변경하지 않고 참조만 하는 Array.prototype 메소드 더보기 더보기 메소드 설명 join() 배열의 모든 요소를 하나의 문자열로 반환함. slice() 전달받은 시작 인덱스부터 종료 인덱스 바로 앞까지의 모든 배열 요소를 추출하여 만든 새로운 배열을 반환함. concat() 해당 배열의 뒤에 인수로 전달받은 배열을..

 🎡 Array.prototype 메소드 모든 Array 인스턴스는 Array.prototype으로부터 메소드와 프로퍼티를 상속받습니다. 이렇게 상속받은 Array.prototype 메소드는 크게 다음과 같이 구분할 수 있습니다. 1. 원본 배열을 변경하는 메소드 2. 원본 배열은 변경하지 않고 참조만 하는 메소드 3. 원본 배열을 반복적으로 참조하는 메소드 💖 자바스크립트 원본 배열을 변경하는 Array.prototype 메소드 더보기 메소드 설명 push() 하나 이상의 요소를 배열의 가장 마지막에 추가하고, 배열의 총 길이를 반환함. pop() 배열의 가장 마지막 요소를 제거하고, 그 제거된 요소를 반환함. shift() 배열의 가장 첫 요소를 제거하고, 그 제거된 요소를 반환함. unshift(..

 🎡 래퍼 객체(wrapper object) const str = "문자열"; // 리터럴 문자열 생성 const len = str.length; // 문자열 프로퍼티인 length 사용 예제에서 생성한 문자열 리터럴 str은 객체가 아닌데도 length 프로퍼티를 사용할 수 있습니다. 프로그램이 문자열 리터럴 str의 프로퍼티를 참조하려고 하면, 자바스크립트는 new String(str)을 호출한 것처럼 문자열 리터럴을 객체로 자동 변환해주기 때문입니다. 이렇게 생성된 임시 객체는 String 객체의 메소드를 상속받아 프로퍼티를 참조하는 데 사용된다. 이후 프로퍼티의 참조가 끝나면 사용된 임시 객체는 자동으로 삭제됩니다. 숫저, 문자열. 불리언 등 원시 타입의 프로퍼티에 접근하려고 할 때 생성되는 임..

https://tlsdnjs12.tistory.com/42 [Javascript] Date Constructor 🎠 자바스크립트에서의 날짜 표현 ​자바스크립트에서는 Date 객체를 사용하여 매 순간 변화하는 시간과 날짜에 관한 정보를 손쉽게 얻을 수 있다. Date 객체는 연월일, 시분초의 정보와 함께 밀 tlsdnjs12.tistory.com 💖 자바스크립트 Date.prototype getter 메소드 Date.prototype getter 메소드는 날짜와 관련된 정보를 받아오기 위한 메소드입니다. 가장 많이 사용되는 대표적인 getter 메소드는 다음과 같습니다. 더보기 메소드 설명 값의 범위 getDate() 현지 시각으로 현재 일자에 해당하는 숫자를 반환함. 1 ~ 31 getDay() 현지 시..

 💖 자바스크립트 Math 메소드 종류 Math 메소드는 수학에서 자주 사용하는 상수와 함수들의 미리구현해 놓은 메소드 입니다. 더보기 메소드 설명 Math.min(x, y, ...) 인수로 전달받은 값 중에서 가장 작은 수를 반환함. Math.max(x, y, ...) 인수로 전달받은 값 중에서 가장 큰 수를 반환함. Math.random() 0보다 크거나 같고 1보다 작은 랜덤 숫자(random number)를 반환함. Math.round(x) x를 소수점 첫 번째 자리에서 반올림하여 그 결과를 반환함. Math.floor(x) x와 같거나 작은 수 중에서 가장 큰 정수를 반환함. Math.ceil(x) x와 같거나 큰 수 중에서 가장 작은 정수를 반환함. Math.abs(x) x의 절댓값을 반환함..

 알고리즘 문제를 풀다보면 메소드 관련이 많이 나와 헷깔리는 부분이 많았다. 더 나은 문제풀이와 커리어를 쌓기위해 메소드를 정리하도록 마음 먹었다. 💖 자바스크립트 String.prototype 메소드 종류 String 메소드는 String 객체에 정의된 문자열과 관련된 작업을 할 때 사용하는 메소드입니다. 더보기 메소드 설명 indexOf() String 인스턴스에서 특정 문자나 문자열이 처음으로 등장하는 위치의 인덱스를 반환함. lastIndexOf() String 인스턴스에서 특정 문자나 문자열이 마지막으로 등장하는 위치의 인덱스를 반환함. charAt() String 인스턴스에서 전달받은 인덱스에 위치한 문자를 반환함. charCodeAt() String 인스턴스에서 전달받은 인덱스에 위치한 문..

API를 하다 보면 cors오류를 접하게 되었다. 왜 발생하는지 어떻게 해결하는지 알아보자! 💖 CORS(Cross-Origin Resource Sharing) 🚨 Access to fetch at ‘https://api.lubycon.com/me’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS di..

명확하지 않은 반복문의 이론을 정리 해야겠다는 생각이 들었다. 그중에서 제일 헷깔리는 반복문을 모와 하나하나 정리! [자바스크립트 반복문 각각의 차이점 간단정리] 1. for와 for...in은 index 를 반환하고, for...of와 forEach는 값을 반환한다. 2. for...in은 주로 객체에서 사용하고, for...of는 배열에서 사용한다. 3. 속도는 for문이 가장 빠르다. 💖 for 반복문 1. for 반복문은 자바스크립트의 대표적인 반복문입니다. 2. for 반복문은 초기값부터 시작하여 조건식이 거짓인 상태가 될 때까지 loop문 내의 명령들을 반복적으로 수행합니다. 즉, 조건식이 참인 상태인 동안은 loop문 내의 명령을 반복 수행하다가 거짓이 되면 for문을 빠져나오고, 처음부터 ..

자바스크립트? 여러번 들었으나 요점이 확 정리되지 않았다. 프로그램의 동적인 행동들을 실행 할 수 있지만 어떤것을 사용할 수 있는것인가? 계속해 의문이 들었다. 🤦‍♂️🤦‍♀️ 💖 Javascript[객체(object)기반의 스트립트 언어] 1. 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 2. 클라이언트 측 웹(브라우저)에서 실행되고, 웹페이지가 이벤트 발생시 어떻게 작동하는지 디자인 및 프로그래밍 가능합니다. 3. 강력한 스트립트 언어로 웹 페이지 동작을 제어하는데 널리 사용됩니다. 🎁 참고자료 🎁 https://ko.javascript.info/ http://www.tcpschool.com/javascript/js_intro_basic 📑 스크립트 - 자바스크..