단일 행과 다중 행에서 글자가 많을 경우 말줄임(...) 스타일 적용하기 ❓상황 단일 행과 다중 행 말줄임을 강의 수강했을때 처음 접하게 되었고, 이를 학습하여 정리하게 되었음. 📖 말 줄임이란? 글자의 길이가 긴 경우, 특정 구간을 넘어가면 ...을 표시하여 텍스트의 길이를 제한할 수 있다. 흔히 쇼핑몰에서 텍스트가 많은 상품명이 있는 경우가 많다. 의식하진 않았겠지만, 텍스트가 많다고해서 디자인이 뒤틀리거나 하지 않다. 그 이유는 말 줄임 스타일을 적용함으로써 디자인을 변화시키는 것을 감소하기 때문이다. 🧮 정리 말 줄임 : 단일 행 텍스트의 양이 많아서, 한 줄로 표현되지 않고 여러줄로 표현되었다고 가정해보자 Lorem Ipsum is simply dummy text of the printing a..

웹 접근성(스크린리더) ❓상황 스크린 리더에 탐지되지 않게 하는 방법을 강의로 처음 접하게 되었고, 이를 학습하여 정리하였음. 📖 스크린리더란? 스크린리더는 컴퓨터의 화면을 다양한 언어로 음성으로 표현하는 것을 뜻한다. 흔히, 트위치에서 스트리머에게 후원을 할때 후원 텍스트를 기계가 읽어주는 것을 생각하면 된다. 🧮 정리 HTML : aria-hidden aria-hidden 속성은 HTML Tag 요소의 속성으로 사용된다. aria-hidden 속성이 입력된 HTML Tag가 접근성 API에 노출되었는지 여부를 나타낸다. 접근성 API에 노출이 되었다면, 스크린리더가 음성으로 표현할 수 있고, 반대로 접근성 API에 노출이 되지 않았다면, 스크린리더가 음성으로 표현할 수 없다. 😤 제목입니다. 예시로 ..

'{}' 형식에 'children' 속성이 없습니다. '{ children: Element; }' 유형에 'IntrinsicAttributes' 유형과 공통적인 속성이 없습니다. ❓상황 props.children type을 지정하기 위해, React.FC ( = FunctionComponent)을 사용할 때 발생한 오류 🔎 원인 파악 React.FC ( = FunctionComponent) 에 children type을 가지고 있지 않아서 발생한 오류 ✨ 해결 방법 PropsWithChildren을 type으로 사용한다.

Error Code: 1290. The MySQL server is running with the --secure-file-priv option so it cannot execute this statement ❓상황 mySQL workbench에서 load data infile 쿼리를 실행했을때 발생한 오류 🔎 원인 파악 mySQL에서는 기본적으로 파일을 로드할때, 지정된 경로에서만 로드되도록 설정되어 있다. mySQL 8.0 Command line Client 를 실행하고, show variables like 'secure_file_priv'를 입력하면 경로를 확인 할 수 있다. 내 .CSV 파일은 해당 경로가 아닌, 다른 경로에 있고 이를 mySQL에서 load해서 에러가 발생한 것이다. ✨ 해결 방..

상태관리 라이브러리 ❓상황 가장 많이 쓰이는 상태관리 라이브러리인 Redux의 최신버전인 Redux Toolkit을 정리하기 위함 📖 Redux Toolkit 이란? 상태를 저장하는 파일을 따로 분리하여 관리할 수 있다. 여러 컴포넌트를 거치지 않아도, 상태가 필요한 컴포넌트에 곧바로 상태를 줄 수 있다. Redux Toolkit 패키지는 Redux 로직을 작성하는 표준 방법이 되도록 고안되었습니다. 원래 reducour에 대한 세 가지 일반적인 우려를 해결하기 위해 만들어졌다. "Redux 스토어 구성이 너무 복잡합니다." "Redux가 유용한 작업을 수행하기 위해서는 많은 패키지를 추가해야 합니다." "리듀스에는 너무 많은 보일러 플레이트 코드가 필요합니다." 🐸 설치 CRA + Redux # Red..