JS 호이스팅과 var, let, const 차이점

호이스팅 호이스팅(hoisting) JavaScript의 인터프리터가 함수나 변수 선언을 선언들이 속해 있는 스코프의 최상단으로 끌어올리는 동작을 의미합니다. 즉, 함수나 변수를 선언하기 전에도 사용할 수 있다는 것을 의미합니다. 코드 실행 전, 자바스크립트 엔진이 해당 스코프에서 선언된 함수와 변수를 모두 찾고, 함수 선언문을 가장 최상단에 끌어올리고 그 다음으로 변수 선언을 올립니다. 아래 예제들을 보면서 설명하도록 하겠습니다. console.log(value); var value = "hello"; // undefined 여기서 변수 value 선언이 끌어 올려지기 때문에 다음과 같이 해석됩니다. var value; // 변수 value 호이스팅 console.log(value); // value ..

  • format_list_bulleted Front-End/JS
  • · 2023. 4. 25.
  • textsms
JS 현재 창 인쇄하기: window.print()

JS 현재 창 인쇄하기: window.print()

JS는 window.print() 메서드를 통해 현재 브라우저 창을 인쇄할 수 있습니다. DOCTYPE html> 현재창 인쇄 인쇄

  • format_list_bulleted Front-End/JS
  • · 2023. 4. 25.
  • textsms
JS 데이터 표시하는 방법(innerHTML, write(), console.log(), alert())

JS 데이터 표시하는 방법(innerHTML, write(), console.log(), alert())

innerHTML document.getElementById(id)를 사용하여 HTML 요소에 접근할 수 있습니다. 아래처럼 innerHTML 속성을 사용하여 HTML 내용을 작성할 수 있습니다. DOCTYPE html> h1 태그 div 태그 document.getElementById("test").innerHTML = "id가 test인 곳에 innerHTML 사용"; document.write() document에 출력하는 문법입니다. 아래 예제와 같이 HTML 문서가 로드된 이후, document.write()를 사용하면 기존 HTML이 모두 삭제됩니다. 때문에 document.write()는 테스트용도로만 사용하는 것이 좋습니다. DOCTYPE html> h1 태그 div 태그 TEST docu..

  • format_list_bulleted Front-End/JS
  • · 2023. 4. 25.
  • textsms

JS 작성 위치(<body>태그 가장 아래 위치하는 이유)

/ 태그 안에 직접 작성하기 태그 안에

  • format_list_bulleted Front-End/JS
  • · 2023. 4. 25.
  • textsms
AWS EC2 Swap File로 메모리 부족 대처(feat. EC2 Build 멈춤 해결)

AWS EC2 Swap File로 메모리 부족 대처(feat. EC2 Build 멈춤 해결)

EC2에서 빌드 중 계속 멈추는 현상이 발생했습니다. 문제는 프리티어는 RAM 1GB만 지원해주기 때문이었습니다. 이러한 메모리 부족 현상은 Amazon Docs에 설명되어 있듯이 하드디스크를 가상 메모리로 변환시켜 사용(Swapping)하여 해결할 수 있었습니다. 1. 메모리의 상태 확인 $ free 2. Swap File 생성 $ sudo dd if=/dev/zero of=/swapfile bs=128M count=32 dd 명령을 통한 루트 파일 시스템에 Swap File 생성 bs: 블록 크기, bs는 인스턴스에서 사용 가능한 메모리보다 작아야 합니다. count: 블록 개수 bs(128M) * count(16) = 4GB(4,096MB) 3. 생성한 Swap File 권한 설정 사용자의 읽기 및..

  • format_list_bulleted AWS
  • · 2023. 3. 25.
  • textsms
AWS Amazon RDS DBeaver에 연결 (+ EC2에서 접속)

AWS Amazon RDS DBeaver에 연결 (+ EC2에서 접속)

DBeaver 1. 새 데이터베이스 연결 2. 자신 환경에 맞게 선택 3. Connection Settings RDS 인스턴스 들어가 정보를 확인한 후 아래에 기입해줍니다. 엔드포인트 및 포트 확인 [RDS 인스턴스] > [연결 & 보안] 탭 > 엔드포인트 및 포트 확인 이를 통해 연결을 할 수 있습니다. DB 이름 & RDS Username 확인 [RDS 인스턴스] > [구성] 탭 > DB 이름 & 마스터 사용자 이름 EC2에서 접속 EC2에 mariaDB 설치 # mariadb 설치 $ sudo yum install mariadb # RDS 접근 $ mysql -u {username} -p -h {엔드포인트}

  • format_list_bulleted AWS
  • · 2023. 3. 23.
  • textsms