안경잡이 구루루

(+미완성) 자바스크립트(Java Script) 기초 정리1 본문

프론트 엔드 (front-end)/JAVA SCRIPT

(+미완성) 자바스크립트(Java Script) 기초 정리1

구루루(gururu) 2023. 7. 21. 14:06
반응형

● 자바스크립트(java script)를 사용하기 위한 환경

   1.  

 

● 변수와 상수

let,  const

 


7.20 

반환한다의 의미

typeof  ----> 브라우저는 바로 typeof 사용 가능///  vsc 같은 에디터는 console.log(typeof 대상) 으로 감싸야함 // 위 typeof를 통한 자료형 정리//  typeof의 반환값은 문자열 so typeof를 두번 감싸면 결과적으로 전부 'string'으로 나옴. // consol.olg는 반환하는게 아니기 때문에 undefined가 출력되는

자바스크립트는 정수,실수 구분 x 

  •  undefined, null 도  많은 다른 언어들과 다른 점

null (비어있음, 의도적인 빈 , 뭐가 있어야할 자리이지만 없을떄 )  !=  undifined (정의되지 않음)  임을 주의 

typeof null 의 값이 'object인 것은 명백한 오류 , 그래서 typeof로는 null 확인 안되니 ===으로 맞는지 아닌지 판단


● 자료형과 정적/동적 타입 언어 차이  ---> 정적타입은 자료형을 다 써야하는 귀찮음이 있지만 오류를 바로 걸러냄 , 동적타입은 자료형 일일이 안써서 편하지만 오류 잡기 힘들고 심지어 의도하지 않은 값이지만 오류라고 뜨지 않는 심각한 상황 발생가


문자열( string)

(공통) 줄바꿈이 들어가는 순간 코드가 끝난다고 인식하기 때문에 줄 바꿈시 \n 이용, 그냥 코드 작성할때 가독성을 위해서 줄바꿈 하고 출력엔 그대로 나타나게 하는 경우엔 오직 \(백슬래시) 만 사용

작,큰 따음표 대신 요즘엔 백틱을 이용해 ${}안에 상수,변수, 표현식 등 여러 자료형을을 넣을수 있음

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals 참고


정수형,실수형 따로 존재 X ---> 모두  NUMBER

자료형을 포함하는 연산자와 아닌것 구분 중요 /    NAN의 typeof는 NUMBER /  ==, ===, typeof 로는 NAN 판별 불가능

b. 단항 산술 연산자 별로 구분 주의, 이때 예시통해 반환과 부수효과에 주의


부동소수점 계산시 부정확하게 결과 뒤에 이상한 값이 포함되는 이유 ----> 이진법을 사용하는 컴퓨터도 우리가 사용하는 10진법처럼 모든 숫자를 표현할 수 없다.


and, or의 단축평가를 통해 리소스 절약 /  &&, ||  연산자는 값 자체를 반환. 이때 값이라는건 참인 것들이고 boolen인 True와 실제 값인 것일 땐 실제 값을 반환 . 단축평가에 따른 값 반환과정 주의!!  / 상항연산자 사용법 익히기 --> ㄱ ? ㄴ: ㄷ 에서 ㄱ이 참이면 ㄴ, ㄱ이 거짓이면 ㄷ을 반환  

숫자 0, NaN, 공백없는 '' , Null, Undefiend 을 제외한 모든 것들은 Truthy에 해당함


연산은 왼쪽부터 차례대로 실행후 마지막 것 반환


객체와 배열 간단히 알아봄.  CONST 임에도 기존의 것을 수정하는 것은  가능 그러나 기존것을 다른 배열,객체로 선언하 것은 불가능, 원래 CONST의 기능처럼


원시타입 VS 참조타입---> 참초의 의한 복사는 원시복사와 다르게 주소값 까지 복사하기 때문에 복사 시킬  객체뿐 아니라 기존의 객체에도 복사의 영향을 끼침


블록문, 스코프

후입선출 에시결과를 통해 완벽히 이해하기/ 스택 , 전역변수 ,지역변수 이용


if/else 구문

여러줄을 사용할 경우 블록문 이용/ 조건문의 부분은 소괄호 ()로 둘러쌓아서 표현  /  if 는 참일경우 실행, else는 if 해당이 아닐때의 경우 / else if 는 if, else 사이에 

보다 권장되는 함수 방식을 사용하도록 /  짧은 조건문의 경우 불리언 && || 으로도 가능함 인지


switch

defaul는 case에 해당하지 않는 경우 실행함 / 객체 사용한 방법 이해 /  break를 쓰지 않으면 up-down 형식이라 위에서 부터 쭉 코드를 읽어내려감


for 루프

for( 변수 선언 및 할당(실행순서;1); 종료조건(2); (3) 이후 실행될 코드 (4)){ 종료조건 만족 x로 여전히  반복할 때 마다 실행될 코드(3)}

in, of로 이용한 변수 선언 및 할당(실행순서:1)의 경우 그저 복사에 의한 것으로 원래형태에 변화 x , 그러나 in, of를 쓰지 않은 반복문의 경우  주소까지 복사하는 참조에 의한 변수 선언으로 원래 형태에 변화 o


while, do while

 

반응형