profile
나무아래에 앉아, 코딩하는 개발자가 되고 싶은 박철현 블로그입니다.

[TS] 타입 단언보다는 타입 선언을 사용하기 #TIL

타입 스크립트에서 타입을 부여하는 방법은 두가지입니다.1\. 타입 선언(:)2\. 타입 단언 (as)두가지 방식을 적절하게 이용하는 것이 중요합니다.예)위의 예시에서 타입 단언은 타입체커에게 오류를 무시하라는 것과 같습니다. 이는 올바른 동작이 아닙니다. 그러므로 타입

2022년 1월 9일
·
0개의 댓글

[TS] 타입 공간과 값 공간 심벌 구분하기 #TIL

위 예제는 에러가 나지 않는다. 왜냐면두 Cylinder는 다르다. 위의 Cylinder는 타입으로 쓰였고, 아래 const Cylinder는 값으로 쓰였다.=>타입스크립트에서 값 공간과 타입 공간이 다르다.예시)일반적으로 :는 타입을 나타내고 =는 값을 나타낸다.이러

2022년 1월 7일
·
0개의 댓글

[React] React 컴포넌트 생성방식 #TIL

React.Component를 상속하여 정의합니다.function과 arrow function을 이용한 두가지 방식이 존재합니다.function 방식arrow function 방식위의 방식으로 element를 생성합니다.하지만 복잡한 컴포넌트는 생성하는데 어려움이 큽니

2021년 12월 26일
·
0개의 댓글

[linux] rm 명령어 정리

리눅스의 제거 명령어\*(asterisk): asterisk는 모든 부분을 지칭r(recursive): 재귀는 디렉토리를 지칭f(force): 강제로 수행함파일 삭제rm file1.txt해당 확장자로 끝나는 모든 파일 삭제rm \*.txt모든 파일 삭제rm \*폴더 삭

2021년 12월 22일
·
0개의 댓글

[Error] nvm 사용 후, npm global이 꼬임

터미널에서 사용하는 npm 명령어는 시스템 node의 binary를 사용하고 있었고 실제 node binary는 nvm의 것을 사용하고 있어서 npm 글로벌 패키지에 의해 글로벌 패키지가 제어되지 않는 문제가 있었다.which npm 과 which node의 위치가 달

2021년 12월 22일
·
0개의 댓글

[JS] 프로퍼티 어트리뷰트

\[\[]]를 통해 내부 슬롯과 내부 메서드를 표현한다.이 내부 슬롯과 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되어 자바스크립트 엔진에서 실제로 동작하지만 직접적으로 개발자가 접근할 수 없다.단 \[\[ProtoType]] 과 같은 내부 슬롯은 \_\

2021년 9월 7일
·
0개의 댓글

[JS] 함수

일련의 과정을 문으로 구현하고 코드 블럭으로 감싸서 하나의 실행 단위로 정의한 것함수의 선언함수 호출반복되는 코드를 재사용할 수 있도록 하여 편의성을 높이고 코드의 신뢰성을 높인다.자바스크립트에서 함수는 객체다.일반객체와 다른점은 함수는 호출할 수 있다는 것이다.함수를

2021년 9월 2일
·
0개의 댓글

[JS] 원시 값과 객체의 비교

크게 primitive type과 object type으로 나뉜다. 둘은 3가지 측면에서 다르다.원시값은 immutable value이다. 객체값은 mutable value이다.원시 값을 변수에 할당하면 변수에는 실제 값이 저장되고 객체를 변수에 할당하면 변수에는 참조

2021년 8월 23일
·
0개의 댓글

[NGXS] Composition과 Error Handling

상속개념을 이용하여, 여러 store들을 구성할 수 있다.NGXS에서는 액션이 에러를 던진다면, Angular의 기본 ErrorHandler 를 사용한다. ErrorHandler를 오버라이드하여 사용한다.위와 같은 상황에서RxJS에서 에러가 throw되면 자동적으로 s

2021년 8월 2일
·
0개의 댓글

[Dart] Iterable Collections

컬렉션은 객체들의 그룹을 나타내는 객체이다.일반적인 collection 타입은 List, Set, Map이다.List: 인덱스로 요소를 읽는 컬렉션Set: 유니크한 요소를 갖는 컬렉션Map: 키를 사용해서 요소를 읽는 컬렉션순차적으로 접근할 수 있는 요소의 컬렉션다트에

2021년 8월 1일
·
0개의 댓글

[Dart] Language Cheatsheet 정리

Dart는 interpolation은 $ 을 이용한다.예제stringfy(2, 3) 함수는 '2 3'을 리턴한다.null일 수 있는 변수는 ? 를 통해 선언한다.예제nullable String 타입의 변수 name에 'Jane'을 선언nullabe String 타입 변

2021년 7월 31일
·
0개의 댓글

[NGXS] Action Handler, Action Life Cycle

NGXS의 모든 Action은 4가지 상태로 존재한다.DISPATCHED, ERRORED, CANCLEED, SUCCESSFULAction들은 내부스트림으로 ActionContext라는 객체를 방출하는데,해당 객체는 아래와 같은 구조로 되어 있다.위의 액션이 성공한다면

2021년 7월 28일
·
0개의 댓글

[NGXS] Selector

global state에서 state의 일부분을 선택할 수 있는 function이다. 데이터를 읽고 검색하기 위해 select를 사용한다.NGXS에서는 state를 select하는데 두가지 방법이 있다.\*\*Store 서비스에 있는 select 메소드 이용하기\*\*

2021년 7월 20일
·
0개의 댓글

[NGXS] State

State를 정의한 클래스state 데코레이터로 정의하고, Injectable 데코레이터로 의존성 주입을 한다.name : 전체 어플리케이션에서 해당 이름은 유니크 해야한다. (식별자)defaults : 이 상태의 기본 값(object, array)를 설정한다.chil

2021년 7월 14일
·
0개의 댓글

Open graph 태그

어떠한 사이트를 SNS로 공유 혹은 URL을 복사하여 전송할 때, 해당 사이트를 들어가기 전, 최적화된 데이터를 보여줄 수 있도록 하는 HTML 메타태그이다.op:title 컨텐츠의 타이틀op:url 웹 페이지의 urlog:type 웹 페이지의 타입 (blog, web

2021년 7월 11일
·
0개의 댓글

[NGXS] Actions

어떤 일들의 트리거일 수도 있고, 이미 발생한 이벤트의 결과일 수도 있다.type 프로퍼티를 가지고 있다.@@INT - store가 초기화 되었을 때. ngxsOnInit 전에 발생@@UPDATE_STATE - store에 추가된 새로운 lazy-loaded state

2021년 7월 5일
·
0개의 댓글

[NGXS] Store

Store Store는 Actions을 dispatch를 듣고, Global State에서 데이터를 select 할 방법을 제공하는 Global State Manager이다 Actions 만들기 Actions을 dispatch하기 store을 사용할 compon

2021년 7월 4일
·
0개의 댓글

[JS] this

JS에서 this는 정적으로 할당 되지 않고, 동적으로 할당된다. 이 말을 쉽게 해석하자면 this가 선언되었을 때가 아닌, 호출되었을 때 결정된다는 의미이다.예)일반적으로 일반 함수에서 this는 전역 객체(window)를 가르킨다.모든 내부함수(함수속에 함수, 메소

2021년 4월 25일
·
1개의 댓글

[Dart] 다트 맛보기

Dart 언어의 큰 특징 6가지main() 함수로 시작한다.변수는 어디서든지 선언할 수 있다.모든 변수가 객체(Object)이다. 즉, Object 클래스를 상속받는다.강타입 언어이지만, dynamic타입을 이용하여 여러 타입을 허용할 수 있다. (typescript의

2021년 3월 22일
·
0개의 댓글
post-thumbnail

[Flutter] Constraints 이해하기

이 글은 플러터의 공식 docs를 참고하여 작성하였습니다. https://flutter.dev/docs/development/ui/layout/constraints어떤 위젯은 width: 100의 값이 적용되지 않는 모습을 볼 수 있습니다. 이 문제의 일반적인

2021년 3월 21일
·
0개의 댓글