본문 바로가기

전체 글100

[JavaScript] Object['key']와 Object.key의 차이 오늘 공부했던 내용이 자고 일어나면 까먹을 것 같아서 블로그에라도 남겨둔다. Javascript에서 객체의 속성에 접근하는 방법으로 '[ ]'와 '.', 총 두 가지가 존재한다. let a = { age : 20, name : "홍길동" }; console.log(`a['age'] : ${a['age']}`); console.log(`a.age : ${a.age}`); 그 중 '[ ]'를 사용하는 방법은 while, for문과 같은 반복문에서 주로 활용된다. 아래의 예제를 통해 반복문에서 '.', '[ ]'를 활용해 객체에 접근했을 때의 차이점을 확인해보자. //예제 let Person = { age : 20, name : "홍길동", isMarried : false }; console.log("Pers.. 2023. 7. 6.
[Javascript] 함수 (Function) 목차 0. 개요 1. 함수의 정의 2. 함수의 선언 및 사용 3. 지역 변수와 전역 변수 4. return 문 0. 개요 //제시된 값들로 사칙연 b){ return 'a > b'; } if (a b' NumberCompare(5, 6); //'a < b' NumberCompare(7, 7); //'a == b' //return 문 예제 2 //return 문의 값, 표현식을 명시하지 않았을 경우 function print(){ return; } print(); print 함수의 return 문의 표현식을 명시하지 않았기 때문에 print 함수를 실행하면 'undefined'라는.. 2023. 6. 22.
[Javascript] 조건문 0. 조건문 개요 1. if 문 / else 문 / else if 문 ① if 문 ② else 문 ③ else if 문 2. switch 문 3. 조건부 연산자 4. Reference 0. 조건문 개요 조건문이란 조건을 판별하는 제어문으로 주어진 조건식의 달성 여부, 조건식의 결과가 참이냐 거짓이냐에 따라 코드의 실행 여부를 결정하는 제어문을 말한다. 자바 스크립트에서 사용되는 조건문으로는 if, else, else if, switch 문 네 가지가 존재한다. 다만 else와 else if문은 if문 없이 단독으로 사용할 수 없는 조건문이기 때문에 이 두 개의 조건문은 if문과 같이 묶어서 다루도록 하겠다. 1. if 문 / else 문 / else if 문 ① if 문 조건식의 결과가 참(true) 일.. 2023. 6. 12.
[Javascript] 연산자 연산자 ① 산술 연산자 ② 증감 연산자 ③ 대입 연산자 ④ 비교 연산자 ⑤ 논리 연산자 연산자 프로그래밍에서 '+', '-'와 같은 사칙 연산이나, '>', ' 2023. 6. 12.
[Javascript] 자료형과 형변환 목차 1. 자료형 (Data Type) ① Number (숫자형) ② String (문자형) ③ Boolean (논리형) ④ null / undefined 2. 형변환 (Type Casting) ① 묵시적 형변환 ② 명시적 형변환 0. 개요 let num = 20; console.log(typeof num); //"number" num = "Hello"; console.log(typeof num); //"string" //typeof 연산자는 피연산자의 자료형을 나타내는 문자열을 return하는 연산자이다. //처음에 변수 num의 자료형이 number, 숫자형으로 나왔고 //이후 num의 값을 "Hello"로 바꿨더니 해당 변수의 자료형이 string, 문자형으로 //변경된 것을 확인할 수 있다. 상단.. 2023. 6. 4.
[Javascript] 변수, 상수 1. 변수 (Variable) 프로그래밍에서 변수란 "값이나 데이터를 담을 수 있는 공간"을 말한다. 변수는 사용자의 이름이나 나이, 주소 등의 정보를 저장하기 위한 목적으로 사용되며 변수에는 하나의 값만 저장할 수 있지만 대신 저장한 값을 바꾸는 것이 가능하다. (변수에 저장된 값을 바꾼다면 이전에 저장해둔 값은 사라진다.) 자바 스크립트에서 변수를 선언할 때 사용하는 키워드로는 var과 let이 존재한다. 단, var은 현재로써는 잘 사용되지 않는 변수 선언 방식이기 때문에 대부분 let 키워드를 통해서 변수를 선언한다. (나중에 var로 변수를 선언하는 방식이 잘 사용되지 않는 이유를 정리해서 올려보도록 하겠다.) //변수의 선언과 저장한 값 변경 let Sample = 15; console.log.. 2023. 5. 26.
MySQL Query 문 정리 1. Database ① DB 생성 CREATE DATABASE (DB이름); #(DB이름)이라는 데이터베이스를 하나 생성한다. ② 전체 DB 조회 SHOW DATABASES; #전체 데이터베이스를 조회한다. ③ DB 사용 USE (DB명); #(DB명)이라는 데이터베이스를 사용, 선택한다. ④ DB 삭제 DROP DATABASE (DB명); #(DB명)이라는 이름의 데이터베이스를 삭제한다. #해당 DB가 없으면 에러 발생함. DROP DATABASE IF EXISTS (DB명); #IF EXISTS 절을 통해 삭제하려는 DB가 존재하지 않을 때 #발생하는 에러를 방지할 수 있다. #Exist => 존재하다, 실존하다 2. Table ① Table 생성 CREATE TABLE article (id INT.. 2023. 5. 20.
[Javascript] 자바 스크립트 개요 1. 자바 스크립트란? ① 자바스크립트의 정의 Javascript, 자바 스크립트란 1995년 Netscape 사의 Brendan Eich에 의해 만들어진 프로그래밍 언어이다. HTML이 웹 페이지의 뼈대를 만들고, CSS로 이를 꾸며준다고 하면 Javascript는 이렇게 만든 웹 페이지에 동적인 기능, Interaction을 부여해주는 언어이다. 자바 스크립트는 객체 기반의 스크립트 언어로, 해당 언어로 작성한 프로그램, 소스코드를 '스크립트(Script)'라고 부른다. Javascript는 그 이름 상 다른 프로그래밍 언어인 Java와 같거나 혹은 비슷한 언어라고 착각할 수도 있다. 그렇지만 이 둘은 전혀 다른 언어이다. 이 두 언어 간의 관계를 비유해보자면 "사자 != 바다사자"의 관계를 생각해보.. 2023. 5. 19.
[HTML] <form> 태그 0. 개요 1. 태그의 정의 2. 태그의 속성 ① name 속성 ② target 속성 ③ action 속성 ④ method 속성 (1). GET 방식 (2). POST 방식 3. 4. 마치며 0. 개요 위의 이미지는 통계에 따른 HTML 각 태그의 사용률 순위를 나타낸 이미지이다. 이번 게시글에서 다루는 것은 현재 57.3%의 사용률을 가진 태그에 관한 것이다. 요소의 예제에 , 와 같은 입력 요소를 같이 사용했기 때문에 해당 태그에 대해 잘 모르겠다면 하단의 링크를 참고하길 바란다. (, , 세 가지의 입력 요소에 대해 정리해 둔 게시글이다.) 내용적으로도 이전 게시글에서 다룬 입력 요소와 연관됐기 때문에 어느 정도 도움은 될 것이라고 생각한다. HTML 삽입 미리보기할 수 없는 소스 1. 태그의 정의.. 2023. 5. 14.

티스토리툴바