모도리는 공부중

React 공부[React] React 란?[React] React에서 자주 사용되는 JavaScript 문법 정리destructring: 객체를 분해해서 가져오다let person = { name: "shape", age: 19}let name = person.namelet age = person['age']let { name, age } = person첫 번째랑 두 번째 방식은 그냥 nodejs할 때 많이 다루긴 했다. 근데 세 번째 방식은 리액트 오기 전에 다뤘던 기억이 없는 것 같다. 내가 그 전에 nodejs를 더 이상 안 다루게 돼서 그런가.. 아무튼 이걸 destructring이라고 하는구나. [React] React Router 개념[React] ReactRouter v6.4 + Ro..

Debounce(디바운스) - JavaScript에서 함수를 지연시키는 방법 (JS ES6 예제)[vscode]자바스크립트 이벤트리스너(cli.. : 네이버블로그TIL 13 | event 종류와 eventListener [JS] parseInt(,10) 꼭 써야 할까? 문자열과 소수까지 안전하게 숫자로 변환하는 4가지 방법버튼 클릭 관련 - Debounce(디바운스) - JavaScript에서 함수를 지연시키는 방법 (JS ES6 예제) [JS] AbortController로 웹 요청 취소하기(비동기, dom 이벤트) :: Mong dev blogapi 요청을 취소시키는 시그널, api 뿐만 아니라 이벤트 요청도 취소시킬 수 있나보다.

Rock-5C 보드는 ARM 기반이므로, MySQL을 설치할 때 OS 및 아키텍처 호환성을 고려해야 합니다.1️⃣ Rock-5C OS와 MySQL 호환성Rock-5C는 일반적으로 Armbian, Debian, Ubuntu 기반 OS를 사용하며, ARM64 (AArch64) 아키텍처를 지원합니다.MySQL의 공식 이미지나 패키지는 일반적인 x86_64 (AMD64) 환경을 기본으로 제공되지만, ARM64용 빌드도 존재합니다.2️⃣ 설치 방법에 따른 호환성✅ 1. Docker를 활용한 MySQL 설치 (권장)ARM 아키텍처에서도 Docker를 사용하면 자동으로 호환되는 MySQL 버전이 다운로드되므로 가장 간편한 방법입니다.docker run -d \ --name mysql-container \ -e M..

MySQL 데이터를 마운트할 때, 로컬 개발 환경(Windows + WSL) 과 운영 환경(Rock-5C, Linux 기반) 에서 자주 사용하는 경로는 다를 수 있습니다.각 환경에 맞춰 최적의 데이터 마운트 경로를 정리해드릴게요.✅ 개발 환경 (Windows + WSL)Windows에서 Docker를 사용할 때 볼륨 마운트 경로는 WSL과의 호환성을 고려해야 합니다.1️⃣ WSL 내부 디렉토리 사용 (추천)가장 일반적으로 사용되는 경로:-v ~/mysql-data:/var/lib/mysql~ (/home/사용자) 아래에 mysql-data 디렉토리를 만들어 사용.WSL 내에서 관리되므로 WSL과의 I/O 속도 문제 없음.디렉토리 생성 방법mkdir -p ~/mysql-datachmod 777 ~/mysq..

최종 선택: air date picker 🚀 1. Flatpickr ✅ 첫 번째로 테스트❌ 문제점:range: true 설정 시 하루만 선택하면 endDate 자동 설정이 안됨UI 커스텀 및 크기 조절이 어려움기능적으로 부족하다고 판단해서 포기🛑 화남 포인트:👉 "하루만 선택하면 endDate 자동 설정 안 되는 것" 🚀 2. Air Datepicker (1차 시도)✅ UI가 가장 마음에 들었음❌ 문제점:range: true에서 하루만 선택하면 자동으로 EndDate 채우는 기능이 안됨같은 날짜를 두 번 선택하면 선택이 취소됨 (불편)크기 조절이 자유롭지 않음🛑 화남 포인트:👉 "하루만 선택 시 EndDate 자동 설정 안 됨 & 같은 날짜 두 번 클릭하면 선택 취소됨"👉 "UI는 맘에 드는..

CSS이번에야말로 CSS Flex를 익혀보자 – 1분코딩Tailwind CSS를 사용하여 요소를 중앙에 배치하는 방법은 무엇입니까? - 긱스포긱스Align Items - Tailwind CSS세 번째 링크는 공식 문서. `align-items` 가 tailwind CSS에서는 `items`이다. 역시 공식 문서가 최고구나. 토글.. 어케 구현함?HTML과 CSS로 토글 스위치 UI 만들기 | Engineering Blog by Dale Seo그냥 기존에 구현된 거 참고해서 만듦 달력 피커.. 미쳐버리겠다 진짜. 내 맘대로 되는 게 왜 하나도 없냐.Examples - Air Datepicker이건 ui가 가장 맘에 든다. 사이즈 조절도 쉽게 키울 수 있어서 최고로 맘에 든다. 하지만 range 선택할 때 ..

도커 데스크탑도 설치했고, wsl도 설치했다.분명 윈도우에 있는 도커 데스크탑을 wsl에서도 공유해서 같이 볼 수 있다고 하는데, 없다.문서에 있는 부분이긴 한데, 이미지가 조금 달라서 헷갈릴 수 있다.공식 문서 링크: WSL에서 Docker 컨테이너 시작 | Microsoft Learn 우선 터미널에서 내가 설치한 wsl 리눅스를 확인해본다.PS C:\Users\msi> wsl -lLinux용 Windows 하위 시스템 배포:Ubuntu-24.04(기본값) wsl을 실행해서 `sudo docker ps`를 했는데 안 보인다.msi@DESKTOP-:~$ docker psThe command 'docker' could not be found in this WSL 2 distro.We recommend to..

설정에 문제 없는데 안되는 경우 윈도우와 vm 서버에서 각각 캐시 날리기mobaXterm과 vsocde 다시켜기vscode접속기록과 windows ssh 기록 삭제 하고 재부팅 하기.ssh/known_hosts 파일에서 해당 ip 접속 지문 삭제.ssh/config 기반으로 생성된 vs code ssh 접속클라우드 vm 인스턴스 들어가서 본인 계정 .vscode 폴더 삭제 하기

[ 목차 ]문제 배경클라우드 관리자에게 클라우드에 등록된 각자의 ssh 접속 키를 변경하고자 한다며 새로 생성해서 주라는 요청이 들어왔다. 윈도우에서 ssh-keygen으로 rsa를 지정하지 않고 키를 생성해서 공유했고, mobaXterm에서 문제 없이 접속되는 것을 확인해서 관리자님께 '잘 됩니다'라고 공유까지 완료했다. 그러나, 그날부터 멀쩡히 잘 사용하던 vscode와 cursor ide 툴에서 .ssh/config에 작성된 IdentityFile에 기입한 변경된 키를 가지고 접속 시도하면 원격 서버에서 거부를 당하기 시작했다. 처음에는 cursor 문제인가 싶어 'vscode는 전에 문제없이 잘 됐으니까' 생각하며 vscode 프로그램에서 재시도했으나 똑같이 거부되었다.예전에 클라우드 서버 ip가..

컴퓨팅 엔진 vm 인스턴스의 용량을 늘리고 싶다?vm 인스턴스를 수정해서 cpu만 백날 바꿔봐라. 바뀌나.가상머신 - VM 인스턴스 그만 괴롭히고, 스토리지 - 디스크로 가라. 거기에 vm 인스턴스에서 보던 이름이 똑같이 있을 것이다.이 녀석을 수정하면 용량이 늘어난다.난 이걸 모르고 계속 죄없는 인스턴스만 괴롭혔다.. 혹시 저 같은 분 있다면...VM 인스턴스 수정 그만 하시고,디스크 수정하세요 ^^..