티스토리

나만의 코딩 일지

검색하기

블로그 홈

나만의 코딩 일지

sunnamgung8.tistory.com/m

namgung 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

[Javascript] 변수(Variable)와 상수(Constant) 변수(Variable) 변수는 데이터를 저장할 때 쓰이는 저장소 같은 역할을 하며 그 저장소에 이름을 표현하는 것을 변수라고 한다. let str = "변수 테스트"; let a = 5; 위에 코드를 보게 되면 let 키워드를 사용해 변수를 생성하고 str와 a는 변수에 이름이 된다. 그리고 오른쪽에 있는 데이터가 각각 str와 a 안에 들어가게 되는 원리이다. 변수의 특징 변수는 let 또는 var 키워드를 상용해 변수를 생성한다. 변수의 키워드는 let과 var 두 가지가 있다. 이 두 개의 변수 키워드의 기능은 똑같다. 하지만 var은 오래전에 사용했던 키워드고 최근에는 let 키워드를 많이 사용한다. 변수의 값을 저장할 때는 = 할당 연산자를 사용해 오른쪽에 있는 데이터를 외쪽에 있는 변수에 값을.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] 배열 사용법 배열 메서드 사용법 push('원소') : 배열의 마지막 인덱스의 요소 추가 const fruits = ['apple', 'banana', 'grape', 'plum', 'orange']; fruits.push('strawberry'); console.log(fruits); // 출력결과 : ['apple', 'banana', 'grape', 'plum', 'orange']; pop() : 배열 마지막 인덱스의 요소를 삭제 const fruits = ['apple', 'banana', 'grape', 'plum', 'orange']; console.log(fruits.pop()); // 출력결과 : orange unshift('원소') : 배열의 맨 앞에 위치에 원소를 추가, 새로운 배열의 길이를 리턴 .. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] 반복문, 함수 숫자 0, 빈 문자열 "", null, undefined, NaN은 불린형으로 변환시 모두 false가 된다. 연산자 &&는 ||보다 우선순위가 높다. 자바스크립트에서 || 연산자 특징 가장 왼쪽 피연산자부터 시작해 오른쪽으로 나아가며 피연산자를 평가한다. 각 피연산자를 불린형으로 변환하고 변환 후 그 값이 true이면 연산을 멈추고 해당 피연산자의 변환 전 원래 값을 변환한다. 피연산자 모두를 평가한 후(모든 피연산자가 false로 평가되는 경우)엔 마지막 피연산자를 반환된다. 반환 값은 형 변환을 하지 않은 원래 값이다. null 병합 연산자 ??를 사용하면 피연산자 중 값이 할당된 변수를 빠르게 찾을 수 있다. a ?? b : a가 null도 아니고 undefined도 아니면 a를 반환 그 외의 경.. 공감수 0 댓글수 0 2022. 6. 28.
객체, 배열 자바스크립트 객체 // 객체 생성 1. let foo = new Object; 2. let foo = {}; 3. let foo = { name : 'foo', major : "computer science" }; // 객체 프로퍼티 읽기 alert(foo.name); // foo alert(foo.major); // computer science // 객체 프로퍼티 갱신 foo.major = 'electronics engineering'; // 객체 프로퍼티 동적 생성 foo.age = 30; // 객체 프로퍼티 생성 // 대괄호 표기법을 사용할 경우 foo.['age'] = 30; // 대괄호 안에 반드시 작은따옴표나 큰따옴표가 있어야 한다. alert(foo['age']); // 30 대괄호 표현법.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] synchronous 와 asynchronous 차이 synchronous 와 asynchronous 차이 console.log(1); console.log(2); console.log(3); /* 실행결과 : 1 2 3 */ 자바스크립트에서 console.log를 실행하면 위에서 부터 아래로 순차적으로 실행 실행되는걸 알 수 있다. 즉 이런걸 동기적으로 실행된다라고 한다. 다시 말해 synchronous 라고 부른다. console.log(1); setTimeout(function () { console.log(2) }, 3000); console.log(3); /* 실행결과 : 1 3 2 */ 코드를 살펴보면 setTimeout 함수로 인해 3초후 console.log(2)가 실행 되는걸 알 수 있다. 즉 3이 먼저 실행된후 2가 실행된다. 이렇게 순차.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] async, await async, await async, await는 promise 객체를 좀 더 편하게 사용할 수 있도록 나온 문법이다. async function f(){ await .... } async 문법 async function f(){ return 'async'; } console.log(f()); // 출력결과 -> Promise {: 'async'} async 문법을 사용해서 console에 출력해 보면 Promise 객체로 출력되는 걸 알 수 있다. f().then(console.log); // 출력결과 -> async 즉 Proise 객체와 같이 asyns를 사용하면 then() 함수를 사용할 수 있고 async를 사용한 함수의 return 값이 resolve 값이 된다. await 문법 function.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] alert, prompt, confirm 사용법 alert alert 함수는 메시지가 있는 작은 모달 창이라고 부른다. 즉 arlert 함수를 실행하면 확인 취소 버튼이 있는 창이 뜨게 된다. alert("값을 입력하세요"); prompt 브라우저에서 제공한는 prompt는 두 개의 인수를 받는다. result = prompt(title, [default]); prompt는 인자를 두 개 받는다 앞에 title은 사용자에게 보여줄 문자열이고 뒤에 있는 [default]는 입력창 안에 보여줄 문자열이다. [] : default에 감싸는 대괄호는 선택사항이라는 뜻을 지닌다. result = prompt('숫자를 입력하세요', "1 ~ 100까지 입력"); alert(`당신이 입력한 숫자는 ${result}입니다.`); confirm confirm 함수는 .. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] Promise Promise Promise는 자바스크립트에서 비동기(asynchronous)식 방법을 사용할 때 사용하는 객체이다. Promise 객체는 비동기 작업이 맞이할 미래의 성공 또는 실패와 그 결과값을 나타낸다. (즉 순차적으로 실행했을 때가 아닌 각자 자신에 주어진 동작을 실행했을 때의 결과가 성공 혹은 실패했을 때의 결과값을 나타낸다.) Promise의 3가지 상태 pending( 대기) : 이행하지도, 거부하지도 않은 초기 상태 (대기 상태) fulfiled( 이행) : 연산이 성공적으로 완료된 상태 reject(거부) : 연산이 실패한 상태 new Promise((resolve, reject)=>{ ..... }); Promise 객체를 사용하기 위해서는 new 연산자를 통해 Promise 객체를 선.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] Json(Javascript Object Notation) Json는 {key:value}로 구문된다. 텍스트 기반으로한 언어이다. 보통 서버와 데이터를 주고 받을 때 사용한다. 특정 프로그램과 상관없이 모든 언어에 사용 가능하다. Json은 순수 데이터 포맷이다. 오직 프로퍼티만 담을 수 있고, 메서드는 담을 수 없다. Json은 문자열과 프로퍼티 작석시 큰 따옴표만 작성 가능하다. (작은 따옴표 사용X) Json은 모든 데이터 타입을 취할 수 있다. 배열이나 오브젝트 외에 단일 문자열이나, 숫자 또한 Json형으로 변환이 가능하다. stringify( ) 메서드 , parse() stringfy( ) 메서드는 Json으로 형 변환할 때 사용하는 메서드이다. parse() 메서드는 Json형에서 Obj.. 공감수 0 댓글수 0 2022. 6. 28.
[Javascript] DML구문 DML(Data Manipulation Language) 데이터베이스에 저장된 데이터를 조작하기 위해 사용하는 언어 SELECT(조회), INSERT(삽입), UPDATE(변경), DELETE(삭제) DML 구문이 사용되는 대상은 테이블의 행이다. DML을 사용하기 위해서는 이전에 테이블이 정의(DDL) 되어 있어야 한다. INSERT INTO 테이블 명(속성1, 속성2,..) VALUES('속성1 값', '속성2 값',...); 만약 속성을 지정하지 않을 경우 VALUES에는 모든 속성 값을 지정해 줘야 한다. UPDATE 테이블명 SET 변경할 속성 명 = '변경할 값' WHERE 변경할 위치 속성 = '변경할 위치에 값'; WHERE 조건식을 사용하지 않고 값을 변경할 경우 어디에 값을 변경할지 지.. 공감수 0 댓글수 0 2022. 6. 28.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.