👩🏻‍🌾

먼저, 새로 생성한 가상머신이 기존 가상 머신들과의 IP 충돌을 방지하기 위해 10.0.2.19로 IP를 설정하는 방법입니다. 이를 통해, 가상 머신들 간의 통신이 가능하게 만듭니다😊 1️⃣ yaml 파일을 열기sudo vi /etc/netplan/00-installer-config.yaml2️⃣ 아래 내용들을 작성하여 설정을 변경network: version: 2 renderer: networkd ethernets: enp0s3: addresses: - 10.0.2.19/24 # 변경된 고정 IP 주소 routes: - to: default via: 10.0.2.1 # 게이트웨이 nameservers: ad..

포스팅을 하기에 앞서 여담 하나를 얘기하자면,더보기인프런에 리액트 강의들이 꽤 많고 각각의 강의들은 해당 강의를 수강하면 최소 1개에서 많게는 4-5개의 프로젝트를 완성할 수가 있다. 내가 수강 중인 리액트 강의는 '감정 일기장' 프로젝트를 만들 수 있는데 수많은 강의들 중 내가 이 강의를 선택한 이유가 좀 황당하다.대학교 1학년 땐가 앱스토어 인기 유료 앱에 'MOODA'란 감정을 기록해서 일기를 작성할 수 있는 앱이 있었다. 앱 아이콘과 상세 화면 사진을 봤을 때, UI가 상당히 아기자기(아기자기한 거에 마음이 약한 편)하여 구매하게 되었고 2년 동안은 꽤 잘 사용한 거 같다.여튼, 그래서 졸업작품에서 리액트를 사용하게 돼서 처음 사용해보는 터라 리액트 강의를 찾아보고 있었고, 해당 강의를 발견하게 ..

자바 스크립트는 코드가 작성된 순서대로 작업을 처리하기 때문에 이전 작업이 진행 중일 때는 다음 작업을 수행하지 않고 기다린다. (= 즉, 먼저 작성된 코드를 먼저 다 실행하고 난 뒤, 그 뒤에 작성된 코드를 실행함) ➡️ 동기 방식의 처리 이런 동기적 처리의 단점은 위 사진의 taskB처럼 하나의 작업이 너무 오래 걸리는 경우, 오래 걸리는 작업이 종료되기 전까지 모든 작업이 올스탑 되기 때문에 전반적인 작업의 흐름이 느려진다는 점이 있다. ➡️ 동기 처리 방식의 문제점 그렇다면 코드를 실행하는 일꾼 Thread를 여러개 사용하는 방식인 'MultiThread' 방식으로 작동시키면 위 사진처럼 작업 분할이 가능하니까 오래 걸리는 작업이 있어도 다른 일꾼 Thread에게 작업을 지시하면 되니까 괜찮지 않..

1️⃣ 팝업창 표시하기 alert(내용)// 알림창 표시 confirm(내용)// 확인창 표시 ⬅️ [확인] 버튼과 [취소] 버튼이 있어서 사용자가 어떤 버튼을 클릭했는가에 따라 다르게 동작 가능 ⬅️ 확인 버튼 누르면 사진처럼 true 반환, 취소 버튼 누르면 false 반환 prompt(내용)// 사용자가 간단한 값을 입력할 수 있는 창 ⬅️ 입력값 반환 prompt(내용, 기본값)// 기본값 지정 가능 2️⃣ 콘솔창에 내용 표시 console.log(내용)// 콘솔 창에 결과 표시 3️⃣ 웹 브라우저 창에 내용 표시하기 document.write()// 웹 브라우저 창에 결과 표시, DOM을 이용해서 원하는 위치 지정

Git Command git 설정하기 git config --global user.name "이름" : 사용자 이름 설정 git config --global user.mail "이메일" : 사용자 메일 설정 git 저장소 만들기 git init : 저장소를 생성(초기화) git clone [url] : 저장소를 복제 git 파일 상태 git status : 파일이 어떤 상태인지 아래 4단계로 알려줌 Untracked, Unmodified, Modified, Staged git add : Untraacked 상태인 파일을 Tracked 상태로 변경할 수 있고, Modified 파일을 Staged 상태로 변경할 수 있음 git commit : Modified 된 파일을 Staged 상태로 커밋 git 관리 ..

우선, C컴파일러인 GCC부터 설치를 해보자. GCC의 설치여부는 아래 코드를 통해 확인할 수 있다. $ gcc 아래와 같은 메세지가 뜨면 gcc 설치가 되어있는 것이다. gcc버전은 아래와 같이 입력하면 확인할 수 있고 $ gcc -v 만약 설치가 안되어있을 경우에는 아래 코드를 작성해주면 설치 할 수 있다. $ sudo apt-get install gcc 다음으로, 샘플 c파일을 생성해준다. $ vim [파일명].c "hello"를 출력하는 간단한 프로그램을 작성 후, 저장하면 아래 사진에서 보이는 거와 같이 정상적으로 파일이 저장된 것을 확인할 수 있다. 이제, 실행파일을 만들어줄건데 [출력파일_이름]에 원하는 파일명을 지정해주면 된다. $ gcc -o [출력파일_이름] [소스파일_이름] 코드 작성..

Linux Command Directory ls 현재 또는 지정한 디렉토리에 있는 파일 및 디렉토리를 화면에 출력 cd 작업 디렉토리를 이동 cd [하위_디렉토리명] 현재 디렉토리에 있는 하위_디렉토리로 이동 cd.. 한 단계 상위 디렉토리로 이동 cd ../.. 두 단계 상위 디렉토리로 이동 cd [절대경로] 지정된 절대경로로 이동 cd ~[계정명] [하위_디렉토리] 계정의 홈 디렉토리에 있는 해당 하위 디렉토리로 이동 mkdir [디렉토리_경로] 새 디렉토리를 생성 mkdir Ex1/SubDir -> Ex1 디렉토리가 존재하는 경우, Ex1 디렉토리 하위에 SubDir 디렉토리 생성 mkdir -p Ex1/SubDir/SubSubDir -> 중간 디렉토리가 존재하지 않는 경우, 중간 디렉토리를 함께 ..

이번 포스팅에서는 ToggleButton 눌림 개수를 제한하는 방법에 대해서 작성하도록 하겠습니다. 우선, 저는 6개의 ToggleButton 중 최대 4개까지 눌릴 수 있도록 하였습니다. ToggleButton 총 6개를 만들어주고, 실시간으로 ToggleButton이 총 몇 개 눌렸는지 표시할 label도 우측 상단에 하나 만들어주었습니다. 이제 IsChecked가 true와 false일 때 각각의 버튼 이벤트를 작성해보겠습니다. private int cnt = 0; private void ToggleButton_Checked(object sender, RoutedEventArgs e) { cnt += 1; lbl.Content = cnt; if (cnt > 4) { MessageBox.Show("최..

이번 포스팅에서는 WPF 내에서 팝업 메세지를 띄우는 방법에 대해서 작성하도록 하겠습니다. WPF에서는 팝업 메세지 형식이 MessageBox밖에 없어서 안드로이드 스튜디오에서 사용되는 팝업 메세지 기능인 토스트(Toast)를 TextBlock과 DoubleAnimation을 이용하여 비슷하게 만들어 봤습니다. 우선, 버튼이 눌렸을 때 팝업 메세지가 뜨도록 하기 위해 Button과 메세지를 띄울 TextBlock을 생성해줍니다. 다음으로, 팝업 메세지를 띄울 함수를 작성해보도록 하겠습니다.private void ToastMessage(string message) { Color clr = Color.FromRgb(200, 210, 145); SolidCo..

이번 포스팅에서는 버튼(Button)의 모서리를 둥글게 만드는 법에 대해 써보도록 하겠습니다. WPF에서 버튼을 처음 생성시, 초기 모서리값은 0으로 각진 형태입니다. 이때, 모서리를 둥글게 해주는 속성이 있는데요 바로 'CornerRadius' 입니다. 이 속성은 속성창에서는 찾아볼 수 없기 때문에 xaml에서 코드로 작성해서 값을 설정해주어야 합니다. 우선, 버튼을 하나 생성해줍니다. 이제 xaml에서 해당 버튼에 대한 CornerRadius 속성값을 설정해주도록 하겠습니다. 에 태그를 추가하고 태그 안에 TargetType을 모서리로 지정해줍니다. 그리고 Property를 CornerRadius로 설정하고 값을 입력해주면 아래 사진과 같이 모서리가 둥글어진 것을 확인할 수 있습니다. 이렇게 하나의 ..