개발지식

이게(this) 뭐야

this this는 무엇일까요? 자바스크립트에서 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달받습니다. 또 this는 함수 호출방식에 따라 this에 바인딩되는 객체가 달라집니다. 문제는 함수는 다양한 방식으로 호출할 수 있습니다. 그 말은 this가 가리키는 것은 호출 방식에 차이가 있다는 것입니다. 예시를 살펴봅시다 일반 함수 내부에서의 this console.log(this); function square(number){ // 일반 함수 내부에서 this는 전역 객체 window를 가리킨다. console.log(this); return number * number; } square(2); 일반 함수 내부에서 this는 기본적으로 전역 객..

[CSS] white-space : pre-wrap //textarea의 내용을 그대로 보여주고 싶을 때

프로젝트를 진행하던 중에 사용자가 글을 작성하고 이를 표현해야 할 경우가 있었다. white-space에 pre속성을 부여하면 이렇게 표현이 된다. 여기에 overflow:scroll 속성을 주어 넘을경우 스크롤로 처리한다. 하지만 좌우 스크롤은 원하지 않고 상하의 스크롤만 적용, div를 넘을경우 다음줄로 넘어갔으면 한다. 이때 사용할 속성이 바로 white-space : pre-wrap 속성이다

함수와 매개변수

JavaScript와 TypeScript의 함수는 일급 객체이다. 일급 객체란 다른객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 일급 객체라고 한다. 일급 객체의 조건으로 다른 함수에 매개변수로 제공할 수 있고, 함수에서 반환, 변수에 할당이 가능한 것이 조건이다. 함수 선언 방법엔 5가지가 있다. 함수 선언식 function world(name){ return 'hello${name}'; } 2. 함수 표현식 let world2 = function(name){ return `hello${name}`; } 3. 화살표 함수 표현식 let world3 = (name)=>{ return `hello${name}`; } 4. 단축형 화살표 함수 표현식 let world4 = name => `he..

Utility types (추가 예정)

타입스크립트는 공통 타입 변환을 용이하게 하기 위해 전역으로 사용 가능한 유틸리티 타입을 제공한다. 종류 Partial, Readonly Record, Pick Omit, Exclude, Extract NonNullabel, Parameters, ConstreuctorParameters ReturnType, Required 일반적으로 많이 사용하는 Utility type Partial 프로퍼티를 선택적으로 만드는 타입을 구성한다. 주어진 타입의 모든 하위 타입 집합을 나타내는 타입을 반환한다. Readonly 프로퍼티를 읽기 전용으로 설정한 타입을 구성한다. Record 프로퍼티의 집합 K로 타입을 구성한다. 타입의 프로퍼티들을 다른 타입에 매핑시키는 데 사용한다. Pick 프로퍼티 K의 집합을 선택해 ..

TypeScript의 Type

타입스크립트는 변수나 함수 등 Type을 정의할 수 있는데, 타입 표기를 사용한다. 타입스크립트의 Type은 기본자료형, 참조 자료형, 추가 제공 자료형 이 있다. 기본 자료형 object와 reference 형태가 아닌 실제 값을 저장하는 자료형, 기본자료형 내장 함수를 사용 가능 → 이는 JS 처리 방식 덕분 종류 string boolean number null undefined symbol (ES6 추가) let str: string = "test"; let isSucceeded: boolean = true; let num: number = 3; let n: null = null; let u: undefined = undefined; 참조 자료형 객체, 배열, 함수 등과 같은 Object형식의 타입..