본문 바로가기
728x90
반응형

전체 글65

Canvas Bubble Effect 기록(react + typescript) Mouse Bubble Effect Code 기록 import React, {useEffect, useRef} from 'react'; interface BubbleMouseType { x?: number, y?: number, radius: number } export default function Bubble(){ const canvasRef = useRef(null); const mouse: BubbleMouseType = { x: undefined, y: undefined, radius: 150 } let particlesArray: any = []; let adjustX = 0; let adjustY = 0; useEffect(() => { const canvas = canvasRef?.curr.. 2022. 12. 7.
Canvas Crash Effect 기록(react + typescript) Mouse Crash Effect Code 기록 import React, {useEffect, useRef} from 'react'; interface mouseType { x?: number, y?: number } export default function Crash(){ const canvasRef = useRef(null); const mouse: mouseType = { x: undefined, y: undefined } const particlesArray: any = []; let hue:number = 0; useEffect(() => { const canvas = canvasRef?.current; if (canvas) { let ctx = canvas.getContext('2d'); c.. 2022. 12. 7.
AWS S3 비용 계산하는 사이트 비용 예측하기 좋을듯 https://s3calculator.mrdevellotools.com/ S3 Calculator s3calculator.funideatools.com 2022. 11. 11.
React Native WebView postMessage로 네이티브, 웹 데이터 전달 React Native npm install react-native-webview import React, { useRef } from "react"; import {WebView} from 'react-native-webview'; import { Button, SafeAreaView } from "react-native"; const App = () => { const url = "URL" let webRef = useRef(null); /** 웹뷰 ref */ const handleSetRef = _ref => { webRef = _ref; }; /* native -> web */ const native_to_web = () => { console.log(webRef.postMessage("전송 데.. 2022. 3. 29.
[MariaDB / MySQL] 초기 셋팅 + 원격접속 계정 생성 apt-get install mysql apt-get install mariadb 1. 초기 보안설정 sudo mysql_secure_installation Enter current password for root (enter for none): OK, successfully used password, moving on... Setting the root password ensures that nobody can log into the MariaDB root user without the proper authorisation. Set root password? [Y/n] Y ( 루트 패스워드 설정 여부 ) New password: Re-enter new password: Password updated s.. 2022. 1. 3.
[AWS] EC2 EBS 볼륨 추가 + 마운트 + 부팅시 자동 마운트 하기 AWS 설정 1. 볼륨추가할 인스턴스 ID, 가용 영역 확인 2. 볼륨 생성 및 확인 - 생성시 1번에서 확인한 인스턴스 가용영역 적용 - 생성된 신규 볼륨의 ID를 클릭해서 세부정보 접근 3. 볼륨 연결 - 1번에서 확인한 인스턴스 ID SELECT 4. 인스턴스 세부정보에서 볼륨이 추가됐나 확인 콘솔 접근해서 마운트 + 자동 마운트 설정 1. 파일시스템 사용량 확인 2. 연결된 디스크목록 확인 3. 파티션 생성 후 확인 4. 포맷 5. 파티션을 특정 디렉토리에 마운트 - 디렉토리에 마운트 - 파일시스템 확인 6. 재부팅시에도 유지돼도록 자동 마운트 설정 - UUID 확인 - fstab에 UUID, 마운트 위치 입력 sudo vim /etc/fstab 재부팅 해서 마운트 확인 :) 2021. 12. 29.
728x90
반응형