정말 오랜만에 포스팅한다.
이유는 게으른 것, 3.1절 전날에도 쉬어서 토일월화를 다 쉬어버린것, 포스팅을 안한 수, 목, 금에 웹페이지를 만드느라 따로 공부한 내용은 없었던 것 등이 있다.
웹페이지를 만들긴 만들었는데 너무 못만들었다...ㅠ 공유하기도 힘들 것 같다...ㅜㅜㅜ
개강이라 공부할게 더 많아졌다. 앞으로 더 많은 내용을 포스팅하게 될 것 같다.
오늘부터는 자바스크립트에 대한 공부를 한다.
Javascript
웹브라우저에서 많이 사용하는 인터프리터 방식의 객체지향 프로그래밍언어 이다.
자바스크립트는 EMCA Script 표준을 따르는 대표적인 웹 기술이다.
기본적인 문법
- console.log
웹페이지의 콘솔에 원하는 것을 띄워주는 기능 // 중간에 확인하기 위하여 자주 사용- alert
경고문 띄워주듯이 웹페이지에 들어갈때 뜨는 내용을 만드는 기능- confirm
alert은 '확인'만 뜨는데 비해 confirm은 예 아니오가 뜸- prompt
텍스트를 입력할 수 있는 alert
변수
- var
변수를 선언할 때 사용하는 타입
변수의 범위가 모호하여 코드가 길어지면 불편하다. (괄호 밖을 벗어나도 그냥 사용이 가능하다)- let
변수의 값이 변경 가능한 경우 사용하는 타입
변수에 값이 대입된 후 값을 변경하여 사용하는 경우 사용
괄호 밖을 벗어나면 못씀- const
변수에 값이 한번 들어간 뒤 변경이 불가능한 변수(상수형)
변수에 값이 대입된 후 값을 변경할 수 없음
괄호 밖을 벗어나면 못씀
명명 규칙
1. 영어 대/소문자, 숫자, _, $ 사용가능
2. 첫글자 숫자 사용 불가
3. 공백을 포함한 특수문자 사용 불가
4, 이름에 의미있는 단어 조합 권장
5. 예약어를 이름으로 사용 불가
6. 두 단어 이상 결합 시 카멜표기법 권장
7. 한글 사용 가능
8. 생성자 함수의 이름은 항상 대문자로 시작
8. 변수, 인스턴스, 함수, 메소드 이름은 항상 소문자로 시작
메소드
메소드는 개인적으로 생각할때 자주 사용할 것 같다고 느껴지는 것들을 정리해야겠다.
indexOf(x) : 앞에서부터 매개변수로 준 문자열의 위치를 찾아서 리턴
변수.length : 문자열 길이를 리턴
typeof 변수; : Typeof는 띄어쓰기를해도 찾아준다..! 이 변수의 타입을!
split(","); : 매개변수로 전달한 값을 기준으로 잘라내어 배열형태로 리턴
숫자 타입 메소드
Math.abs(숫자); : 절대값
Math.random(); : 0~1사이의 랜덤 실수
Math.round(num); : 반올림
형변환
자동 형변환
문자열 + 숫자 = 문자열
숫자 + 숫자 = 숫자
문자열(값이 숫자인 경우) + 숫자 = 문자열
문자열(값이 숫자인 경우) (+이외의 산술연산) 숫자 = 숫자
문자열 (+이외의 산술연산) 문자열 = NaN (Not a Number)
수동 형변환
변수 = Number(변수) : 숫자 타입으로 수동 변환
변수 = String(변수) : 문자열 타입으로 수동 변환
연산자
== : 자료형과 관계없이 값이 일치하면 true
=== : 값이 일치하고 타입까지 일치해야 true
배열
자바스크립트의 배열의 특징은 들어가는 값의 자료형이 무관하다는 것 이다.
배열 선언 방법
const 변수명 = [값1,값2,값3]; : 길이가 3인 배열
const 변수명 = new Array(3); : 선언시 배열 길이 지정
const 변수명 = new Array(); : 선언 시 배열 길이를 지정하지 않음 -> 막 더 넣을 수 있음
const 변수명 = new Array(값1,값2,값3) : 선언시 값을 초기화
배열 메소드
contact
const data1 = fruits1.concat(fruits2,testArr1,testArr2); : 배열을 하나로 합쳐서 리턴
contact으로 배열을 합쳐도 원본배열은 영향이 없다.
join
const data2 = fruits1.join(","); :
배열내부의 데이터를 매개변수를 기준으로 구분하여 하나의 문자열로 리턴
sort
testArr1.sort(); : 자동정렬 -> 정렬된 데이터를 리턴X -> 원본배열이 정렬
sort()메소드에 매개변수를 넣지 않으면 정렬기준은 유티코드순
다 정리했다!! 안뇨옹!
