MHLab blog

Written by@MHLab
Lamborghini Huracan STO / Ferrari 488 Pista
Hardcore life
👇MyMeLink

MyMe.LinkGitHub

Gatsby 블로그에서 이미지 열화(화질 저화) 문제 (With Gatsby-starter-bee theme)

January 24, 2023

블로그 이미지가… 전부터 좀 거슬리긴 했는데 이미지를 올리면 디지털 열화라고 부르는, 아주 낮은 품질의 이미지가 보이기 시작했다. 내가 올린 다른 컨텐츠의 썸네일 이미지인데 딱 봐도 품질 저하가 느껴진다. 이유야 알고 있었는데 해결해야지 하다가… 오래 끌었다. 일단 내가 쓰는 블로그는 Gatsby-starter-bee 이걸 약간 내 입맛에 살짝 바꿔서 …


Mac에서 tree 명령어 사용하기 (M1 Mac)

January 19, 2023

맥에서 tree 명령을… 깃헙(Github) 같은데에 Readme에 트리 구조를 올리려고 명령어를 쳤는데… 명령어를 찾을 수 없다고 떴다. 그래서 brew에서 인스톨 해봤는데… 설치가 실패해서 자세히 보니… M1이라서 아키텍처를 바꾸고 해야 했다. 나온대로 명령어를 다시 쳤더니 잘 되었다.


React에서 Query param 지우기 (With React Hook)

January 19, 2023

React에서… 이번에 프리온보딩을 하면서 과제를 하다가 페이징 이동을 하고 쿼리를 지워줘야 할 로직이 필요했다. 예를 들면 위와 같이 url 파라메터가 왔을 때 뒤의 code… 부터 지워서 사용자에게 안보이게 해주고 싶었다. 결과는 이렇게? Next.Js에서는 전에 짜둔 코드가 있었는데, React 에서는 해당 방법을 사용할 수 없었다. 당연한게 Nex…


Aws에서 도메인 구입 후 연결하기 (With 흑우집합소)

January 19, 2023

AWS에서 도메인사서 적용하기 현재 개발하고 있는 흑우집합소의 기능을 다 개발하지 않았지만… 일부 기능만 오픈해서 약간 홍보 겸 외부 테스트 겸… 무튼 이제 도메인을 사서 적용하는 부분을 기록해두려 한다. 도메인 쇼핑부터 제일 먼저 할 일은 도메인명을 정하는 것이다. (-_-;;) 생각보다 어렵다. 변수 짓기보다 약간 난이도 있는? 그래도 재미있다. 약간…


AWS EC2 프리티어 시작하기

January 19, 2023

이제 새롭게 시작할 서비스를 구성하며… 난 주로 EC2의 무료 플랜을 1년 굴려보고 희망이 보이면 그땐 제대로 하고, 그 외는 개발용으로 두고 종료한다. 이번에도 서비스를 올리려고 또 아마존에서 EC2 작업을 하다가 기록을 남긴다. 먼저 AWS에 가입이 되어 있고, 계정이 다 있다는 가정하에 진행한다. 먼저 EC2 선택부터 난 Ubuntu가 편하여 LT…


Github clone 받을 때 권한 문제 (git permission denied - publickey)

January 18, 2023

Clone을 받으려 하는데… 내 깃허브는 오픈된 프로젝트는 거의 관리를 안하고 보통 private repo만 주로 사용한다. 기여를 해야 겠지만 실력이… 무튼 private repo를 클론 받으려 하는데 자꾸 아래와 같이 에러를 뿜는다. 그래서 이를 찾아보고 해결한 방법을 포스팅으로 남겨둔다. 1. SSH Key 생성 먼저 Clone 받을 환경에서 SSH…


MongoDB 백업(Backup) & 복원(Restore) (With Docker)

January 18, 2023

슬슬 데이터를 이동해볼까… 기존 개발 서버에서 쓰던 디비를 몇 가지 옮겨서 쓸 일이 있어서 찾아보다가… 또 잊을까봐 정리해두려고 쓰는 포스팅.. 구성은 Aws Ubuntu의 Docker 환경에서 진행하였다. MongoDb Backup 일단 Docker 안의 MongoDB에 접근해야 한다. 접근 명령어는 아래와 같이… 저 뒤의 mongo는 docker 컨테…


yarn에서 run-s 실행이 안될 때 (With package.json)

January 18, 2023

배포를 하려다가… 흑집소 서비스를 더 개발해서 오픈하려 했지만… 일단 홍보 전 몇가지 기능만 오픈해서 데이터를 모아보자는 생각에 배포를 준비하게 되었다. 로컬 환경을 떠나서 EC2의 서비스 환경을 구성하던 도중, 전에 개발했던 MyMeLink의 기록을 찾아서 적용하기 시작했다. package.json의 script 부분도 알맞게 변경 후 아래와 같이 구성…


React useRef에 대하여

January 15, 2023

개인적인 스터디를 하다가… Typescript에서 useRef에 대한 사용법을 조사하다… 좀 딥하게(?) 약간은 좀 알아보고자 찾고 학습한 내용을 포스팅으로 정리해봤다. 역시 매번 느끼는데 웹 문서 스크롤로 몇번 내리고 예제 몇번 해보면 되는데, 이걸 문서화 하는건 역시 시간이 든다. 하지만 이렇게 함으로써 머리속에서 정리가 되고 내 경험치가 쌓이겠지… …


Typescript에서 useRef 사용하기 (With React)

January 14, 2023

노마드코더에서 몇 가지 학습을 하다가… 요새 기본기 부족을 느껴서 다시 React의 기본부터 한번 쭉 훝기로 하였다. 그러던 중 노마드코더 강의에서 hook 쪽을 듣는데 여기는 다 JS로 코드가 구성되어 있었다. Typescript로 진행하는 나로써는 이 부분을 각 타입에 맞게끔 처리하면서 진행을 했다. 그 중 useRef 부분에서 약간 문제가 있어서 이…