# tsx
[Nextjs] Binding element 'children' implicitly has an 'any' type
children의 타입을 지정해준다.

(내 기준에서 복잡한) 필터 만들기
현재 이렇게 세 개의 주식 +a가 있습니다. 그리고 타이틀 밑에 보시면 전체/전체/최신순 이라고 적혀있는 필터를 보실 수 있습니다.이 필터를 만들고 있는데, 제가 생각했던 것 보다 꽤나 복잡합니다.일단 필터 하나하나는 제대로 작동합니다.
TypeScript 에서 .ts 와 .tsx 의 차이
회사 코드를 보다가, 갑자기 의문이 생겼다..ts 파일도 존재하고 .tsx의 파일도 존재했다.둘이 차이가 무엇인지 궁금해져서 구글링을 해본 결과, TSX에서는 JSX문법을 사용 할 수 있다.그러면, .ts 에서 jsx문법을 사용하게 되면 어떻게 될까?불가능!!.tsx로

Typescript에 대해서 알아보자
JS는 동적 타입의 인터프리터 언어로 런타임에서 오류를 발견할 수 있다.이에 반해 타입스크립트는 정적 타입의 컴파일 언어이며 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 자바스크립트 코드로 변환된다.코트 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리

[TIL] 8/29
name은 server에서 form handling을 하기 위한 속성이다. GET, POST 요청 등 서버와 통신 시에 name에 설정된 값을 이름으로 갖는 데이터가 전송된다. Mint ChocoChocolateStrawberry예를 들어, 위의 radio 버튼은 각각

Non Null Assertion (Type 'null' is not assignable to type ''.)
DOM 객체를 받아올때나, 변수를 할당할때 null 값일 가능성이 있다..이때 null 값이 아니라고 분기처리를 하는 것이 가장 기본적인 방법이지만, 더 편리한 방법을 찾고 싶다.type annotation 과 함께 사용한다면, null 값일 경우를 고려하라는 오류를

React - TSX에 Custom Attribute 설정 방법 (type '{ }' is not assignable to type {})
DOM은 Document Object Model 의 약자로 Object의 일종이다.따라서 자체적으로 예약되어 있는 attribute 외에도 추가적으로 자기가 원하는 custom attribute를 직접 설정해도 된다. 보통은 위와 같이 data-\* 또는 aria-의