본문 바로가기

전체 글29

[React] html-react-parser dangerouslySetInnerHTML를 사용하다가 보안상의 이슈로 html-react-parser 라이브러리를 사용하게 되었다dangerouslySetInnerHTML는 HTML 마크업을 컴포넌트에 직접 삽입할 때 사용한다리액트는 XSS(Cross-Site Scripting) 공격을 방지하기 위해HTML이나 JavaScript 코드가 컴포넌트에 삽입되는 것을 제한하는데dangerouslySetInnerHTML를 사용하면 이 제한을 무시하고 직접 삽입말그대로 dangerous 해진다dangerouslySetInnerHTML 사용const App = () => {const htmlString = `!! 나는 위험한 속성이다 !!`; return ( );};export default App.. 2024. 9. 20.
[React] clsx 라이브러리 클래스 이름을 조건부로 병합하거나 동적으로 관리할때 사용 clsxA tiny (239B) utility for constructing className strings conditionally.. Latest version: 2.1.1, last published: 5 months ago. Start using clsx in your project by running `npm i clsx`. There are 10443 other projects in the npm registry using clsx.www.npmjs.com라이브러리 installnpm install clsxyarn add clsx import clsx from 'clsx';function Button({ isPrimary, isDisab.. 2024. 9. 19.
[React] useOutletContext로 props 전달 useOutletContext는 컴포넌트에 내장된 Hook으로 자식 컴포넌트에게 props를 전달할때 사용한다라우터 설정import { createBrowserRouter } from 'react-router-dom';export default createBrowserRouter([ { path: '', element: [], errorElement: , children: [ { path: '/home', element: , }, { path: '/work', element: , children: [ { path: '', element: }, { path: .. 2024. 8. 30.
[Python] pip error: externally-managed-environment pip install -r requirements.txt난 그저 flask 패키지 설치하고 싶었을 뿐인데꽤 오랜시간 해결하지 못하고 있었다에러원인원인은.. 모르겠다...해결 방안 To install Python packages system-wide, try apt install python3-xyz, where xyz is the pack..." data-og-host="stackoverflow.com" data-og-source-url="https://stackoverflow.com/questions/75608323/how-do-i-solve-error-externally-managed-environment-every-time-i-use-pip-3" data-og-url="https://stackove.. 2024. 6. 22.
[Linux] SSH Key 설정하기 failed: No space left on device ssh-keygen -t rsaRSA 알고리즘을 사용하여 SSH 키 (공개 키, 비공개 키)를 생성하라는 명령어다왜 나만 안돼 😩 금방 쉬이 되는 건 없었다..failed: No space left on device 디스크 공간이 부족해서 키 파일을 저장할 수 없다고 한다디스크용량확인df -h로그파일 삭제sudo rm -rf /var/log/*.old캐시 정리sudo apt-get cleansudo apt-get autoremove하고 나니 나도 rsa 나무가 나타났다 성공 !!폴더 목록을 보면 .ssh 파일이 생겨있다.ssh 폴더에 들어가 보면id_rsa 비공개 키 파일,  id_rsa.pub 공개 키 파일, authorized_keys 파일이 생겼다인강에서는 authorized_keys 파일이 없었.. 2024. 6. 21.
[Linux] VScode 설치 & python 명령어 변경 VScode 설치리눅스에서 코드를 작성하기 위해 VScode를 다운로드한다ubuntu 운영체제에 arm64 버전의 .deb 파일로 패키징 된 VScode를 설치dpkg 명령어: 패키지를 설치, 업데이트, 제거하는 데 사용된다sudo dpkg -i vscode 파일명처음이고 그냥 보면서 따라 만들 거니까 했지만, 아무리 봐도 계정명이랑 너무 바보 같다 😭python3 -> python 명령어 변경우분투 리눅스는 python을 기본으로 제공한다vscode도 설치했겠다 python이 잘 작동되는지 실행해보자python이 없단다 python3가 있다는 거군명령어 쓸 때마다 뒤에 3 붙이면 불편하니 python 명령어로 python3 실행시키기로 했다sudo apt-get install python-is-pyt.. 2024. 6. 11.
[Linux] Mac M2 VMware Fusion로 Ubuntu Server & GUI 설치 환경Macbook M2 pro우분투: ubuntu-24.04-live-server-arm64가상머신: VMware Fusion목표VMware Fusion에 리눅스 우분투 설치Ubuntu GUI 설치Ubuntu Server for ARM ISO image https://ubuntu.com/download/server/arm ubuntu.comVMware Fusion에 다운 받은 ubuntu-24.04-live-server-arm64 이미지를 넣어준다Try or Install Ubuntu Server를 선택키보드 언어설정 > Ubuntu Server 선택 > 프록시 설정 ( Done ) > 미러서버> 파티션 설정Custom storage layout를 많이 하는 것 같아 시도하였지만;무엇을 어떻게 설정해야.. 2024. 6. 11.
[Linux] Mac M2 VMware Fusion 설치 환경Macbook M2 pro목표VMware Fusion 설치VMware Fusion Introducing VMware Cross-Cloud ServicesDiscover how VMware Cross-Cloud services give organizations freedom and control without trade-offs.www.vmware.comProducts > Desktop Hypervisor > Fusion Profor mac 다운로드바로 다운로드로 진행될 줄 알았는데 broadcom이라는 페이지로 이동된다다운로드 안되고 왜 페이지가 열리나 해서 찾아보니broadcom이 VMwear 인수를 했다고 한다24년 5월 13일 부터 Fusion Pro 13와 Workstation Pro 17은 .. 2024. 6. 11.
[Flutter] iOS 에뮬레이터에서 가상 키보드 보이도록 설정 2024. 6. 4.

티스토리툴바