leebaek

■ react-quill 경고 메세지■ 해결 방법■ react-quill 경고 메세지제 프로젝트 리액트 버전은 18이구요 !아래 명령어로 react-quill을 설치하였습니다.npm install react-quill react-quill을 사용하니 아래와 같은 경고 문구가 계속 뜨더라구요. react-quill이 내부적으로 findDOMNode()를 쓰고 있습니다.여기서, findDOMNode는 특정 컴포넌트의 진짜 DOM 요소를 찾는 방식입니다. 음, React팀에서 곧 제거 예정인 방식이라 사용했을 때 아래와 같은 경고를 띄워줍니다. ㅜㅜWarning: findDOMNode is deprecated and will be removed in the next major release. Instead,..

■ reac-quill이란?■ reac-quill 설치 방법■ reac-quill 기본 사용법 현재 진행 중인 프로젝트에서 react-quill을 사용하게 되었습니다!사용자가 생성한 폰트를 화면에서 작성해볼 수 있게끔 하기 위해서 인데요.사용법이 아주 간단해서 포스팅해볼까 합니다 ~ !!■ reac-quill이란?: React용 WYSIWYG(What You See Is What You Get)에디터 - 사용자가 텍스트를 편집할 수 있으며, 굵기/기울기/링크/이미지 등 다양한 서식 기능 제공- 미니 word라고 생각하면 편함 !- 다른 라이브러리보다 사용법이 간단함■ reac-quill 설치 방법설치는 아주 간단합니다.프로젝트 폴더로 이동 후, 아래 명령어를 입력해주시면 됩니다.npm install re..

■ TypeScript란?■ TypeScript의 필요성■ TypeScript의 주요 특징■ TypeScript란?: TypeScript는 Microsoft에서 만든 오픈소스 프로그래밍 언어로, JavaScript에 정적 타입을 추가한 상위 슈퍼셋 JavaScript 코드를 그대로 사용할 수 있으면서, 타입(type) 정보를 명시할 수 있는 기능이 추가되어 더 안정적이고 예측 가능한 코드를 작성할 수 있게 도와줍니다. 즉, TypeScript는 JavaScript + type 시스템입니다.function add(a: number, b: number): number { return a + b;}■ TypeScript의 필요성1. 런타임 에러를 줄여준다.- JavaScript는 동적 타입 언어라 실행하기 ..

■ HttpOnly란?■ HttpOnly의 필요성■ HttpOnly의 특징 최근 프로젝트를 하면서 알게된 개념인데, 왜 HttpOnly를 써야하는지가 궁금하더군요 ! 간단하게나마 알면 좋을 것 같아 HttpOnly에 대해 포스팅 해볼겁니다.■ HttpOnly란?: 웹 서버가 쿠키를 생성할 때 설정할 수 있는 보안 속성 중 하나 이 속성이 설정된 쿠키느 JavaScript에서 접근할 수 없으며, 오직 HTTP 요청을 통해서만 서버와 주고받을 수 있습니다.즉, 클라이언트 측의 document.cookie를 통해 쿠키 값을 읽으려고 해도, HttpOnly가 설정된 쿠키는 읽어올 수 없습니다.■ HttpOnly의 필요성✨ 쿠키 탈취를 막기 위함웹 애플리케이션에서 가장 흔한 공격 방식 중 하나는 XSS(크로스..