Category: Front-end

2019
0
Front-endTypeScript

Optional Property(선택적 프로퍼티)

사용 시기 인터페이스의 프로퍼티는 반드시 구현해야 하는데,이 프로퍼티가 선택적으로 필요한 경우가 있을 수 있다. 사용 방법 Optional Property(선택적 프로퍼티)는 프로퍼티명 뒤에 ?를 붙인다. 함수를 호출할 때 생략 가능한 프로퍼티를 의미한다. ? 가 붙은 프로퍼티는 넣어도 안 넣어도 함수의 호출에 문제가 없다. 사용시 좋은 점 함수 내부에

0
Front-endJavaScript

JavaScript- null VS falsy 예외 처리

null에 대한 예외 처리 null에 대해서만 예외 처리를 한다. 123if (event.target.value == null) { return;} falsy에 대한 예외 처리 undefined, 빈문자열(''), 숫자 0등 falsy에 다 예외처리한다. 123if (!event.target.value) {

0
Front-endAngular

Data Binding

처음 Angular를 접했을 때, 단방향 바인딩인 React와는 다르게 Angular는 데이터 바인딩이 단방향과 양방향을 지원하고 있어색다른 면을 느꼈다. Angular에서 제공하는 데이터 바인딩에 대해 알아보자.아래의 표는 이웅모님의 Angular Essentials의 데이터 바인딩에 대한 표 정리한 내용이다. Data Binding Data

0
Front-endCSS

Void elements do not have end tags "hr"

에러 메시지12Error: Template parse errors:Void elements do not have end tags "hr" 문제 원인 hr태그는 여는 태그만 존재하는데,열고 닫는 태그를 각각 써줬기 때문에 에러가 발생했다. 해결 방법12<hr /><!-- <hr></hr>는 잘못된

0
Front-endCSS

가로줄 넣기(hr태그)

hr 태그는 기본적으로 border값이 매겨져 있으므로초기화를 먼저 해준다. 1border: 0; width: 수평선의 크기(가로 길이) 비율(%) | 숫자값(px) height : 수평선의 굵기 text-align: 선의 위치 left | center | right(default: center) background-color 또는 backgr

0
Front-endJavaScript

Unexpected closing tag

에러 메시지12345ERROR Error: Uncaught (in promise): Error: Template parse errors:Unexpected closing tag "form".It may happen when the tag has already been closed by another tag.For more info seeh

0
Front-endJavaScript

덧셈 연산과 문자열 변환

덧셈 연산과 문자열 변환 과정에서 무의식적으로 코딩하다가 일어난 이슈와 그 해결 방법에 대해 정리하고자 한다. Number 타입의 값들을 이어 붙여서 문자열로 변환하고자 했다. 123const yyyy = 2019;const mm = 04;const dd = 15; yyyy, mm, dd 각 변수에는 Number 타입의 값이 각각 들어있다. 이 값

0
Front-endJavaScript

참조 (Reference)

참조 (Reference) JavaScript에는 모두 일곱 가지의 타입이 존재한다. 원시 타입(primitive type) Boolean Null Undefined Number String Symbol 참조 타입(reference type) Object 참조란? 여기에서 참조(reference)란, 객체가 컴퓨터 메모리 상에서 어디에 저장되