hoon's bLog

Array 객체 자바스크립트에서 배열(array)은 정렬된 값들의 집합으로 정의되며, Array 객체로 다룸 Array.isArray() : 전달받은 값이 Array 객체인지 아닌지를 검사 Array.isArray([]); // true Array.isArray(new Array()); // true Array.isArray(123); // false Array.isArray("Array"); // false Array.isArray(true); // false Array.from() : ECMAScript 6부터 추가된 Array.from() 메서드는 객체들을 배열처럼 변환 function arrayFrom() { return Array.from(arguments); } Array.from(arrayF..

객체의 전반적인 기본 개념 : 객체(1) ← ← 포스팅을 참고해 주세요!! 객체의 다양한 사용 / 메서드 : 객체(2) ← ← 포스팅을 참고해 주세요!! 전역 객체와 래퍼 객체 전역 객체(global object) 자바스크립트에 미리 정의된 객체로 전역 프로퍼티나 전역 함수를 담는 공간의 역할 전역 객체 그 자체는 전역 범위(global scope)에서 this 연산자를 통해 접근 자바스크립트에서 모든 객체는 전역 객체의 프로퍼티 웹 브라우저가 새로운 페이지를 로드(load)하면, 자바스크립트는 새로운 전역 개체를 만들고 해당 프로퍼티들을 초기화 let str = "문자열"; // 문자열 생성 let len = str.length; // 문자열 프로퍼티인 length 사용 위의 에서 생성한 문자열 리터럴..

점점 느슨해지는 마음과 중요한 건 꺾이지 않는 의지! 라는 두 자아가 부딪히는 우당탕탕 4월 회고록 Get it! 회사생활 뭐 했지?... 딱히 회사가 많이 바쁜 게 없었던 4월이었던 터라 새로 맡은 프로젝트는 없었다. 거의 대부분 클라이언트 쪽에서의 CRUD 요청으로 유지/보수만 있었던 4월이었다. 딱히 특별할 건 없었으나, 팀장님 왈 "지금 당장은 아닌데 Kotlin 공부 틈틈이 해놔~ Docker 구조도 알아놓고!" 이제 좀 node.js 적응하려는데 Kotlin과 Docker를?! 지금 당장은 아닌데라고 말씀하셔 놓고, node를 한 달 만에 맡기신 팀장님의 말씀을 미루어보아, 조만간 코틀린으로 프로젝트를 시작하거나 리팩토링을 할 것 같다.. 회사 아니어도 할 게 많은데!!!!!!!!는 핑계겠지?..

객체의 전반적인 기본 개념을 보시려면 "객체(1)" ← ← 포스팅을 참고해 주세요!! 상속(inheritance) 새로운 클래스에서 기존 클래스의 모든 프로퍼티와 메서드를 사용할 수 있는 것 상속을 통해 새로운 프로그램의 요구에 맞게 기존 클래스를 수정하여 재사용 가능 클래스 간의 종속 관계를 형성함으로써 객체의 관계를 조직화 가능 자바스크립트는 프로토타입 기반(prototype-based)의 객체 지향 언어 자바스크립트에서는 현재 존재하고 있는 객체를 프로토타입으로 사용하여, 해당 객체를 복제하여 재사용하는 것을 상속이라고 함. 프로토타입(prototype) 자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있음 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메서드를 상속 ..

객체(Object) 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 "모든 것"!! 원시 값(String, Number, boolean, Symbol, bigint, null, undefined)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체 자바스크립트의 객체는 키(key)와 값(value)으로 구성된 프로퍼티들의 집합 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용 가능 자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 “프로토타입”이라고 불리는 객체의 프로퍼티와 메서드를 상속 가능!! 프로퍼티(Property) 프로퍼티 키 : 빈 문자열을 포함하는 모든 문자열 또는 symbol 값 프로퍼티 값 : 모든 값 객체는 프로퍼티의..

함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능 함수도 하나의 데이터 타입 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의 가능 function addNum(x, y) { return x + y; } document.write(addNum(2, 3)); 함수의 정의 function 키워드로 시작 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter) 중괄호({})로 둘러싸인 자바스크립트 실행문 함수 이름(function name)은 함수를 구분하는 식별자(identifier) 매개변수(parameter..

배열(array) 이름과 인덱스로 참조되는 정렬된 값의 집합 배열을 구성하는 각각의 값을 배열 요소(element), 배열에서의 위치를 가리키는 숫자를 인덱스(index) 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있음 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있음 자바스크립트에서 배열은 Array 객체 var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 var arr = new Array(배열요소1, 배열요소2,...); // new 연산자를 이용한 Arr..

반복문(iteration statements) 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 while 문 특정 조건을 충족할 때까지 계속해서 주어진 실행문을 반복 실행 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하려는 실행문; } while 문은 우선 표현식이 참(true)인지를 판단하여 참이면 내부의 실행문을 실행 내부의 실행문을 전부 실행하고 나면, 다시 표현식으로 돌아와 또 한 번 표현식이 참인지를 판단 루프(loop) : 표현식의 검사를 통해 반복해서 실행되는 반복문 while 문 내부에 표현식의 결과를 변경하는 실행문이 존재하지 않을 경우 프로그램은..

제어문(control flow statements) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문, 제어문에는 조건문, 반복문 등이 포함 조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문 if 문 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않음 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } var x = 10, y = 20; if (x == y) { document.write("x와 y는 같다."); } if (x y) // 실행될 실행문이..

문제출처 : https://school.programmers.co.kr/learn/courses/30/lessons/68645 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr [문제 설명] 정수 n이 매개변수로 주어집니다. 다음 그림과 같이 밑변의 길이와 높이가 n인 삼각형에서 맨 위 꼭짓점부터 반시계 방향으로 달팽이 채우기를 진행한 후, 첫 행부터 마지막 행까지 모두 순서대로 합친 새로운 배열을 return 하도록 solution 함수를 완성해 주세요. [제한사항] n은 1 이상 1,000 이하입니다. [입출력 예] n result 4 [1, 2, 9, ..