공부 기록용 공부 기록용

1. JSX 표기법 JSX 표기법에서는 함수의 반환 값을 HTML 태그를 기술할 수 있고 그것을 컴포넌트로 다뤄 화면을 구성한다.public/index.htmlsrc/index.js// react-dom 라이브러리에서 ReactDOM이라는 이름으로 모듈을 import 한다.import ReactDOM from "react-dom";// 함수 정의const App = () => { // return null; return 두밧두 와리와리;};// 첫번째 인수 render 대상, 두번 째 인수 render 위치// 리액트에서는 함수명을 HTML과 같이 태그로 감싸서 컴포넌트로 다룰 수 있다.ReactDOM.render(, document.getElementById("root"));return 이후 행이 ..

index.html Hello world! 영역 1 입니다. 영역 2 입니다. style.csshtml { height: 100%; width: 100%;}.container { border: solid 1px #ccc; padding: 16px; margin: 8px;}script.js// selector로 요소 얻기// getElementById 사용const title1 = document.getElementById("title");console.log(title1);// querySelector 사용const title2 = document.querySelector("#title");console.log(title2);// 클래스명으로 엘리먼트 얻기 const..

호이스팅(Hoisting)은 JavaScript에서 변수와 함수 선언이 코드의 최상단으로 끌어올려지는 동작을 의미합니다. 이 동작은 의도치 않은 버그와 예측하기 어려운 코드 동작을 초래할 수 있기 때문에 문제가 될 수 있습니다.1. 변수 값의 예측 불가var로 선언된 변수가 호이스팅되면, 코드에서 변수가 선언된 위치와 관계없이 최상단에서 선언된 것처럼 동작합니다. 이로 인해 예상치 못한 undefined 값이 발생하거나, 의도와 다른 동작이 나타날 수 있습니다.console.log(name); // 출력: undefinedvar name = "Alice";console.log(name); // 출력: "Alice"2. 재할당과 재선언 문제var로 선언된 변수는 같은 스코프 내에서 여러 번 재선언할 수 있..

1. const, let을 이용한 변수 선언 var 변수를 선언 시 문제점1) 변수를 덮어 쓸 수 있다.2) 다시 선언(재선언)할 수 있다.3) 함수 스코프와 호이스팅 (Function Scope & Hoisting)var는 블록 스코프를 무시하고 함수 스코프만 따른다.이는 if, for 같은 블록 내에서 선언된 변수가 블록 외부에서도 접근 가능하게 된다.또한 var로 선언된 변수는 호이스팅(hoisting)이라는 메커니즘에 의해 변수 선언이 스코프의 최상단으로 끌어올려진다.function test() { if (true) { var number = 10; // 블록 내에서 선언 } console.log(number); // 출력: 10 (블록 밖에서 접근 가능)}test()..

gitlab repository 연동기존에 개발한 프로젝트를 gitlab repository에 push한다.github repository 연동github password는 token을 발급하여 사용한다.

인스턴스를 중지했다가 다시 실행할 경우 퍼블릭 IP 주소가 변경된다.고정 IP 주소 사용을 위해 탄력적 IP를 할당하여 gitlab 인스턴스에 연결한다.docker-compose.yml 수정version: '3.6'services: web: image: 'gitlab/gitlab-ce:latest' restart: always hostname: '3.37.184.202' # 접속할 EC2 IP environment: GITLAB_OMNIBUS_CONFIG: | external_url 'http://3.37.184.202:80' # IP:PORT gitlab_rails['gitlab_shell_ssh_port'] = 22 ..

EC2 인스턴스가 너무 느려서 CPU 사용률을 확인하였더니 100% 였다.CPU 2 Core를 4 Core로 늘리고, 메모리도 4G에서 16G로 늘렸다.https://www.infracody.com/2023/09/3-ways-to-check-linux-cpu-usage.html#elcreative_toc____ 리눅스 CPU 사용률 확인하는 3가지 방법리눅스에서 CPU 사용률을 확인하는 다양한 방법에 대해 알아보고, 쉽게 사용할 수 있습니다. top, vmstat, mpstat 명령어를 사용하여 CPU 사용률을 확인하는 방법에 대해 자세히 설명하고 실습 예제 명www.infracody.comtop -bn1 | grep "Cpu(s)" | awk '{printf("CPU 사용률 : %.1f%%\n", 10..

EC2 인스턴스의 EBS 볼륨 사용률이 높아져서 용량을 늘렸다.인스턴스를 중지하고 볼륨을 수정한다.30G로 늘려준다.인스턴스를 다시 실행한다.# 파일 시스템에 적용# xfs 볼륨일 때xfs_growfs /dev/xvda1# ex4 볼륨일 때# resize2fs /dev/xvdalsblkdf -Th에러리눅스의 파일 시스템이 xfs일 경우 발생