본문 바로가기

IT218

[leetcode] Climbing Stairs 아래의 솔루션을 보고 학습했습니다. https://leetcode.com/problems/climbing-stairs/solutions/4211515/0ms-very-easy-beginner-friendly-code-faster-all-three-approaches solution 1Time Complex: O(n)Space Complex: O(n) function climbStairs(n: number): number { if (n  solution 2 (using tabulation)Time Complex: O(n)Space Complex: O(n)function climbStairs(n: number): number { const tab: number[] = new Array(n + 1).f.. 2024. 6. 23.
Toy Project 를 만들기 위한 유용한 사이트 모음 (2024년 6월 업데이트) 무료 이미지https://undraw.co/search Search | unDrawThe design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color, for free.undraw.co 서비스 메인 컬러 조합https://2colors.colorion.co/ Two Color CombinationsTwo color combination palettes2colors.colorion.co Firebaseweb hosting, db, deploy, authentication 지원https://f.. 2024. 6. 19.
[css] Animiation 만들 때 유용한 사이트 소개 사이트 소개https://brumm.af/shadows리액트로 만들어진 CSS Shadow Generator, 그래프로 더 정교하게 shadow생성 가능 https://www.grabient.com/ 그라데이션 추천 사이트, 목록이 몇 개 없지만, 커스텀이 가능해서 유용 https://tinytools.design/easing이런 애니메이션 어떻게 만들지? 할 때, 가서 찾고 클립보드 복사하면 끝 https://animista.net/animation을 커스텀할 수 있는 사이트 https://coolors.co/예쁜 색조합들을 추천해주는 사이트 2024. 6. 19.
[html] dns-prefetch 개념리소스 요청 하기 전에 도메인 정보를 분석하는것을 시도한다. 왜 쓰는가?브라우저가 제 3자 서버로부터 리소스를 요청 할때, DNS resolution을 해야한다. (cross-domain의 domain을 ip로 변환).DNS resolution 과정은 엄청난 지연시간을 초래한다. Best Practicesdns-prefetch 는 cross-origin domain에서만 사용해야한다. 같은 도메인을 사용 하면안되. 왜냐면 이미 같은 도메인의 ip는 이미 resolve된 상태preconnect와 같이 쓰면 좋다. dns-prefetch는 DNS lookup만 수행하지만, preconnect는 해당 서버와 커넥션을 만든다. (너무 많은 도메인에 connection을 생성하면, 역효과가 나올 수 있다. 제.. 2024. 6. 19.
[typescript] is 개념TypeScript의 "is" 연산자는 주로 사용자 정의 타입 가드(User-defined Type Guards)에서 사용됩니다. 타입스크립트는 정적 타입 언어로, 컴파일 시점에 타입을 확인합니다. 하지만 런타임에는 여전히 자바스크립트처럼 동적으로 동작합니다. 이로 인해 변수의 타입을 런타임에 확인할 필요가 있을 때가 있습니다. "is" 연산자는 이럴 때 매우 유용합니다. 사용자 정의 타입 가드 (User-defined Type Guards)"Is" 연산자는 함수가 특정 타입의 값을 반환하는지 여부를 명시적으로 컴파일러에게 알려주는 역할을 합니다. 이는 특히 복잡한 타입 검사나 커스텀 타입 검사가 필요한 경우에 유용합니다. 예시아래는 사용자 정의 타입 가드가 어떻게 사용되는지 보여주는 예제입니다. i.. 2024. 6. 12.
[typescript] in 개념TypeScript에서 in 연산자는 객체에 특정 속성이 존재하는지 확인하는 데 사용됩니다. 이는 자바스크립트의 in 연산자와 동일한 방식으로 작동하며, 객체의 프로토타입 체인에서도 속성을 확인합니다.예시in 연산자의 사용을 이해하기 위해 간단한 예제를 살펴보겠습니다.interface Person { name: string; age: number;}const person: Person = { name: "John", age: 30};if ('name' in person) { console.log("Name exists in person");}if ('address' in person) { console.log("Address exists in person");} els.. 2024. 6. 12.

티스토리툴바