JavaScript(3)
-
[React] VSCode 리엑트 설치, Typescript 개발 환경 설정
개발 환경: Window11 설치1. Node.js (npm)https://nodejs.org/en Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org - 설치 확인: 명령 프롬프트(cmd)에 명령어 입력 2. Yarnhttps://classic.yarnpkg.com/lang/en/docs/install/#windows-stable YarnFast, reliable, and secure dependency management.classic.yarnpkg.com - 사이트 접속 후 Click to expand / collapse 클릭 후 Down..
2024.08.13 -
[Typescript] 객체안에 배열이 있는 형태 만들기
const arrData:string[] = []; // arrData = ['apple','banana']const objData:FruitProp = {}; // objData = {fruitName: Array(1)}arrData.push('apple');arrData.push('banana');objData['fruitName'] = arrData; //최종 형태 objData = { fruitName:['apple','banana']}
2024.03.12 -
특정 태그 제외하고 HTML태그를 코드로 변경하기
DB에서 불러와 화면에 출력해줄 때 데이터에 HTML 태그가 포함되어 있는 경우 화면UI에 문제가 생길 수 있다. 문제 방지를 위해 특수문자를 코드로 변환해줘야한다 모든 태그를 수정하고 싶을때 아래 코드를 사용하면 된다.val.replace(/)/gi, "<" ); 예제var val = "태그 테스트 test 입니다."; var result1 = val.replace(/)/gi, "<" );result1 결과 HTML 삽입 미리보기할 수 없는 소스 result2 결과 HTML 삽입 미리보기할 수 없는 소스 result2의 경우 em태그의 짝이 맞지 않을 경우도 생각하여 개수를 확인해주는 것이 좋다.val.match(//gi );
2022.06.17