본문 바로가기

javascript&jquery16

<JS> 자바스크립트 연산자 자바스크립트의 연산자(Operators)는 하나 이상의 피연산자를 대상으로 각종 연산을 수행하여 값을 발행하는 주체를 의미한다.연산자의 종류는 산술, 대입, 논리, 비교 연산자 등이 존재한다. 1. 산술연산자 : 피연산자를 대상으로 수학적 계산을 통해 새로운 값을 반환하는 연산자1) 단항연산자 : 단일 피연산자를 산술 연산하여 값을 반환 ex) 증가와 감소let num = 1;num++; console.log(num); //2num--;console.log(num); //11-2) 연산자의 위치에 따른 값의 차이let position = 1; console.log(position); //1position = num++; //저장이 먼저 실행된 후 증가 또는 감소 실행console.log(position,.. 2024. 6. 24.
<JS> 자바스크립트 데이터타입 자바스크립트에서 사용하는 데이터 타입은 여섯개의 Primitive Type(기본형)과 한개의 Object Type(객체형)으로 나뉜다.1. Primitive Typenumber정수 혹은 실수100, 28.5string문자 혹은 문자열'선영', "박선영"boolean참 혹은 거짓true, false undefined 데이터 값이 정해지지 않음undefinednull객체 값이 없음 nullsymbol심볼 // 1. number(숫자) const age = 20; const year = 2024; console.log(age); //20 console.log(year); //2024 console.log(typeof age); //number // 2. String(문자열) const name = "선영"; .. 2024. 6. 22.
<JS> 변수선언과 호이스팅 javascript의 변수(Variable) 선언 1) var : 동일한 변수명으로 재선언, 재정의가 가능- 함수안에서 선언 시 지역변수 / 그 외 전역변수로 인지2) let : 동일한 변수명으로 재선언불가/선언 후 변수명으로만 재정의 가능- { },( ), 함수 안에서 선언 시 지역변수로 정의/지역변수와 전역변수의 구분 필요3) const : 동일한 변수명으로 재선언, 재정의 불가/선언문을 빼고 변수명으로도 재정의 불가- javascript 사용 시 선택자의 선택 노드가 길어서 선택자를 저장하여 활용하게 됨-변하고 싶지 않은 값 설정1. 변수 선언 예시var blog = '속닥속닥코딩';console.log(blog); //속닥속닥코딩let name = '선영';console.log(name); //선.. 2024. 6. 22.
<javascript> 현재 날짜, 시간 출력하기 new Date() javascript에서 현재날짜를 출력하기 위해선 new Date()함수를 사용한다.new Date()를 통해 표준시간값 또는 new Date() 함수 안 임의시간값 설정을 통한 임의시간값 출력이 가능하다.new Date( ) = 표준시간값 new Date('임의 시간값 설정')=임의 시간값 See the Pen &lt;javascript&gt; 날짜설정 new Date() by 박선영 (@iglushje-the-vuer) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스현재날짜 출력 이후 원하는 값을 가져오기 위해 get함수를 이용한다.(설정값 적용시 get이 아닌 set + 형태)getFullYear( )년도getMinutes ( ) 분getMon.. 2024. 4. 30.
<javascript> 2. 배열(array) : concat(), slice(), splice(), push(), pop(), unshift(), shift(), indexOf() 오늘은 앞서 올렸던 자바스크립트 배열에 관한 추가적인 메소드들이다. concat : 배열에 두 개 이상의 요소 결합 또는 다른 배열의 결합 slice : 배열의 특정 범위 요소 선택하여 배열 재생성 splice : 배열의 요소 추가 및 제거 push/pop : 배열의 마지막 위치에 데이터 추가/제거 unshift/shift : 배열의 처음 위치에 데이터 추가/제거 indexOf/lastindexOf : 배열에서 찾는 요소의 인덱스 위치 반환 1. concat( ) : 지정된 배열에 데이터 결합 또는 다른 배열의 결합 - 배열.concat('데이터1','데이터2', ...) 또는 배열.concat(배열1,배열2,...) 등 으로 사용 HTML 삽입 미리보기할 수 없는 소스 2. slice( ) : 배열의 .. 2024. 4. 24.
<javascript> 1. 배열(array) : join(), reverse(),sort(),forEac 자바스크립트에는 배열과 관련된 여러 메소드가 있다. 오늘과 내일은 배열과 관련된 메소드들을 살펴볼까 한다. join : 배열에 저장된 모든 데이터를 문자열로 변환한 후 연결하여 출력 reverse : 배열의 데이터 순서 반대로 정렬 sort : 배열의 데이터 정렬 forEach : 배열을 반복하며 데이터 조회 1. join( ) : 배열의 데이터 연결 시 기본적으로 쉼표(,) 사용 - join('문자 또는 기호')의 형태로 쉼표대신 문자 또는 기호 등의 지정 가능 HTML 삽입 미리보기할 수 없는 소스 2. reverse( ) : 배열의 데이터 순서를 반대로 정렬 HTML 삽입 미리보기할 수 없는 소스 3. sort( ) : 배열의 데이터 정렬 1) 영문자 : 알파벳(대문자-소문자) 2) 한글 : 가나다.. 2024. 4. 23.

티스토리툴바