kankan Story

querySelector()DOM 요소를 선택할 때 사용되는 메서드[output] [output]input 박스 입력된 값 id에 접근할 때 : #idclass에 접근할 때 : .class

Date()날짜 객체 사용법현재 시간 확인[output] 특정 날짜 확인 [output] 디데이 확인(두 날짜 사이 시간 체크)  [output]두 날짜 사이 시간을 초(ms) 단위로 나타남> 디데이 카운트되게 변경 필요 남은 디데이 출력 [output]  백틱(`) 사용법에 대해서 알고 싶다면?🔻🔻🔻🔻🔻https://kankan113.tistory.com/entry/JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4-%EB%B0%B1%ED%8B%B1-%EC%82%AC%EC%9A%A9%EB%B2%95

함수개발자가 직접 만드는 기능함수 작성 방법함수 선언식함수 표현식화살표 함수 function fnTest(color) {    alert("가장 좋아하는 색은 " + color); }const fnTest = function (color) {    alert("가장 좋아하는 색은 " + color); }const fnTest = (color) => {    alert("가장 좋아하는 색은 " + color); }> 작성 방법은 달라도, 실행 방법은 동일  내장 함수 : 자주 사용하는 함수를 자바스크립트에 내장하여 편리하게 사용시간 지연 함수시간 반복 함수setTimeout(func, time)setInterval(func, time)> 시간은 ms 단위로 입력 (1초 = 1000ms) ex) 1초마다 시..

템플릿 리터럴(Template Literal)ES6부터 도입된 문자열 표기법으로 큰따옴표(") 아닌 백틱(`)을 사용하여 표기 가능 백틱(`)- 표기 : 작은따옴표(') 아님 주의. 숫자 1 키 왼쪽에 있는 물결 key 누르면 나오는 문자 문자열 개행- 큰따옴표를 사용했을 때는 개행문자(\n)를 사용했지만- 백틱을 사용하면 개행문자없이 엔터키로 개행 가능 문자열 연결- 큰따옴표를 사용할 때는 + 연산자를 사용해서 문자를 연결했지만- 백틱을 사용하면  ${} 달러기호 안에 변수나 표현식을 넣어  `` 안에서 한 번에 문자를 연결 가능 ex) 큰 따옴표 사용 시[output] ex) 백틱 사용 시[output]

산술연산자 종류더하기(+)빼기(-)곱하기(*)나누기(/)나머지(%)ex) 10+1 = 1110+'1' = '101'10+'원' = '10원'⭐ 데이터 타입에 따라 결과 값이 달라지니 주의해서 사용하기 ⭐  비교연산자>>====!==엄격한 동치 연산자 (===)느슨한 동치 연산자 (==)1 === "1" 1 == "1"falsetrue데이터 타입과 값 모두 같아야 true값만 같으면 true  논리연산자&& (and)|| (or)! (not)양쪽 모두 true 일 때 true하나만 true면 trueBoolean 반전시킴(true) && (true)(true) || (false)!falsetruetruetrue

String- 문자형ex) "color" Number- 숫자형ex) 1234 Boolean- 진리값- true / false  Object- 객체- {} Null- null undefined- undefined- 정의되지 않은 값, null과는 다름

키(key)와 값(value)으로 구성된 프로퍼티(Property)중괄호({})안에 데이터를 넣고, 쉼표(,)로 각 데이터를 구분  객체(Object) 선언 객체에 담긴 값 호출1. 변수명.keyprofile.name => "김개발" 2. 변수명["key"]profile.["addr"] => "서울시 강남구" 배열에 담긴 객체 ex)profiles[1].name => "이기획"profiles[0].age => 30

대괄호([ ])안에 데이터를 넣고, 쉼표(,)로 데이터를 구분 ex) let color1 = "red"let color2 = "black"let color3 = "green" let colorArr = [ "red" , "black" , "green" ] 빈배열let array = []숫자배열let numArr = [10, 55, 12, 99, 2]문자배열let strArr = ["자바", "코딩", "배열"]  배열의 인덱스는 0 부터 시작, 배열의 길이는 1부터 카운트 ex)let colorArr = [ "red" , "black" , "green" ]colorArrredblackgreenindex012length123 배열의 기능let color = ["red", "black", "green"]결과..

변수 : 여러 가지 값으로 변할 수 있는 수상수 : 변하지 않는 일정한 값의 수 변수 선언 및 할당 1. 선언let [변수명] ex) let age; 2. 할당 let [변수명] = [데이터]ex) let age = 26; 변수 선언자 varletconst이름 중복OXX데이터 수정OOX ex)let color = "Red"let color = "Black" (X) 변수명 중복 불가color = "Black" (O) 데이터 변경 가능 const color = "Red"const color = "Black" (X) 변수명 중복 불가 color = "Black" (X) 데이터 변경 불가능

1.컬럼 추가ALTER TABLE [테이블명] ADD COLUMN [컬럼명] [데이터타입] [NULL 허용 여부];  2.컬럼 변경ALTER TABLE [테이블명] RENAME COLUMN [기존컬럼명] to [새컬럼명]; -- 컬럼명 변경ALTER TABLE [테이블명] ALTER COLUMN [컬럼명] TYPE [데이터타입]; -- 컬럼타입 변경  3.컬럼 NOT NULL 추가/제거ALTER TABLE [테이블명]  ALTER COLUMN [컬럼명] SET NOT NULL; -- 추가ALTER TABLE [테이블명]  ALTER COLUMN [컬럼명] DROP NOT NULL; -- 제거  4.컬럼 삭제ALTER TABLE [테이블명] DROP COLUMN [컬럼명];