![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 9.1 타입 변환이란? 타입 변환 기존 원시 값을 사용하여 다른 타입의 새로운 원시 값 생성 타입 변환 결과를 예측해야 오류 방지 가능 가독성에 따라 선택 사용 명시적 타입 변환 (타입 캐스팅) 암묵적 타입 변환 (타입 강제 변환) 개발자가 의도적으로 값의 타입 변환 개발자의 의도와 상관없이 자바스크립트 엔진에 의해 암묵적으로 변환 피연산자의 값을 암묵적 타입 변환 새로운 타입의 값을 만듬 => 단 한번 사용하고 버림 개발자의 의지가 코드에서 나타남 개발자의 의지가 코드에서 나타나지 않음 기존 원시값을 직접 변경하지 않음 원시 값 = 변경 불가능한 값(immutable value) 9. 2 암묵적 타입 변환 표현식을 표현할 때 코드의 문맥..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 제어문 조건에 따라 코드 블록을 실행(조건문) 하거나 반복 실행(반복문) 할 때 사용 코드의 실행 흐름 인위적 제어 가능 가독성 저하 8.1 블록문 블록문 (코드 블록, 블록) 0개 이상의 문을 중괄호로 묶은 것 블록문을 하나의 실행 단위로 취급 블록문의 끝에서는 세미 콜론을 붙이지 않음 // 블록문 { var foo = 10; } //제어문 var x = 1; if (x 암묵적 타입 변환\ else if문은 여러번 사용 가능 if (조건식) { // 조건식 1이 참이면 이 코드 블럭 실행 } else if (조건식2) { // 조건식 2가 참이면 이 코드 블럭 실행 } else { // 조건식 1과 2 모두 거짓이면 이 코드 블럭 샐행 ..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 연산자 피연산자 연산자의 대상 값으로 평가 될 수 있는 표현식 피연산자와 연산자의 조합으로 이루어진 연산자 표현식도 값으로 평가 가능한 표현식 연산자 피연산자를 연산하여 새로운 값을 만듬 값으로 평가된 하나 이상의 피연산자를 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행하여 하나의 값을 만듬. 7.1 산술 연산자 산술 연산자 피연산자를 대상으로 수학적 계산을 수행하여 새로운 숫자 값을 만듬 산술 연산이 불가능 할 경우 NaN을 반환 이항 산술 연산자 2개의 피연산자를 산술 연산하여 숫자 값을 만듬 모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과가 없다. => 어떤 산술 연산을 해도 피연산자의 값이 바뀌는 경..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 데이터 타입 값의 종류 자바스크립트의 데이터 타입 구분 데이터 타입 설명 원시타입 숫자 타입 숫자, 정수와 실수 구분 없이 하나의 숫자 타입만 존재 문자열 타입 문자열 불리언 타입 논리적 참(true) 과 거짓(false) undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 타입 객체 타입 객체, 함수, 배열 등 각 타입마다 메모리 크기와 저장되는 2진수, 해석 방식이 다름. 숫자 타입 1과 문자열 타입 1은 다른 값 => 숫자 타입의 값은 산술 연산을 위해 생성 => 문자열 타입의 값은 텍스틀 화면에 출력하기 위..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 5.1 값 값 값 (value) = 표현식(expression)이 평가(evaluate) 되어 생성된 결과 모든 값은 데이터 타입을 가지며 메모리에 비트의 나열로 저장 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석 가능 ex) 0100 0001 : 숫자 해석 = 65 / 문자 해석 = A 평가 식을 해석해서 값을 생성하거나 참조하는 것 var sum = 10 + 20; 변수는 단 하나의 값만을 할당 받음. 변수에는 10 + 20 평가 됌 생성된 숫자 값 : 30 sum의 메모리 공간에 저장된 것은 값인 30 => 10 + 20 은 할당이전에 평가되어 값을 생성 5.2 리터럴 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호로 표..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 4.1 변수란 무엇인가? 왜 필요한가? 자바스크립트 엔진의 계산 기호(리터럴, 연산자) + 표현식의 의미 해석(파싱) => 계산(평가) 피연산자(operand) 메모리를 사용하여 기억. 메모리 = 메모리셀의 집합체 -> 단위 : 1바이트 = 8비트 각 셀은 고유의 메모리 주소를 가짐 메모리 주소 메모리 공간의 위치를 나타냄 0부터 시작해서 메모리의 크기만큼 정수로 표현 메모리에 저장되는 데이터는 데이터의 종류와 상관없이 모두 2진수에 저장 메모리 주소를 통해 값에 직접 접근 불가능 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 그 메모리 공간을 식별하기 위해 붙인 이름 값의 위치를 가리키는 상징적인 이름 개발자의 가독성을 높일 ..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 3.1 자바 스크립트 실행 환경 웹 크롤링 서버에서 웹 사이트의 컨텐츠를 수집하기 위해 HTML 문서를 가져온 다음 가공해서 필요한 데이터만 추출 브라우저 Node.js HTML, CSS, JS 를 실행하여 웹페이지를 브라우저 화면에 렌더링 브라우저 외부에서 자바스크립트 실행 환경을 제공 파일 시스템 미제공 파일 시스템 기본 제공 클라이언트 사이드 Web API 지원 Node.js 고유의 API 지원 ECMAScript 지원 자바스크립트 코어인 ECMAScript 실행 가능 3.2 웹 브라우저 개발자 도구 윈도우 : Ctrl + Shift + I 패널 설명 Elements 로딩된 웹페이지의 DOM, CSS 편집하여 렌더링 된 뷰 확인 가능..
![]()
진료 순서 정하기 문제 설명 외과의사 머쓱이는 응급실에 온 환자의 응급도를 기준으로 진료 순서를 정하려고 합니다. 정수 배열 emergency가 매개변수로 주어질 때 응급도가 높은 순서대로 진료 순서를 정한 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 중복된 원소는 없습니다. 1 ≤ emergency의 길이 ≤ 10 1 ≤ emergency의 원소 ≤ 100 입출력 예 emergency result [3, 76, 24] [3, 1, 2] [1, 2, 3, 4, 5, 6, 7] [7, 6, 5, 4, 3, 2, 1] [30, 10, 23, 6, 100] [2, 4, 3, 5, 1] 입출력 예 설명 입출력 예 #1 emergency가 [3, 76, 24]이므로 응급도의 크기 순서대..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 2.1 자바 스크립트의 탄생 2.2 자바 스크립트의 표준화 크로스 브라우징 이슈 발생 : 브라우저에 따라 웹 페이지가 정상적으로 동작하지 않음 2.3 자바 스크립트 성장의 역사 렌더링 HTML, CSS JS 로 작성된 문서를 해석해서 브라우저에 시각적으로 출력 서버에서 데이터를 HTML 로 변환해서 브라우저에게 전달하는 과정 (SSR) Ajax => jQuery => V8 자바스크립트 엔진 => Node.js => SPA 프레임 워크 2.4. 자바 스크립트와 ECMAScript ECMAScript 자바 스크립트 표준 사양 프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준 빌트인 객체 등 핵심 문법 규정 2.5 자바스크립트의 특징..
![]()
모던 자바 스크립트 Deep Dive 를 읽고 정리한 글 입니다. 1.1 프로그래밍이란? 프로그래밍 컴퓨터에게 실행을 요구하는 커뮤니케이션 정확하고 상세하게 요구사항을 컴퓨터에게 설명하는 작업 => 코드 문제 해결 능력 => 컴퓨팅 사고 컴퓨터와 사람의 사고, 인지의 방식 차이가 있으므로 컴퓨터의 관점에서 생각 해결 과제를 작은 단위로 분해하고 패턴화, 추출. 프로그래밍 내에서 사용될 모든 개념은 평가 가능하도록 정의 1.2 프로그래밍 언어 컴파일러, 인터프리터 프로그래밍 언어를 사용하여 프로그램을 작성한 후 , 컴퓨터가 이해할 수 있는 기계어로 변환하는 번역기 프로그래밍 언어 컴퓨터와 대화에 사용되는 표현수단 사람과 컴퓨터가 이해할 수 있는 약속된 형태의 인공어 구문 + 의미의 조합 프로그래밍 컴퓨터에..
![]()
양꼬치 문제 설명 머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. 제한사항 0
![]()
나이 출력 문제 설명 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 제한사항 0 < age ≤ 120 나이는 태어난 연도에 1살이며 1년마다 1씩 증가합니다. 입출력 예 age result 40 1983 23 2000 입출력 예 설명 입출력 예 #1 2022년 기준 40살이므로 1983년생입니다. 입출력 예 #2 2022년 기준 23살이므로 2000년생입니다. 코드 class Solution { public int solution(int age) { int answer = 0; return answer; } } 풀이 class Solution { public int solut..
