능히 해낼 수 있다

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 알아두면 나중에 쓸모가 있지 않을까 싶어 우연히 발견한 HTML태그 및 속성들을 기록하고자 한다. 1.Tooltip (툴팁): 툴팁은 요소 위에 마우스를 올렸을 때 추가 정보를 보여주는 기능으로 주로 'title' 속성을 사용하여 구현한다. 아래 코드처럼 타이틀 속성을 사용하면 아래 이미지 처럼 출력된다. 마우스를 올려보세요!! 2. Download (다운로드): 'download' 속성은 링크를 클릭했을 때 파일을 다운로드할 수 있도록 도와준다. /* 원하는 주소를 href에 넣고 download속성 넣기*/ PDF 다운로드 3. Content Editable (편집 가능한 내용): 'contentedi..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 리액트 서스펜스(React Suspense)는 리액트 애플리케이션의 비동기 데이터 처리를 간편하게 만들어주는 핵심 기능이다. 이를 사용하여 비동기 작업이나 코드 스플리팅을 할 수 있다. 또한 컴포넌트는 자식 컴포넌트가 준비될 때까지 로딩 중인 UI를 렌더링하도록 처리하고 데이터 fetching 등을 처리할 수 있다. 1. lazy lazy 함수를 사용하여 동적으로 코드를 분할하고, 필요한 컴포넌트를 비동기적으로 로딩할 수 있다. 이를 통해 초기 번들 크기를 줄이고, 애플리케이션의 로딩 속도를 향상시킬 수 있다. import React, { Suspense } from 'react'; // 비동기적으로 로딩..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 타입스크립트는 유틸리티 타입(utility type)이라는 특별한 타입을 제공하여 타입 정의를 간소화하고 재사용성을 높여주는 기능을 제공한다. 이러한 유틸리티 타입들은 이미 정의된 기존 타입을 변환하거나 결합하여 새로운 타입을 생성하는 데 사용되며, 유틸리티 타입을 사용하면 타입 코드를 더 간결하게 작성하고 중복을 줄이며 유지보수성을 향상시킬 수 있다. 1. keyof keyof는 TypeScript에서 사용되는 유틸리티 타입 중 하나로 객체 타입의 모든 키를 유니언 타입으로 추출할 수 있다. 주로 제네릭 타입 및 인덱스 시그니처와 함께 사용되어 타입 안전성을 확보하고 동적으로 속성 이름에 액세스할 때 유..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). 제네릭(Generic)은 TypeScript에서 변수, 함수 또는 클래스의 타입을 일반화하는 방법을 제공하는 기능으로, 이를 이용하면 타입 안정성을 유지하면서 여러 종류의 데이터 유형에 대해 클래스나 함수, 인터페이스 등을 다양한 타입으로 재사용 할 수 있다. 선언할 때는 타입파라미터만 쓰고 생성하는 시점에 사용하는 타입을 결정하면 된다. 1. 제네릭의 역할 //매개변수의 타입은 T의 배열 function reverse(array: T[]): number { return array.reverse(); } // 위의 함수가 이 모습이 됨 //function reverse(array: number[]): nu..

✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). + 230820 추가 및 수정 JavaScript에서는 일방적인 방법 외에도 함수 호출하는 방식과 관계없이 call, apply, 그리고 bind 내장메서드를 활용해 this 값을 바꿀 수 있다(this가 무엇인지를 지정할 수 있게된다). 1. call 모든 함수에서 사용할 수 있고 this를 특정값으로 지정이 가능하다. call 메서드는 함수를 호출하는 방법 중 하나로, 첫 번째 인자로 함수 내부에서 사용될 this 값을 설정하고, 그 뒤에는 함수의 매개변수를 전달한다. const mimi = { name: "Mimi" } const rosi = { name: "Rosi" } function showTh..