본문 바로가기

Web/JavaScript7

[모던 자바스크립트 Deep Dive] 9~11. 타입 변환, 객체 리터럴, 원시 값 모던 자바스크립트 Deep Dive 09~11장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 9장. 데이터 타입 명시적 타입 변환(타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환시키는 것 암묵적 타입 변환 (타입 강제 변환) : 개발자가 의도 없이 표현식을 평가하는 도중 JS엔진에 의해 암묵적으로 타입이 자동변환 되는 것 이러한 타입 변환은 기존의 원시 값을 직접 변경하는 것이 아닌 새로운 원시 값을 생성하여 단 한 번 사용하고 버림 중요한 것 : 코드가 어떻게 작동되는 것인지 예측하고 이해하면서 사용해야 한다는 것 암묵적 타입 변환 문자열 타입으로 변환 + 연산자 : 피 연산자 중 하나 이상이 문자열 이면 문자열 연결 연산자로 동작 .. 2024. 2. 6.
[모던 자바스크립트 Deep Dive] 6~8. 데이터 타입, 연산자, 제어문 모던 자바스크립트 Deep Dive 06~08장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 6장. 데이터 타입 JS의 데이터타입 종류 원시 타입 객체 타입 숫자 타입 객체 문자열 타입 함수 불리언 타입 배열 undefined 타입 null 타입 심벌(symbol) 타입 하나의 숫자 타입 제공 : 모두 실수로 처리(배정밀도 64비트 부동소수점 형식) 문자열 타입 : 변경 불가능한 값이며 작은 따옴표, 큰 따옴표, 백틱(`)으로 묶어서 사용 템플릿 리터널 : 멀티라인 문자열, 표현식 삽입을 할 때 유용하게 사용(ES6 버전) 표현식의 경우 ${variable} 형식으로 백틱안에 있는 문자열 안에 변수를 넣어서 사용 null 타입 : 변수에 값의.. 2024. 2. 2.
[모던 자바스크립트 Deep Dive] 4~5. 변수, 표현식과 문 모던 자바스크립트 Deep Dive 04~05장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 4장. 변수 변수 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억함 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체 메모리 셀 하나당 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들임 변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름(값의 위치를 가리키는 상징적인 이름) 변수에 값을 저장하는 것을 할당(대입, 저장) 이라 하고, 변수에 저장된 값을 읽어 들이는 것을 참조 라고 함 식별자 변수 이름을 식별자라 하며 어떤 값.. 2024. 2. 1.
[모던 자바스크립트 Deep Dive] 1~3. 자바스크립트란? 모던 자바스크립트 Deep Dive 01~03장 내용 정리 회사에서 사용하는 javascript를 좀 더 깊게 공부하기 위해 기초부터 한번 훝으려고 한다. 01장. 프로그래밍 프로그래밍 : 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 프로그래밍에 앞서 해결해야 할 문제(요구사항)를 명확히 이해한 후 적절한 문제 해결 방안을 정의할 필요가 있음 -> 문제 해결 능력 필요 Computational thinking(컴퓨팅 사고) 컴퓨터의 관점에서 문제를 사고해야하며 논리적, 수학적 사고가 필요하고, 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하며, 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의해야 함 기계어(컴퓨터가 알아듣는 언어)는 사람이 사용하는 언어와 체계가 다르기 때문에 직접 명령을.. 2024. 2. 1.
[Javascript] Async, Callback Javascript - Async, Callback 동기성(Synchronous) - 동시에 일어나는 - 요청과 그 결과가 동시에 일어난다는 약속 - 즉, 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 함 요청과 결과가 한 자리에서 동시에 일어남 A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기성(Asynchronous) - 동시에 일어나지 않는 - 요청과 결과가 동시에 일어나지 않을거라는 약속 실행결과가 오기전에 다른 코드부터 실행할 수 있음. 요청한 그 자리에서 결과가 주어지지 않음 노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다 ※ 동기&비동기 개념 참고 블로그 https://private.tistory.com/24 예제) .. 2022. 1. 27.
[Javascript] Arrow Function Javascript - Arrow Function Arrow Funcion은 코드 길이를 줄일 수 있고 보기 용이하기에 많이 쓰인다. 해당 함수의 기본 활용법에 대해서 알아보자. 기본 function 중괄호{}와 return값이 들어가는 function 함수를 정의했다. Arrow Function funtion의 선언과 중괄호{}, return을 사용하지 않는다. 파라미터가 하나일 경우에는 괄호()를 제거 가능 Arrow Funcion 활용 함수를 간략하게 사용하능 하기에 많은 부분에서 유용하게 쓰이는 기능 Map for문을 사용하지 않고 주어진 배열에 접근하는 방법 기본 map Arrow Function 활용 Filter 특정 조건에 해당하는 부분을 뽑는 기능 ※ Arrow Funtion 정리 Arro.. 2022. 1. 12.
[JavaScript] 사이트모음 [JavaScript] 사이트모음 로딩 이미지: loading.io/ 2020. 11. 29.
반응형