What I studied

자바스크립트에서의 형변환은 두가지로 나뉠 수 있다고 한다. 자동 형변환과 명시적 형변환이 있는데 자동 형변환의 경우 자바스크립트 엔진이 자동으로 데이터 타입을 변환시키는 것이고, 명시적 형변환은 개발자가 의도를 가지고 데이터타입을 변환시키는 것이라고 할 수 있다. 그래서 이를 좀 더 자세히 살펴보고자 한다. 자동 형변환(암시적 형변환) 자바스크립트 엔진이 자동으로 데이터 타입을 변환시키는 것. 즉, 필요에 따라 알아서 변환되는 것을 의미한다. 예시를 하나 살펴보면 앞서 공부한 prompt를 통해 수학점수와 영어점수를 입력받아 합산한 결과에서 /2를 해줄 것이다. const mathScore = prompt('수학 점수를 입력해주세요'); // 100 const englishScore = prompt('영..

리액트를 사용하면 사용할 수록 자바스크립트에 대한 공부는 다시 해야겠다는 생각이 들어 ES6관련 문법과 기본적인 것들을 정리해보려고 한다. 평소에 리액트를 사용하면서도 alert 이외의 것은 사용해본 적이 없었는데 이번에 alert, propmpt, confirm 세가지의 차이를 확실하게 알게 되었다. 입력값을 받는 prompt prompt의 경우에는 이렇게 원하는 값을 입력받을 수 있다. 여기서 promt로 입력받은 입력값은 무조건 문자열! const name = prompt('이름을 입력하세요'); 그뿐만 아니라 default 값을 설정해줄 수도 있는데 아래와 같이 두개의 인자를 넘겨줄 수 있기 때문이다. const date = prompt('예약일을 입력해주세요', '2022-08-'); 확인창을 ..

타입스크립트에서는 함수의 파라미터, 반환, 구조 이렇게 3가지에 타입을 지정할 수 있다. 지금부터 함수의 기본적인 타입 선언에 대해 알아보자. 함수의 기본적인 타입 선언 기본적으로 자바스크립트로 이루어진 함수를 타입스크립트 타입을 부여한 형태로 바꾸는 것은 어렵지 않았다. 아래 예시를 보면 바로 이해할 수 있을텐데 기존 함수의 매개변수와 함수의 반환 값에 타입을 추가한 것이다. function sum(a, b) { return a + b; } function sum(a: number, b: number): number { return a + b; } 함수의 인자 타입스크립트 내에서는 함수의 인자를 모두 필수 값으로 간주하기 때문에 매개변수를 설정하면 그에 따라 매개변수 값을 넘겨주어야한다. 하지만 어떤 ..

타입스크립트는 자바스크립트에 타입이 추가된 자바스크립트의 확장언어이다. 요즘 현업에서 많이 사용할 정도로 인기 있는 언어라고 할 수 있는데 기본 자바스크립트는 일반적인 C언어나 Java처럼 자료형이 존재하지 않아 속성 변경이 쉬우면서 잘못을 인지하는 것이 어렵다는게 특징이다. 그래서 이 문제를 해결하고자 TypeScript가 등장했는데 기본적으로 변수에 타입을 지정해주면서 코드를 추적할 수 있도록 도와준다. 또한 튜토리얼이 잘 정리되어있어 실전프로젝트가 끝나면서 공부를 시작해보고 싶었다. 타입스크립트 기본 타입 타입스크립트에는 Boolean, Number, String, Array, Tuple, Enum, Any, Void, Null, Undefined, Never, Object가 있는데 지금부터 하나하..

더보기 자바스크립트 - 함수 자바스크립트 - 조건문 자바스크립트 - 반복문 1. 자바스크립트 - 함수 자바스크립트 기본함수 (나눗셈의 나머지를 구할 때, 특정 문자열 기준으로 문자열을 나누고 싶을 때) 함수의 기본 생김새 함수 사용의 예시(두 숫자를 입력 받아 곱한 값을 알려주는 함수) 2. 자바스크립트 - 조건문 20보다 작으면 작다고, 크면 크다고 알려주는 함수 if, else if, else 3. 자바스크립트 - 반복문 반복문은 주로 리스트와 함께 쓰이는데 let fruits = ['사과', '바나나', '수박', '딸기', '참외']와 함께 쓰이는 경우는 이렇게 표현할 수 있다. 또한 딕셔너리가 들어간 리스트와 반복문, 조건문을 함께 사용할 경우, 이렇게 표현할 수 있다. 자바스크립트 기초문법 -..

더보기 목차 자바스크립트 - 변수 자바스크립트 - 리스트와 딕셔너리 1. 자바스크립트 - 변수 1. 변수와 기본 연산 알아보기 변수 대입에 있어서 a = 3의 의미는 3이라는 것을 a라는 변수에 넣는다는 의미이다. * 변수 명과 같은 경우에는 first_name 또는 firstName 등처럼 알아보기 쉽게 쓰는 것이 중요하다. 2. 자바스크립트 - 리스트와 딕셔너리 리스트는 순서를 지켜서 가지고 있는 형태라고 할 수 있다. 딕셔너리는 키와 밸류 값의 묶음이라고 할 수 있다.