Portal을 사용하여 Modal 띄우기
ReactDOM에서 제공하는 createPortal을 사용하여 #root 외부에서 모달을 띄울 수 있다. DOM에 modal 요소 생성 #root 형제 요소로 #modal을 추가한다. <body> <div id="root"></div> <div id="modal"></div> </...
고양이발
텍스트 길어지면 말줄임표 처리하기✍️
1줄 말줄임 처리하기 .ellipsis { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } text-overflow : 이 속성은 글자가 지정한 너비를 넘어갈경우 어떤식으로 처리할 것인지를 선택하는 속성입니다. ...
[ubuntu] GUI, 원격 데스크톱(Xrdp) 설치하기
우분투 서버에 파일을 만들고 수정해야 해서 원격 접속이 필요했다. 원격 접속을 위해서는 우분투에 GUI와 원격 데스크톱을 설치해야 한다. SSH 접속 [AWS의 기본 04] EC2 인스턴스에 SSH로 접속하기 GUI 설치 우선 사용자 패스워드를 설정한다. sudo passwd ubuntu apt-get 도구 업데이트, 업그레...
[AWS] Route 53에 도메인 등록하여 사용하기
도메인 등록하기 freenom.com에서 무료 도메인을 만든다. .tk, .ml, .ga, .cf, .gq 다섯가지 최상위 도메인이 무료로 제공된다. 원하는 도메인이름 + 최상위 도메인 합쳐서 검색한 후 신청한다. 최대 12개월 무료이며 12개월이 되기 전에 renew를 해주면 계속...
[pm2] Node.js 앱 데몬화하기👿
pm2란? Node.js의 프로세스 매니저 Node.js 애플리케이션을 무중단으로 운영 pm2 install npm install -g pm2 pm2 start pm2 start <filename> pm2 start <filename> --name=<app name> 파일명+확장자로 바로 실행하...
[VSCode] 에디터 폰트 변경, 줄간격 변경하기
폰트 변경 File > Preperences > Settings 혹은 Ctrl + , 한국어 기준으로 텍스트 편집기 > 글꼴 항목에서 폰트 수정 줄간격 변경 settings.json 파일에 원하는 lineHeight 추가 "editor.lineHeight": 19, [VSCode] 터미널 폰트, 글자 크기 변경하기
[Inquirer] 커맨드 라인에 Prompts 설정하기
Inquirer 설치 npm i inquirer Prompt 생성 js 파일 생성 후 아래 코드 입력 const inquirer = require("inquirer"); inquirer .prompt([ { name: "faveReptile", message: "What is your favorite repti...
dotenv로 환경 변수 관리하기
환경 변수란? 어느 환경에 배포하느냐에 따라서 다르게 설정해야 하는 항목은 보통 운영 체제 레벨에서 환경 변수를 통해 관리 DB password나 API key와 같은 인증 정보는 공개된 코드 저장소에 올리면 안 되기 때문에 환경 변수로 저장해놓고 사용하는 것이 일반적이다. 환경 변수 접근 Node.js에서...
Canvas redraw 안되는 이슈
이슈 storage에 저장된 figure로 redraw() 메서드 실행하는데 그려지지 않음 setTimeout 걸고 redraw 하면 잘 됨 videoSize가 바뀌면서 canvas의 width, height가 바뀌어서 그리기 내역 초기화 된 듯함 해결방법 canvas 엘리먼트의 wi...
[ubuntu] git, node.js, yarn 설치하기
git 설치 sudo apt install git 버전 확인 git --version node.js 설치 sudo apt-get update sudo apt-get install -y build-essential sudo apt-get install curl 이 링크에서 node 버전 확인 후 아래 명령어에서 원하는 버전 입력 c...