JavaScript/JS 기초 (15) 썸네일형 리스트형 JavaScript 암묵적 타입 변환과 명시적 타입 변환 javascript 타입 변환 javascript의 모든 값엔 타입이 있는데 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 하고, 자바스크립트 엔진이 필요에 의해 타입을 변환하는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다. 암묵적 타입 변환 자바스크립트 엔진이 표현식을 평가할 때 코드의 문맥을 보고 암묵적으로 타입을 강제 변환시켜준다. 문자열 타입 문자열에서 +는 문자열 연결 연산자로 이용된다. 문자열 연결 시 피연산자 중 문자열 타입이 아닌 경우 문자열로 바꿔서 연결시켜준다. //숫자 타입 0 + '1' // '01' -0 + '' // '0' NaN + '' // "NaN" // 불.. JavaScript 값, 리터럴, 표현식, 문 값, 리터럴, 표현식, 문 값 값value은 식(표현식expression)이 평가evaluate되어 생성된 결과를 말한다. 이게 무슨 말인고 하니.. 우리가 javascript에서 변수를 선언하고 데이터를 할당하면 메모리에 저장된다. 이렇게 할당 된 값은 메모리에 2진수(문자 'A'는 0100 0001)로 저장된다. 이렇게 메모리에 저장된 것을 값이라고 부를 수 있다. var expressionValue = 10 + 20; var literalValue = 30;여기서 변수 expressionValue에 할당 된 값, 즉 메모리에 저장 된 값은 10+20이 아닌 10+20을 평가(≒계산)한 30이다. expressionValue와 literalValue 둘 다 값 30이 할당된다. expr.. javascript session접근하기(SessionStorage) 자바스크립트 세션(session) 사용 스크립트 단에서 session을 체크하려면 sessionStorage를 사용하면 된다. 메서드 sessionStroage에서 지원하는 메서드에 대해서 먼저 학습해보자 setItem(key, value) : session에 데이터를 저장한다. getItem(key) : 세션에 key이름으로 저장된 데이터를 가져온다 removeItem(key) : key값을 넣어 session 데이터를 삭제 claer() : session에 저장 된 모든 데이터 삭제 key(number) : 세션의 특정 index의 데이터를 가져온다. 0부터 시작 length : session에 저장 된 데이터의 개수를 가져온다. 사용법 사용법도 어렵지 않다. sessionStorage.setItem.. 브라우저 구조 브라우저의 구성Window는 화면 그 자체고,Document는 우리가 HTML에서 작성한 요소들이 표기되어 지는 부분이다.Navigator는 사용자 눈에는 안보이지만 브라우저 자체와 관련 된 정보가 담긴다 그래서 HTML, CSS, JS를 포함한 웹페이지를 브라우저에서 돌리게 되면! 이런 식으로 되어 있다.Window라는 전체적인 오브젝트가 있다.그 안에 DOM, BOM, JavaScript가 있는데...DOM(Document Object Model)이걸 이용해서 새로운 요소를 추가, 빼거나 움직이는 게 가능해진다.BOM(Browser Object Model)브라우저 관련 된.. Navigator, loaction, fetch, Storage 등.. 브라우저 관련 된 정보가 들어있다.JavaScript우.. WEB APIs란? APIs란?Application Programming interfaces (애플리케이션 프로그래밍 인터페이스)의 약자 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공한다. 예를 들어 생각해보자.만약 내가 어느 정도 투자금을 들여 곳곳에 음료 자판기를 설치하기러 했다고 치자. 나는 물론 자판기가 내부적으로 어떻게 작동하는지 전혀 모른다. 하지만 음료를 채워넣을 수 있고, 가격을 설정해서 사람들이 음료를 사 먹을 수 있게 할 수 있다. 마찬가지로 Windows에서 동작하는 어플리케이션을 만들고 싶은데 Windows가 어떻게 동작하는지 알지 못하더라도 .. Browser 구조 분석 구성 Window는 화면 그 자체고, Document는 우리가 HTML에서 작성한 요소들이 표기되어 지는 부분이다. Navigator는 사용자 눈에는 안보이지만 브라우저 자체와 관련 된 정보가 담긴다 window 오브젝트 console.log(window)를 출력하면 윈도우와 관련 된 다양한 함수와 오브젝트, API를 확인할 수가 있다. 다시 한번 얘기하지만 window는 최고의 Object다! Global Object이다! console.log(this); 출력했을 때도 window와 관련 된 내용이 출력된다. 윈도우 안에 alert라는 API가 있는데... window.alert('hello')라고 쓰지 않아도, 그저 alert('hello')만 써도 작동이 된다. 글로벌 오브젝트이기 때문에 자동적으.. use strict 'use strict' -> 자바스크립트의 경우 빠르게! 간결하게! 만든 언어이기 떄문에 문법오류에 관대한 편이다. 예를 들어 // let a; a = 6; console.log(a); 변수 선언해주지 않고 a = 6 만 해서 console창에 값을 찍어도 에러가 나지 않는다. 그러면 우리가 실수해도 error 난 거 잡기가 쉽지 않겠지? 내용이 더 많이 쌓여서 방대해지면?? 코드 하나하나 다시 뜯어봐야될 수도 있다;; 그 때 엄격하게 규칙을 적용시켜라는 명령이 'use strict'이다. 그래서 꼭 JavaScript시작할 때는 'use strict'를 써주면 좋다. 'use strict'; // let a; a = 6; console.log(a); // => 이렇게 쓰면 console에 error가 .. 이전 1 2 다음
