본문 바로가기

트러블 슈팅

(19)
[html/css]글자수 넘어가면 말줄임표/원하는 줄 수에 맞게 말줄임표 아래 코드는 264px에 줄이 2줄이 넘어가면 말줄임표가 생겨나게 생성한 코드입니다. overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 264px; 그러면 아래 처럼 말줄임표가 생겨나는 것을 확인할 수 있습니다.
[React+Typescript]EventSourece에 header 담기 문제 발생 리액트로 SSE 구현 중에 엑세스 토큰을 header에 담아서 보내야하는데, EventSource에서 headers를 넣을 수 없다는 오류가 발생했다. 'EventSourceInit'형식에 'headers'이(가) 없습니다. 원인 해결 EventSourcePolyfill 라이브러리를 이용해서 header 부분에 담을 수 있게 설정을 해주었다. 사용 방법은 아래와같다. const EventSource = EventSourcePolyfill || NativeEventSource; 최종 const EventSource = EventSourcePolyfill || NativeEventSource; useEffect(() => { if (!isLoading && getToken) { const fetc..
[React+Typescript]key of type of (icons)의 string 오류 문제 발생기존에 여러 icon svg를 사용하기 위해서 Icon 컴포넌트를 제작하였다.import { colorStyles } from '@/styles/color';import icons from '@/assets/index';import { ReactElement } from 'react';interface IconProps { iconType: keyof typeof icons; width?: number; height?: number; fill?: string; onClick?: () => void | undefined;}export const Icon = ({ iconType = 'alarm', width = 16, height = width, fill = colorStyles...