Today Mini Learned :

기록하는 습관 들이기

전체 글 106

[Linux] yum "Unable to read consumer identity - This system is not registered with an entitlement server" 에러 발생 시 해결 방법

(Red Hat Linux 9 사용 중) yum install vsftpd 명령어를 실행할 때 다음과 같은 에러가 발생했다. 해당 문제에 대한 해결 방법은 다음 글에 잘 정리되어 있었다. yum update나 yum install을 수행 시 레포지토리가 제대로 설정되지 않았을 때 발생한다고 한다. 해결 방법은 다음과 같다. yum의 subscription-manager.conf 파일을 다음과 같이 수정한다. vi /etc/yum/pluginconf.d/subscription-manager.conf enabled=0으로 수정 yum clean all 커맨드를 수행하여 캐시를 지운다. yum clean all 이렇게 하고 나니 해당 문구가 뜨지 않았다.

[Azure] Terraform으로 Azure 인프라 관리하기

사용 환경 - Windows 10 - Azure CLI 2.46.0 - Terraform v1.3.6 - Git Bash등의 CLI환경 Azure 인프라 관리를 위해 Terraform을 설정하는 방법 1. 필요한 것들 설치 1-1. Git bash 1-2. Terraform 1-3. Azure CLI https://learn.microsoft.com/en-us/cli/azure/install-azure-cli-windows?tabs=azure-cli Install the Azure CLI for Windows To install the Azure CLI on Windows, you must use Powershell, or an MSI installer, which gives you access to t..

[VMware] VMware Workstation에서 Ubuntu 설치 시 먹통, 검은 화면만 나올 때

해당 오류가 발생한 환경은 다음과 같다. VMware Workstation 17 Player Ubuntu 22.04 VMware에서 우분투 환경을 구성하려고 했는데 시작부터 난관이었다. Red Hat Linux는 별 설정 없이도 잘 됐는데...ㅠ 해당 화면에서 멈춰서 아무것도 동작이 안 되었다. 심지어 종료하려고 해도 다음과 같이 안됨 ㅠㅠ 화면이 완전 먹통이 되었다. 이럴 땐 일단 CTRL+ALT+ESC를 눌러 작업 관리자로 이동하고 VMware Player와 VMware Workstation VMX의 작업을 끝내서 종료한다. 해당 VM의 설정으로 이동한다. 3D graphics 설정을 체크 해제해 준다. VM이 저장된 위치에 가서 .lck 폴더들을 제거한다. 다시 VM을 켜본다. 잘 된당!

[VirtualBox] VM의 네트워크 설정

VirtualBox에서 vm을 구성하며 네트워크 설정을 기록해두려고 한다. 각 네트워크 설정에 대한 설명과 실습용 vm에서 사용한 설정을 기록해둘 것이다. NAT 버추얼박스의 기본 네트워크 모드. 호스트 네트워크 및 게스트 시스템에 대한 별도의 구성이 필요하지 않은 간단한 모드이다. 버추얼박스가 설치되어 있는 내 PC(호스트 PC)가 vm에 ip를 할당해주는 설정으로, vm은 사설 ip주소를 가진다. 사설 ip를 공인 ip로 변경하여 외부와 통신할 수 있지만, (인터넷 가능) 해당 vm을 찾아올 수 없으므로 서버로 활용하거나 호스트 PC에서 ssh로 접속하는 것이 불가능하다. 또한 NAT로 구성한 vm끼리도 통신할 수 없다. 이를 해결하기 위해서는 포트 포워딩이 필요하다. Bridged Adapter (..

[Log - 모두모두 Webapp 개발] geolocation.getCurrentPosition을 이용한 현재 위치 가져오는 과정 동기 처리하기 - Promise 객체와 async, await 이용

Geolocation API에서 현재 위치를 받아오는 getCurrentPosition을 사용할 때, 해당 줄이 비동기적으로 수행되는 문제가 있었다. 즉, getCurrentPosition으로 현재 위치를 가져온 것이 완료되기 전에 다음 줄을 수행해 버려서 문제가 되었다. 따라서 해당 글(React에서 카카오맵 API를 이용해 현재 위치 받아오는 기능 구현 오류 해결) 처럼, 로직을 바꿔 주어서 해결했었다. 이번에는 이 문제를 Promise와 await/async을 이용한 비동기->동기 처리를 통해 해결해 볼 것이다! 해결 방법 기존 코드 useEffect(() => { getMyGps(); }, []) useEffect(() => { if (userInputScreen === 1) { mapDrawer..

PROJECT 2021.11.06

[Log - 모두모두 Webapp 개발] [React] 링크 복사 버튼 구현하기 (useRef() 사용), (exeCommand를 이용한 방법과 Clipboard API를 이용한 새로운 방법 둘다 구현해보기!)

링크 복사 버튼 어떤 링크를 공유하고 싶을 때, 링크 텍스트를 클립보드로 복사하는 버튼을 자주 사용하곤 한다. 이를 React 웹페이지에서 구현하기 위해서는 어떻게 해야 할까? [방법 1] Document.exeCommand() 이용 _ deprecated 1. 먼저 useRef()를 이용해 복사 버튼의 reference를 가져온다. import React, { useRef } from "react"; const copyLinkRef = useRef(); useRef() import후 copyLinkRef에 useRef()변수 생성 2. 복사할 텍스트를 가진 input에 ref생성 ref = {copyLinkRef}로 연결해줌 3. 복사 버튼에 복사 기능을 수행하는 함수 연결 onClick을 이용해 클릭..

PROJECT 2021.10.24

[React] React Hook - useRef()으로 DOM 요소에 접근하기 (useRef 사용해서 링크 클립보드 복사 버튼 만들기, form 요소 focusing해보기)

리액트에서 특정 DOM을 선택하려면? Vanilla JS로 개발할 때에는 document.getElementById("id-value")과 같이 id값이 id-value인 DOM을 선택할 수 있었다. 하지만 리액트에서는 위의 방법을 대체할 수 있는 방법이 존재한다. 그렇다면 리액트에서 특정 DOM을 선택하려면 어떻게 해야 할까? 바로 useRef()를 이용하면 된다! 현재 작성하고 있는 프로젝트에서 함수형 컴포넌트로 코드를 작성하고 있기 때문에 함수형 컴포넌트를 사용할 때 useRef()를 사용하는 방법에 대해 알아보려고 한다 (❁´◡`❁) useRef() import React, { useRef } from "react"; const textRef = useRef('mini'); 먼저 useRef를 i..

[코딩 테스트] Closed-Book 코딩 테스트 팁

코테 전에 보고 갈것들 1. 자주 사용하는 STL의 함수들 기억 string ▪ 문자열 일부분 잘라내기 - substr s.substr(index, 개수) ▪ 문자열에서 특정 문자 찾기 - find s.find("찾으려는 문자열") -> 찾으려는 문자열이 등장하는 첫 번째 인덱스를 리턴해줌 vector vector 2. 형변환 방법 기억 형변환 가끔씩 까먹을 때 있음 string ↔ int string result = to_string(int); int result = stoi(string); (#include 필요) string ↔ char (잘안나오는듯) string result = ""; result.push_back(char); char result = int ↔ char int result = ..

ALGORITHM 2021.10.22

[자료구조] 2. Stack, Queue

[ 해당 글은 C++을 기준으로 작성했습니다. ] Stack Last In First Out (LIFO) 원소를 컨테이너의 한쪽 끝(스택의 top)에서만 꺼내거나 넣을 수 있다. 괄호 짝 맞추기를 할때 많이 사용했던 자료형. 중위식을 후위 표기법으로 변환할 때도 쓰인다. Code Queue First In First Out (FIFO) 원소를 컨테이너의 뒤(back)에 넣고, 앞(front)에서 꺼낸다. BFS의 핵심이 되는 자료형 Code + Stack 두 개로 Queue 구현해보기 스택 두 개를 이용해서 큐를 구현해 보았다. 큐는 다음과 같이 1 2 3 순서대로 넣으면 pop을 했을 때 1 2 3 순서대로 나와야 한다. 이를 입력을 받아들일 스택인 stack_for_input과 출력을 할 스택인 st..

[자료구조] 1. Array, List (ArrayList, Linked List)

Array (배열) 같은 자료형에 대한 자료들을 메모리에 연속적으로 저장하기 위해 사용된다. 물리적 저장 순서와 논리적 저장 순서가 일치하는 특징이 있다. 선언되면 컴파일 타임에 할당할 사이즈를 미리 정해놓고 정적 메모리를 할당함 ➡ 크기가 미리 정해지며, 사이즈 변경이 힘듦 index를 통한 random access가 가능하다. (이는 배열의 원소들이 연속된 메모리 위치에 저장되기 때문임) 크기 : 자료형에 대한 메모리 할당 크기 * 배열 요소의 개수 삽입 : O(N) 삭제 : O(N) 탐색 : O(1) ▶ 삽입/삭제 시에는 해당 원소를 삭제한 뒤, 다른 원소들의 조정이 필요하기 때문에 worst case가 O(N)이 됨 배열을 사용하기 좋은 경우 데이터의 개수가 정해져 있다 데이터 탐색을 할 일이 많..