본문 바로가기

분류 전체보기487

[자바스크립트] 상수 (const)와 심볼(Symbol)의 비교 자바스크립트에서 바꿀 수 없는 값을 지정하기 위해서 const 와 Symbol 을 사용할 수 있습니다. 두 가지의 사용법과 차이점을 알아봅니다. 상수(const) 상수는 선언과 동시에 값을 지정하고, 이후로 변경이 불가능합니다. 중복 선언 또한 불가능합니다. // 선언과 동시에 초기화 합니다. const num = 5; // 이후에 값을 바꾸려고 하면 에러가 발생합니다. num = 10; // 중복 선언을 하려고 하면 에러가 발생합니다. const num = 7; 심볼(Symbol) 심볼은 값을 바꿀 수 없으면서 유일한 값을 만듭니다. 한번 만들어진 값은 자신외에 어떤 값과도 같지 않습니다. // 심볼을 하나 생성합니다. const SUN = Symbol(); // 심볼 생성시 인자값을 줄 수 있습니다... 2023. 6. 5.
OpenOffice Calc에서 행과열을 바꾸기 오픈오피스 Calc에서 행과 열을 바꾸는 방법을 알아봅니다. 아래와 같은 표가 있습니다. 행은 판매처이고 열은 품종으로 되어 있습니다. 이 표를 행은 품종이 열은 판매처가 오도록 아래처럼 바꾸는 것입니다. 1. 원본 표 전체를 선택하고 복사(Ctrl+C) 합니다. 2. 붙여넣기 원하는 곳에 커서를 두고 선택하여 붙여넣기(단축키: Ctrl+Shift+V 또는 메뉴: "편집 -> 선택하여 붙여넣기")를 합니다. 3. 아래 그림처럼 선택하여 붙여넣기 옵션창이 뜨면 아래쪽 "옵션"부분의 "행과 열 맞바꾸기"를 체크하고 "확인"을 누르면 행과 열이 바껴서 붙여넣기가 됩니다. 오픈 오피스에서 행과열을 바꾸는 방법을 알아보았습니다. Microsoft Excel에서는 붙여넣기 옵션에 행과 열을 바꿔서 붙여넣는 기능이 .. 2023. 6. 5.
VirtualBox 디스크 확장하기(Fedora 37 Workstation) VirtulaBox에 Fedora 37 Workstation을 설치했습니다. 설치시에 디스크 크기를 기본값인 8GB로, 디스크 타입은 VDI로 설정을 했었습니다. 프로그램 몇가지 설치하지 않았는데 금방 용량이 부족하다는 메세지가 뜨네요. 디스크 크기를 10GB로 확장하였습니다. VirtualBox디스크 확장은 크게 두가지 단계를 거칩니다. 1. VirtualBox에서 디스크 크기를 늘립니다. 이는 물리적인 디스크 크기를 늘리는 것과 같다고 생각하면 됩니다. 2. 운영체제의 논리 파티션 크기를 늘립니다. 이를 위해서 Gparted라는 소프트웨어를 사용했습니다. 이제 확장해 봅니다. 먼저 VirtualBox를 실행해서 디스크 크기를 늘립니다. 이를 위해서 가상머신은 "전원 꺼짐" 상태에 있어야 합니다. "파.. 2023. 6. 5.
JupyterLab과 Jupyter notebook 알아보기 Python에 대해 이것저것 알아보다 보니, 많이 보이는 것이 Jupyter notebook이라는 것이었습니다. 그래서 이게 뭘까 찾아 보았습니다. Jupyter 프로젝트의 공식 사이트는 https://jupyter.org/ 입니다. Jupyter프로젝트는 "모든 프로그래밍언어에서의 대화형 컴퓨팅을 위한 무료 소프트웨어, 개방형 표준 및 웹 서비스"를 모토로 하고 있었습니다. 처음에는 Jupyter notebook이라는 말을 듣고, 노트북 컴퓨터를 예기하나 생각했었는데, 역시 notebook 컴퓨터는 콩글리시이고, 본토의 의미대로 공책인 notebook을 말하는 것이었습니다. 아래 이미지는 Jupyter Notebook을 실행한 모습입니다. Chrome 웹 브라우저 상에 실행되어 있습니다. Noteboo.. 2023. 6. 5.
Fedora 37 + Visual Studio Code환경에서 Python패키지 설치와 가상환경 사용하기(feat. matplotlib, tkinter) Fedora 37 + Visual Studio Code 환경에서 가상환경을 만들고 패키지를 설치하는 방법을 알아봅니다. 예제로 matplotlib를 설치하고 그래프를 그려보겠습니다. Linux에서 실행되는 Visual Studio Code는 WSL(Windows Subsystem for Linux)을 사용해서 터미널을 실행하고 프로그램들을 실행합니다. WSL 내에서 실행되는 matplotlib은 WSL의 UI 지원 부족으로 그래프를 보여줄 수 없습니다. 그래서 tkinter를 설치해서 그래프를 출력합니다. tkinter는 Python interface to Tcl/Tk로 Tcl/Tk GUI 툴킷을 사용할 수 있도록 해 줍니다. 1. tkinter를 설치합니다. sudo dnf install python3.. 2023. 6. 5.
Fedora 37 + Visual Studio Code에서 Python사용하기 리눅스 Fedora 37에 설치된 Microsoft Visual Studio Code에서 Python을 사용해 보겠습니다. Fedora 37 Workstation을 설치하면 기본적으로 Python 인터프리터가 설치되어 있었습니다. 아래 명령어로 설치된 python을 확인할 수 있습니다. 설치된 python의 버전은 3.11.1이었습니다. python --version Python이 설치되어 있으므로 Visual Studio Code에 Python 확장을 설치합니다. Visual Studio Code를 실행하고, 왼쪽 메뉴바에서 확장 아이콘을 클릭하여 마켓플레이스를 열고 python으로 검색합니다. 검색된 확장들 중 Microsoft에서 나온 Python 확장을 설치합니다. Python확장이 설치되었습니다.. 2023. 6. 5.
리눅스 Fedora 37에 Visual Studio Code 설치하기 Fedora 37에서 사용할 개발툴로 Microsoft Visual Studio Code를 설치합니다. 설치 방법은 Visual Studio Code 공식 사이트인 https://code.visualstudio.com/docs/setup/linux 에 리눅스 배포판 별, 버전 별 설치 안내가 자세히 나와 있습니다. Fedora 37에 설치하는 방법을 보겠습니다. 명령들은 관리자 권한으로 실행되어야 하므로 sudo 명령을 사용하고 있습니다. 먼저 Microsoft저장소를 사용할 수 있도록 추가하는 과정입니다. rpm --import 명령으로 검정용 키를 추가합니다. 다음으로 저장소 파일인 "/etc/yum.repos.d/vscode.repo" 파일을 생성합니다. sudo rpm --import https:.. 2023. 6. 5.
Fedora 37 리눅스에 구글 Chrome 브라우저 설치하기 Fedora 37에는 기본적으로 파이어폭스 브라우저가 설치되어 있습니다. 하지만 익숙한 Chrome을 설치해보겠습니다. 화면 왼쪽위의 "현재 활동"을 클릭하면 화면 하단에 대시보드(메뉴바)가 보여집니다. 이곳에서 "소프트웨어" 아이콘을 클릭합니다. "소프트웨어" 프로그램이 실행되면 오른쪽위 세개의 가로줄 아이콘을 클릭하고 팝업된 메뉴에서 "프로그램 저장소(S)"를 클릭합니다. 프로그램 저장소에서 아래쪽으로 조금 스크롤하면 "페도라 제3자 저장소" 항목이 보입니다. Fedora 37 설치시 설정에서 "서드 파티 저장소 사용"을 사용하도록 했다면 이부분이 모두 활성화 되어 있을 것입니다. 비활성화 상태라면 "새 저장소 활성"과 "google-chrome"을 활성화 합니다. 변경하려고 하면 인증이 필요하다고 .. 2023. 6. 5.
VirtualBox 가상머신 Fedora 37 Linux 메모리 확장하기 앞에서 Fedora 37 리눅스를 VirtualBox 가상머신으로 설치하여 보았습니다. 이때 주메모리와 비디오 메모리를 기본값으로 설치했다면 성능이 좀 떨어질 수 있습니다. 컴퓨터의 메모리에 여유가 있다면 가상머신의 주 메모리와 비디오 메모리를 늘려서 성능을 높일 수 있습니다. 메모리 크기를 변경하려면 가성머신의 전원이 꺼진 상태에서 해야 합니다. 켜진 상태에서는 비활성화 되어 변경할 수 없습니다. 가상머신을 선택하고 "설정(S)" 버튼을 눌러 설정창을 엽니다. 왼쪽 메뉴에서 "시스템"을 클릭하고 "마더보드(M)" 탭에서 기본 메모리를 변경합니다. 왼쪽 메뉴에서 "디스플레이"를 클릭하고 "화면(S)" 탭에서 비디오 메모리를 변경합니다. 비디오 메모리가 최대 128MB까지 밖에 선택할 수 없으면 Virtu.. 2023. 6. 5.
Fedora 37 리눅스에서 한글입력, 세벌식 자판 설정하기 Fedora 37은 기본으로 한글을 지원합니다. 설치시 한국어를 선택해서 설치하면 메뉴들이 한글로 정상적으로 보입니다. 그런데, 한글 입력이 되지 않았습니다. 뭔가 오류가 있는것 같습니다. 시스템 자판설정에는 한영 전환키가 "Super + space"로 되어 있고 이 키로 전환되는 것처럼 표시가 되기는 하는데, 한글 입력을 안되는 상황입니다. Super키는 Windows 또는 Command키를 말합니다. 찾아보니 입력기는 ibus를 사용하고 있었습니다. 우측 상단의 상태바에서 한영 표시 부분을 클릭하여 ibus설정이 가능합니다. 이 설정후에 한글이 정상적으로 입력이 되었습니다. 설정 방법을 알아보겠습니다. 한글 표시 부분을 클릭합니다. 여기서 "한국어(Hangul)"을 클릭합니다. 다시 한글 표시 부분을.. 2023. 6. 5.
VirtualBox에 Fedora 37 리눅스 설치하기 요즘 리눅스도 사용자 환경이 많이 좋아졌다는 예기를 들었습니다. 개발용으로 VirtualBox에 Fedora 37 리눅스를 설치해 봅니다. 사용해보고 현재 쓰고 있는 Windows를 대체할 수 있다고 생각되면 다음 컴퓨터를 바꿀때는 리눅스를 사용해 볼까 합니다. 그러므로 Sever가 아닌 Workstation으로 설치합니다. VirtualBox설치는 되어있는 상태에서 리눅스를 설치하는 것을 알아보겠습니다. 먼저 https://getfedora.org/ko/workstation/download/ 에서 ISO 파일을 다운로드 받습니다. 다운로드 받은 파일 이름은 Fedora-Workstation-Live-x86_64-37-1.7.iso 이고, 파일 크기는 1.89GB 정도입니다. VirtualBox를 실행하.. 2023. 6. 5.
JavaScript - 문장(Statement)과 표현식(Expression)의 차이점 JavaScript에서 문장(Statement)과 표현식(Expression)이 어떤 의미를 가지는지 알아봅니다. 아마도 다른 언어에서도 비슷한 의미로 사용될 것이라고 생각됩니다. 문장(Statement)은 프로그래밍에서 실행 가능한 최소의 코드라고 할 수 있습니다. 한 줄이 될 수도 있고, 블록({})으로 묶여 여러줄이 될 수도 있습니다. 문장의 예) let a, b; // 변수를 선언하는 문장. let c = 1; // 선언과 초기화를 한 번에 하는 문장. // 조건을 판별하는 if문장 if(a > b) { console.log("a가 b 보다 큽니다."); } a = b; // 대입 문장 c = a + b; // 계산 문장 표현식(Expression)은 주로 식별자, 연산자, 리터럴 등으로 구성되고.. 2022. 4. 19.
JavaScript - 반복문 반복문은 어떤 명령을 반복적으로 실행해야할때 사용됩니다. 자바스크립트에서는 다음과 같은 반복문을 사용할 수 있습니다. 1. for 문 2. while 문 3. do...while 문 4. 레이블, break, continue 문 5. for...in 문 6. for...of 문 1. for 문 for문은 "초기문, 조건문, 증감문"을 사용해서 반복 횟수를 지정하는 방식입니다. for([초기문]; [조건문]; [증감문]) { 문장; } // 0부터 4까지 5회 반복 for(let i = 0; i < 5; i++) { console.log("i = " + i); } // 배열 인덱스로 사용하는 방법 let arr = [ "foo", "bar", "baz" ]; for(let i = 0; i < arr.len.. 2022. 4. 12.
Boot와 React를 사용한 Simple Homepage 템플릿 설치 (2/2) 전자정부 표준프레임워크 v4, Boot와 React를 사용하는 Simple Homepage 템플릿 두 번째 프론트엔드 부분을 설치해보겠습니다. 1. 필요사항 * git : 설치참조 - https://offbyone.tistory.com/440 * Node.js : 설치참조 - https://offbyone.tistory.com/441 * Visual Studio Code : 설치참조 - https://offbyone.tistory.com/435 2. 설치하기 - 명령창을 이용해서 프로젝트를 생성할 폴더(D:\workspace\vscode)로 이동합니다. 이 폴더 아래에 프로젝트 폴더가 생성됩니다. - git을 사용해서 프로젝트를 받습니다. egovframe-template-simple-react 폴더가 .. 2022. 4. 10.
Boot와 React를 사용한 Simple Homepage 템플릿 설치 (1/2) 전자정부 표준프레임워크 v4에서 React를 사용한 템플릿이 추가되었네요. 어떤 모습인지 설치를 해보겠습니다. 테스트에 사용된 운영체제는 Windows 10입니다. React는 SPA(Single Page Application)을 만드는 프레임워크입니다. SPA는 일반적인 홈페이지와 다르게 페이지 전환이 없고, 하나의 페이지에서 모든 화면 구성요소를 자바스크립트로 만들어서 교체하는 방식으로 동작합니다. 페이지 전환이 일어나지 않으므로 화면에 표시할 데이터는 Ajax를 이용해 백엔드 서버와 주로 JSON 형식의 데이터를 주고 받습니다. SPA의 또하나의 특징으로는 사용자에게 보여지는 자바스크립트 프로그램을 사용자에게 보내주는 프론트엔드 서버와 사용자로부터 받은 데이터를 처리하는 백엔드 서버를 별도로 구성하.. 2022. 4. 9.