본문 바로가기

typeScript

(5)
React에서 잘못된 랜더링 조건문을 작성하는 경우 React에서 인라인 조건문을 삼항식 대신에, && 연산자를 사용하여 표현하는 경우가 있다. 위의 코드에서 의도 했던 동작은, 리스트의 길이가 0보다 클 때 Count 컴포넌트를 반환하고, 0이면 아무것도 반환하지 않는 것이다. 하지만 실제 실행결과는 리스트의 길이가 0인 경우에, '0' 자체가 랜더링되게 된다. 분명 React에서는 일반적으로 거짓으로 취급되는 몇몇 값들이 반환될 경우에는, 랜더링을 하지 않는다. 그러나 숫자 0은 예외적으로 그대로 랜더링하게 된다. 그렇기 때문에, 위와 같은 코드를 사용해서는 안된다. 위의 코드는 ' > 0 '을 추가하여 의도한 대로 코드가 동작될 수 있도록 하였다. 이처럼 &&연산자를 사용하여 인라인 랜더링 조건문을 작성할 때에는 앞의 조건식이 boolean을 반환하..
[TypeScript] 옵셔널 체이닝(Optional Chaining) 타입스크립트 3.7이 릴리즈 되면서 새롭게 사용할 수 있게 된 문법 중에 하나가 바로 "옵셔널 체이닝(Optional Chaining)"이다. null이나 undefined인 값이 반환되면, 즉시 중단하고 undefined를 반환하는 문법이다. 코드가 즉시 중단 되는 것은 꽤 멋진 것이, 보통의 경우, null이나 undefined에 접근하여 함수를 실행시키는 경우에는 오류가 발생하지만, 이 경우에는 오류 없이 바로 undefined를 반환 한다는 것이다. const apple = garden?.tree.getApple(); 위 코드는 아래와 같다. const apple = (garden === nulll || garden === undefined).tree.getApple(); 위의 코드가 헐씬 간결한..
주식 시세 라이브러리 krx-stock-api 공개 KRX(한국거래소)의 주식 시세 API를 사용하기 쉽게 라이브러리로 만들었습니다. ※ 라이브러리 사용에 따른 책임은 사용자 본인에게 있습니다. https://www.npmjs.com/package/krx-stock-api
자바스크립트로 한국어을 다룰 때 유용한 라이브러리 'korean-js' 소개 korean-js는 한국어를 처리하는 라이브러리를 모으거나 제가 만든 함수들을 합해서 만든 라이브러리입니다. MIT 라이선스로 배포되고 있습니다. 만들게 된 계기는 '코딩이랑 무관합니다만'와 '생활코딩' 중 어떤 페이스북 그룹이었는지 기억이 잘 나지 않으나, 숫자를 한글로 치환하여 표시하는 방법에 대해 글을 본 것이었다. 기존에 매번 복사해서 사용했던 코드가, 날짜랑 시간을 한국어로 표기해주는 함수였다. 예) 2019년 4월 17일 11시 27분 18초 그래서 이런 코드랑 각종 한국어 처리 라이브러리를 모아서 한 개의 라이브러리로 만들면 어떨까 싶었다. 그래서 나온 것이 korean-js다. 코드는 TypeScript를 사용했고, 인터페이스를 정의하여 개발에 도움이 되도..
TSLint와 ESLint의 통합 https://medium.com/palantir/tslint-in-2019-1a144c2317a9? TSLint in 2019 Palantir is the creator and primary maintainer of TSLint, the standard linter for the TypeScript programming language. As the TypeScript… medium.com TSLint와 ESLint가 통합한다고 한다. TSLint팀은 TSLint 대신 ESLint에서의 TypeScript 지원 향상에 집중하기로 계획했다고 한다. in English The TSLint and the ESLint will be integrated. The TSLint team plan to focus o..