728x90

문법 9

Map 객체 살펴보기

Map 객체는 key-value로 이루어진 데이터 구조이다. Map에 key-value는 모든 타입에 대해서 사용 가능하다. const map1 = new Map(); map1.set('a', 1); map1.set('b', 2); map1.set(1, 3); console.log(map1.get('a')); // Expected output: 1 console.log(map1.get('b')); // Expected output: 2 console.log(map1.get(1)); // Expected output: 3 Map은 한 객체 내에서 key는 오직 단 하나만 존재해야 한다. ex) { 'a': 1, 'a': 2 } → X Map 객체는 for .. of 구문을 사용하여 내부 요소를 참조할 수 ..

String 객체 살펴보기

String은 다들 알다시피 문자열을 나타내는 객체이다. JavaScript에서 사용하는 String의 주요 내장 메서드는 무엇이 있는지 살펴보자. String - JavaScript | MDN The String object is used to represent and manipulate a sequence of characters. developer.mozilla.org 공식 문서에 나와있는 주요 메서드는 String의 길이를 반환하는 length, String 객체에 뒤에 추가로 붙여주는 +, += 연산자, 부분 문자열 포함 여부 및 그 위치를 알려주는 indexOf(), 부분 문자열을 추출해주는 substring()이 있다. String 인스턴스 생성 방법 const string1 = "A str..

Components와 Props

https://ko.legacy.reactjs.org/docs/components-and-props.html Components와 Props – React A JavaScript library for building user interfaces ko.legacy.reactjs.org Component는 React Element를 생성하기 위해 쓰이는 틀이다. Component를 통해 UI를 재사용 가능한 여러 조각으로 나누고, 각 조각을 사용할 수 있다. (Component 추출) Component는 props라는 속성을 사용하여 다른 엘리먼트를 만들어 낼 수 있다. Component의 종류 Function Component function Welcome(props) { return Hello, {pro..

JSX란?

https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org JSX(JavaScript Xml)이란? → 자바스크립트의 문법을 확장시킨 것, JavaScript + XML / HTML 이다. ex) JSX 코드 const element = Hello, world!; JSX의 역할 JSX는 내부적으로 XML, HTML 코드를 JavaScript로 변환하는 과정을 거치게 된다. JSX → JavaScript로 변환을 도와주는 함수인 React.createElement가 내장되어 있음. // JSX를 사용한 코드 cl..

Array 객체 살펴보기

배열이란 리스트처럼 다수의 값들을 순차적으로 포함하고 있는 하나의 객체이다. 배열 만들기 var shopping = ["bread", "milk", "cheese", "hummus", "noodles"]; 배열은 보통 대괄호를 사용하여 표시를 한다. 또한, JavaScript의 경우, 배열 내부의 한 타입으로만 이루어지는 것이 아닌 다양한 형태의 요소들을 함께 넣을 수 있다. var sequence = [1, 1, 2, 3, 5, 8, 13]; var random = ["tree", 795, [0, 1, 2]]; 배열 내부 요소의 총 개수를 알고 싶은 경우 array.length 를 통해 알 수 있다. ※ 간혹 length()로 헷갈릴 수 있는데 이 부분은 조심하자! var sequence = [1, 1..

일치 연산자(Strict equality operators)

JavaScript에서 값을 비교할 때, 보통 동등 연산자(==, !=)를 사용하여 비교할 두 변수의 값 일치 여부를 판단한다. 이 때, 변수 타입에 상관없이 값만 비교하여 일치 여부를 판단하게 되는데 값 뿐만 아니라 타입 일치 여부도 비교를 하고 싶은 경우에 사용하는 것이 '일치 연산자'이다. let a = 1; let b = '1'; console.log(a == b); // true console.log(a != b); // false console.log(a === b); // false console.log(a !== b); // true

TypeScript 설치를 해보자!

TypeScript를 설치하기 전에 먼저 Node.js 와 Visual Studio Code를 다운로드하자. https://nodejs.org/en/download Node.js — Download Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual St..

[Maria] Cursor 사용하기

Cursor : 쿼리문에 의해서 반환되는 결과값들을 저장하는 메모리 공간 Fetch : 커서에서 원하는 결과값을 추출하는 것 Cursor의 경우 프로시저 내부에서 사용이 가능하다. 선언하는 부분 DECLARE x INT; -- Cursor에 저장된 각 행을 받아서 저장할 변수 DECLARE done INT DEFAULT FALSE; -- done : cursor에 더 이상 조회할 행 존재 여부를 표시해주는 변수이다. DECLARE cur1 CURSOR FOR SELECT i FROM test.c1; -- SELECT i FROM test.c1 로 조회한 행들을 cur1로 선언한 CURSOR에 저장을 한다. DECLARE CONTINUE HANDLER FOR NOT FOUND SET done = TRUE;..

SQL 2024.01.23
728x90