BelieveCom

Windows 사용 중 C드라이브 용량을 확인하니까. 갑자기 빨간색으로 변경되어 용량 부족을 알리고 있습니다. 처음에는 다운로드 파일이 많아서인 줄 알았습니다. 다운로드 폴더를 모두 삭제해도 용량이 줄어들지 않아 C드라이브 내용을 확인하니까 이상하게 용량이 엄청난 파일을 확인할 수 있었습니다.

hibeffil.sys, pagefile.sys 두개 파일로 이름만 보면 매우 중요한 파일처럼 보입니다. 두파일을 합치면 무려 30GB입니다. 먼저 두 파일에 대해서 알아보겠습니다.

hiberfil.sys 파일
절전모드 및 최대절전 모드 기능으로 컴퓨터를 장시간 사용하지 않고, 켜두면 자동 생성되는 파일입니다. 완전삭제는 안되며 기능으로 ON, OFF 가능합니다.

pagefile.sys 파일
하드디스크의 일부분을 램 처럼 사용할 시 생성되는 파일로 메모리가 부족할 때 하드디스크 용량으로 사용되는 파일입니다. 설정으로 삭제 가능

hiberfil.sys, pagefile.sys 두 파일 모두 일반 삭제는 불가능합니다. 삭제하면 파일이 열려있다는 메시지가 출력됩니다. 그럼 두 파일 모두 삭제하는 방법을 알아보겠습니다.

pagefile.sys 삭제 방법

pagefile.sys는 설정으로 완전 삭제가 가능합니다. 먼저 내 컴퓨터에서 고급 시스텝 설정 메뉴를 클릭합니다.

'시스템 속성'에서 '고급' 탭으로 이동해서 상단에 있는 '설정' 버튼을 클릭합니다. 성능 옵션 창을 확인할 수 있습니다.

성능 옵션 항목에서 '고급' 탭으로 이동해서 아래쪽에 있는 '가상 메모리' 하단에 있는 '변경' 버튼을 클릭합니다.

가상 메모리 창에서 상단에 있는 '모든 드라이브에 대한 페이징 파일 크기 자동 관리' 항목은 언체크 합니다. 아래쪽에 있는 '페이징 파일 없음'으로 변경하고, '설정' 버튼을 클릭해서 모든 설정을 완료합니다. 설정 완료되면 재부팅 후 pagefile.sys파일이 삭제된 것을 확인할 수 있습니다.

hiberfil.sys 파일 삭제 방법

hiberfil.sys 파일은 cmd 명령어로 삭제가 가능합니다. 일반 cmd가 아닌 관리자 권한으로 실행해야 합니다.

명령어 창에 cmd를 입력하고 마우스 우클릭을 사용해서 '관리자 권한으로 실행' 메뉴를 클릭해서 실행합니다.

cmd 창에서 'powercfg -h off' 입력하면 hiberfil.sys 파일이 삭제됩니다.

간단 방법으로  pagefile.sys, hiberfil.sys 파일을 삭제할 수 있어 30GB 용량을 확보했습니다. C드라이브 용량이 갑자기 줄어들었다면, 탐색기에서 pagefile.sys, hiberfil.sys 파일을 확인하고, 용량을 줄여보세요. 감사합니다.

오늘은 Windows 환경에서 플러터(Flutter) 설치 및 실행 방법을 알아보겠습니다. 플러터(Flutter)는 구글이 출시한 오픈 소스 크로스 플랫폼 GUI 애플리케이션 프레임워크입니다. 다양한 기능 및 버전업으로 많은 사랑을 받고 있는 프레임워크입니다.

플러터(Flutter)는 Android 및 다양한 개발 프로그램에 사용 가능합니다.  전 Android에 사용하기 위해서 먼저 Android Studio를 설치했습니다.

https://developer.android.com/studio

위 사이트를 방문해서 Android Studio를 설치합니다. 구 버전이 설치되어 있다면 새 버전으로 변경하는 것도 좋습니다. Android Studio 설치 후 직접적으로 Android Studio를 사용하지 않고 ADB를 실행하려면 반드시 sdk path 등록이 필요합니다.

https://docs.flutter.dev/development/tools/sdk/releases?tab=windows 

이제 가장 중요한 플러터(Flutter)를 설치해야 합니다. Flutter SDK 사이트에 방문해서 최신 버전을 다운로드합니다. 다운로드 시 바이러스로 인식하는 문제가 있지만, 전 그냥 해제하고 다운로드했습니다. 정상적으로 다운로드되었다면, 압축을 해제합니다.

환경 설정으로 path를 등록하기 위해서 가장 자주 사용하는 폴더에 압축을 해제하는 게 좋습니다.

정상적으로 압축이 해제되었다면, bin 폴더를 확인할 수 있습니다.

환경설정에서 path 변수에 편집을 클릭해서 압축해제된 플러터(Flutter) bin 폴더를 입력합니다.

환경설정이 정상적으로 등록되었다면, 'flutter doctor' 명령어로 설치 상태를 확인할 수 있습니다.

녹색으로 체크되면 정상이고 빨간색은 오류입니다. 오류 내용을 확인하면 설치 확인 시 Android SDK licenses 동의가 필요하다고 합니다. 친절하게 'flutter doctor --android-licenses'를 입력하라고 합니다. 그런데 입력하면 오류가 발생합니다. 이를 해결하기 위해서 Android studio에서 Tool을 설치가 필요합니다.

Androdi studio 실행 후 'settings' 메뉴에서 'System Settings' 메뉴를 선택합니다.

하위 항목에서 Android SDK 메뉴를 선택하고 SDK Tools 탭으로 이동 후 하단에 있는 "Android SDK Command-line Tools"를 체크하고 설치합니다. 정상적으로 설치되었다면 라이선스 동의 명령어 'flutter doctor --android-licenses' 입력하고 확인하면 정상적으로 모두 녹색으로 체크됩니다. 이제 Android Studio에서 Flutter Plugin 설치가 필요합니다.

Android Studio 실행 후 'Settings' 메뉴에서 하단에 있는 'Plugins' 메뉴를 선택하고, 상단에 있는 검색에서 Flutter를 입력 후 설치합니다.

정상적으로 설치되었다면, File 메뉴에서 'New Flutter Project' 메뉴를 확인할 수 있습니다.

'New Flutter Project' 메뉴를 선택하고 하단에 있는 'Flutter' 클릭하면 왼쪽에 SDK path를 입력해야 합니다. 압축해제된 경로를 입력하고 'Next' 버튼을 클릭하면 Flutter Project를 생성할 수 있습니다.

정상적으로 설치되었다면 Project가 생성되고, IOS, Android, Windows 항목을 확인할 수 있습니다. 플러터(Flutter)는 lib 폴더 아래에 있는 main.dart 파일로 실행할 수 있습니다. const Text 항목을 변경하고 실행하면 'Flutter Demo Home Page' 앱 화면을 확인할 수 있습니다. 감사합니다.

오늘은 크롬(Chrome) 브라우저에서 자주 사용하는 즐겨찾기 백업 방법 및 관리 방법을 알아보겠습니다. 기본적으로 크롬(Chrome)은 로그인 동기화를 사용해서 즐겨찾기(북마크) 백업이 가능합니다. 정말 중요한 내용이 있다면 별도 파일로 즐겨찾기(북마크) 백업이 가능합니다.

1. 크롬 즐겨찾기(북마크) 백업 방법

크롬(Chrome) 브라우저는 즐겨찾기(북마크)는 별도 파일로 특정 폴더에 저장됩니다. 파일 위치는 %localdata%를 입력해서 Local\Google\Chrome\User Data\Default 위치로 이동하면 파일 상단에 Bookmarks파일을 확인할 수 있습니다.

Bookmarks 파일을 오픈하면 node 형태로 즐겨찾기 사이트 정보를 확인할 수 있습니다. Bookmarks 파일을 동기화를 통해서 저장되거나 별도 백업으로 관리 가능합니다. 즐겨찾기(북마크) 정보를 별도 파일로 저장하고 싶다면 Bookmarks 파일을 복사해서 저장하면 됩니다.

2. 즐겨찾기(북마크) 관리 방법

즐겨찾기(북마크)를 간단하게 관리하기 위해서는 즐겨찾기(북마크) 위치에서 삭제를 사용해서 정리가 가능하지만 정보를 한눈에 확인할 수 없어 불편합니다. 

크롬(Chrome)에서 간단하게 북마크를 관리하기 위해서는 즐겨찾기(북마크)에서 마우스 우클릭을 사용해서 "북마크 관리자" 메뉴를 클릭합니다.

설정된 북마크 정보를 리스트 형태로 확인 가능합니다. 리스트 형태로 구분되어 있으면서 바로 선택 가능해서 편집하기 매우 편리합니다.

우측에 있는 메뉴 이미지를 클릭해서 편집 및 삭제 기능을 사용해서 북마크를 정리 관리할 수 있습니다. 크롬(Chrome)에서 즐겨찾기(북마크)를 너무 단순하게만 사용해서 정보를 저장하면 즐겨찾기(북마크) 의미가 없어집니다. "북마크 관리자" 기능을 사용해서 크롬(Chrome)을 깔끔하게 정리해 보세요. 감사합니다.

PC에서 크롬 브라우저를 많이 사용하고 있습니다. 그런데 어느 날부터인가, 크롬 브라우저에서 구글 검색을 통해서 블로그를 방문하면 HTTP ERROR 400 오류가 발생하면 페이지를 확인할 수 없게 되었습니다. 혹시나 하는 마음에 다른 브라우저 Edge, 웨일 등을 사용하면 정상적으로 블로그 확인이 가능했습니다. 공통적인 내용을 확인해 보니까, 티스트(TISTORY) 블로그 내용만 접근이 안되고 오류가 발생했습니다. 오늘은 크롬 브라우저에서 티스토리(TISTORY) 방문 시 발생하는 HTTP ERROR 400 오류 해결 방법을 알아보겠습니다.

방법은 매우 간단하지만, 크롬 로그인을 이용해서 로그인 동기화를 진행하지 않았다면, 저장된 다른 사이트 기본 정보가 모두 삭제됩니다. 꼭 참고하시고, 로그인 정보가 중요하지 않다면 실행해주세요. 먼저 크롬 브라우저 옵션에서 "설정" 메뉴를 클릭합니다.

설정 항목중에서 "개인 정보 보호 및 보안" 메뉴를 클릭합니다.

개인 정보 보호 및 보안에 따른 메뉴를 확인할 수 있습니다. 최상단에 있는 "인터넷 사용 기록 삭제" 메뉴를 선택합니다.

인터넷 사용 기록 삭제 메뉴에서 "쿠키 및 기타 사이트 데이터"를 선택하고 "인터넷 사용 기록 삭제" 버튼을 클릭하면 그동안 저장된 쿠키 및 사이트 데이터 정보가 삭제되면서 초기화됩니다. 쿠기 및 데이터 정보는 로컬 정보로 개인 PC에만 저장되는 정보로 티스토리 접근시 오류가 발생하는 문제입니다. 정상적으로 초기화되었다면 크롬에서 티스토리 사이트를 정상적으로 방문 확인할 수 있습니다. 감사합니다.

파이썬(python)에서 사용하는 package는 pip 명령어를 사용해서 설치합니다. package 모듈은 pip를 사용할 경우 사용자 폴더 site-packages에 저장됩니다. 오늘은 파이썬(python)에 사용되는 package 버전 정보를 한 번에 확인할 수 있는 방법을 알아보겠습니다. site-packages 폴더를 확인하면 패키지 이름만 확인이 가능합니다. 설치된 패키지가 많다면서 버전 확인은 더욱더 힘듭니다. pip 기능 중에 버전을 확인할 수 있는 명령어를 지원합니다.

pip list

pip list를 사용하면 Package, Version을 정렬하여 확인 가능합니다. 일반적인 리스트 형태로 보고 싶다면 freeze 명령어를 사용하면 됩니다.

pip freeze

freeze 명령어를 사용하면 package 이름과 버전이 한번에 출력됩니다. 가독성은 조금 떨어지지만, package 버전은 한눈에 들어옵니다. package 모듈에 대한 상세한 정보를 알고 싶다면 show 명령어를 사용하면 됩니다.

pip show 모듈명
예제) pip show wheel

pip show 모듈명으로 입력하면 package 모듈에 대한 자세한 정보를 확인할 수 있습니다. 파이썬(python)은 다양한 package를 사용하는 언어로 package 버전에 따라서 매우 민감하게 동작하므로, 버전 확인은 자주 사용하게 됩니다. import 사용 시 모듈 정보를 확인할 수 없다면 대부분 package 버전 오류입니다. 오류가 지속적으로 발생한다면 가상환경 구성 후 package 최신 버전으로 설치하는 게 가장 빠른 방법입니다. 파이썬(python) 설치된 package 버전을 알고 싶다면 list, freeze 명령어로 확인해보세요. 감사합니다.

IntelliJ에서  파이썬(Python)을 실행하기 위해서 기본적으로 실행 환경 설정이 필요합니다. 파이썬(Python)은 실행에 따른 패키지를 site-packages 폴더에 저장하며, pip로 설치할 경우 기본 사용자 폴더 아래쪽에 위치합니다. 일반적으로 IntelliJ를 사용해서 파이썬(Python) 프로젝트를 생성하면 venv 가상화가 실행되면서 프로젝트 하단 site-packages 폴더에 설치됩니다.

IntelliJ 버전, 파이썬(Python) 버전이 업그레이드되면 site-packages 폴더를 확인할 수 없어 컴파일이 안 되는 경우가 있습니다. 오늘은 이런 문제를 해결하기 위해서 IntelliJ에서 파이썬(Python) 프로젝트 설정 방법을 알아보겠습니다. 기본적으로 파이썬(Python)을 실행 후 import 항목에 빨간줄이 있다면 패키지를 확인할 수 없는 상태입니다.

"File" 메뉴에서 3번째 항목에 있는 "Project Structure"  메뉴를 클릭합니다.

Project Settings 창이 출력되면서 SDK 항목에 "No SDK"를 확인할 수 있습니다.

기존에 설치된 SDK 항목을 선택합니다. SDK는 신규 파이썬(Python) 프로젝트에 따라서 여러 SDK가 생성될 수 있습니다. 가장 최근에 사용한 SDK를 선택하면 됩니다.

프로젝트 항목에서 SDK가 선택되면 정상적으로 패키지 정보를 확인할 수 있습니다. venv로 구성된 파이썬(Python) 프로젝트는 버전업에 따른 패키지 경로가 고정되어 있어 별도 설정 없이 동작합니다. venv로 설정되어 있지 않다면 SDK 설정 후 신규 프로젝트를 생성하면 정상적으로 컴파일됩니다. 감사합니다.

개발 테스트로 사용하던 JetBrains IntelliJ를 실행하니까, 어느 날부터 라이선스 갱신 메시지를 확인할 수 있었습니다. 무시하고 그냥 사용하면 실행 후 30분만 사용이 가능하다는 메시지를 확인할 수 있습니다. 구입도 좋지만, 먼저 라이선스 갱신 가능여부를 검색했습니다. 검색 결과 교육용 라이선스는 갱신이 가능하다는 것을 알았습니다. 그래서 오늘은 개발자에게 도움이되는 JetBrains IntelliJ 교육용 라이선스 갱신 방법을 알아보겠습니다.

JetBrains IntelliJ를 실행해서 라이선스 메뉴를 클릭하면 로그인 정보를 입력해서 라이선스를 갱신하는 화면을 확인할 수 있습니다. 아직 갱신 전이라면 로그인 정보를 입력하면, 유효하지 않는 라이선스라고 확인됩니다.

먼저 JetBrains 홈페이지에 로그인해서 라이선스 정보를 확인합니다. vaild through 항목을 확인하니까 사용 기간이 만료되었습니다. 이제 교육용 라이선스 갱신을 하기 위해서 "Renew my Education Pack" 항목을 클릭합니다.

라이선스 갱신을 위한 정보를 입력하고 제출하면 메일로 인증을 보냅니다.

JetBrains IntelliJ 갱신 요청한 메일로 인증을 보냈다는 메시지를 확인할 수 있습니다.

등록한 메일로 로그인해서 JetBrains에서 보낸 메일을 확인하면 링크를 클릭해서 갱신을 진행하라고 합니다.

링크를 클릭하면 정상적으로 JetBrains IntelliJ 교육용 라이선스 갱신이 완료됩니다.

JetBrains 홈페이지에 로그인해서 라이선스 정보를 확인하면 Valid Through 항목이 2024년으로 갱신된 것을 확인할 수 있습니다.

마지막으로 JetBrains IntelliJ를 실행 후 라이선스 메뉴를 클릭하고 로그인하면 정상적으로 JetBrains IntelliJ 교육용 라이선스가 갱신되어 사용 가능합니다. 학교 메일이 정상적으로 유지된다면 매년 갱신을 통해서 JetBrains IntelliJ 교육용 버전을 사용할 수 있어 개발에 많은 도움을 받을 수 있습니다. 아직도 JetBrains IntelliJ를 사용 전이라면 꼭 확인해주세요. 감사합니다.

오늘은 리액트 네이티브(React Native)에서 Image Component 사용법을 알아보겠습니다. 앱에서 이미지는 정말 많이 사용되는 기능으로 다양한 방법으로 접근이 가능합니다.

먼저 App.js 파일을 클릭해서 파일을 오픈합니다.  리액트 네이티브(React Native)에서 Image Component를 사용할 수 있게 소스 상단에 있는 import를 사용해서 "Image"를 추가해주세요.

Image Component는 Network Image 리소스를 사용하는 방식과 직접 Image 리소스를 접근하는 방식으로 구분할 수 있습니다. 먼저 Network Image 리소스를 사용하기 위해서 Image Component를 설정하고 source에 주소를 입력합니다. 여기서 중요한 내용은 Network Image 리소스를 사용할 경우 반드시 style를 사용해서 크기를 지정해야 합니다. 크기를 지정하지 않으면 이미지가 화면에 출력되지 않습니다.

<Image
      source ={{uri:"https://reactnative.dev/img/tiny_logo.png"}}
      style={{width:300, height:300}} />

Android 디바이스를 갱신하면 React 로고 이미지를 확인할 수 있습니다. Image Component는 resizeMode 옵션에서  cover, contain, center, stretch, center, repeat 속성을 추가하면 다양한 이미지 크기 변경이 가능합니다.

두 번째 방법은 직접 Image 리소스를 사용하는 방법입니다. 먼저 Project 아래에 img 폴더를 생성합니다. 리액트 네이티브(React Native)는 다양한 디바이스에 앱을 구성하므로, 항상 공통 폴더를 사용해서 접근하는 게 편리합니다. 리소스에 사용할 이미지를 img 폴더에 복사합니다.

이제 require 함수를 사용해서 직접 리소스를 접근할 수 있습니다. Network Image 리소스와 다르게 크기를 지정하지 않아도 원본 크기로 이미지를 출력합니다. 소스 접근은 "./img" 상위폴더 경로를 사용해서 접근하면 됩니다. 폴더 생성이 불편하면 Project 폴더 아래 이미지를 저장해도 상관없습니다.

<Image source={require('./img/rnimg.png')}
                 style={{width:200, height:200}}/>

저장된 Image가 Android에 출력되는 것을 확인할 수 있습니다.

마지막으로 이미지를 가운데 출력하기 위한 방법을 알아보겠습니다. 이미지를 중앙에 위치하기 위해서 다양한 위치 조정 옵션을 사용하지만, 가장 쉽게 중앙에 위치하기 위해서는 View를 사용해서 이미지를 구성하면 됩니다. justifyContent, alignItems 옵션을 사용해서 중앙에 Component가 위치하게 적용하면 이미지가 중앙으로 이동합니다.

<View style={{
              justifyContent:'center',
              alignItems: 'center',
          }}>
              <Image
                  source ={{uri:"https://reactjs.org/logo-og.png"}}
                  style={{width:300, height:300}}
              />
          </View>

오늘은 리액트 네이티브(React Native)에서 많이 사용하는 Image Component 사용법을 공부했습니다. 중요한 내용은 Network 참조 시 크기 조정 부분만 기억하면 리액트 네이티브(React Native)에서 Image Component를 쉽게 사용할 수 있습니다. 감사합니다.

오늘은 React Native에서 Button 생성 및 이벤트 연동 방법을 알아보겠습니다. 매우 간단하게 등록할 수 있어 누구나 쉽게 개발이 가능합니다. 먼저 react-native int 명령어를 사용해서 Project를 만들어주세요.

생성된 Project를 Code 수정 프로그램을 사용해서 오픈해주세요. 메인 폴더 아래에 App.js 파일을 확인할 수 있습니다. App.js는 기본적인 React Native 구성 파일입니다.

먼저 Button, Alert를 사용하기 위해서 import를 설정합니다. App.js 파일 상단에 import 항목을 확인할 수 있습니다. 'react-native' import 항목에 Button, Alert를 추가합니다.

이제 간단하게 버튼을 생성하겠습니다. Header 아래쪽에 "<Button>"을 사용해서 버튼을 생성하고, title, color을 사용해서 버튼 스타일을 구성합니다. 이제 onPress 이벤트를 사용해서 Alert를 호출하게 구성해주세요.

<Button
       title="버튼"
       color="#f29477"
       onPress={() => Alert.alert('버튼 클릭 이벤트 발생')}
/>

onPress 이벤트는 버튼을 클릭하면 연결된 소스를 실행합니다. 버튼을 클릭하면 Alert 메시지가 출력됩니다.

react-native run-android 명령어를 사용해서 Android를 실행합니다. 기본 구조에서 아래쪽에 버튼을 확인할 수 있습니다. React-native는 수정 후 저장하면 바로 적용되므로, 매우 편리하게 개발할 수 있습니다.

버튼을 클릭하면 이벤트가 동작하면서 "버튼 클릭 이벤트 발생" 메시지가 출력됩니다. React Native를 사용해서 간단하게 버튼을 생성하고, 이벤트를 연동하는 방법을 공부했습니다. 감사합니다.

환경변수는 컴퓨터에서 자동으로 경로를 확인하고 유지 관리하는 변수입니다. 환경변수를 설정하면 간단하게 경로를 확인하고 연결할 수 있어 매우 편리합니다. 환경변수는 시스템 변수와 사용자 변수로 구분됩니다. 시스템 변수는 모든 사용자가 사용할 수 있는 변수이고, 사용자 변수는 로그인 대상으로 사용하는 변수입니다. 즉 모든 사용자가 자유롭게 사용하고 싶다면 시스템 변수에 등록하게 좋습니다. 오늘은 Windows11에서 환경 변수 등록 방법을 알아보겠습니다.

Windows11에서 환경변수를 등록하기 위해서는 다양한 방법이 있습니다. 먼저 기존에 사용하던 방법으로 알아보겠습니다. 탐색기를 사용해서 등록하는 방법으로 내 PC에서 마우스 우클릭을 해주세요. Windows11은 두 가지 메뉴를 확인할 수 있습니다. 하단에 있는 "속성" 메뉴를 선택해주세요.

"속성" 메뉴를 선택하면 시스템 정보를 확인할 수 있는 창이 출력됩니다. 장치 사양 아래쪽에 "고급 시스템 설정" 메뉴를 클릭해주세요.

시스템 속성 창이 출력되면 아래쪽에 있는 "환경 변수" 버튼을 클릭합니다.

시스템 변수, 사용자 변수 중에서 선택 후 "새로 만들기" 버튼을 사용해서 새 사용자 변수를 등록하면 됩니다.

이번에는 Windows11 검색 기능을 사용해서 환경 변수를 등록해보겠습니다. Windows11 하단에 있는 시작 버튼을 클릭하고 위쪽에 있는 검색에서 "시스템"을 입력합니다. 아래쪽에 "시스템 환경 변수 편집"을 확인하고 클릭해주세요.

위에서 확인한 "시스템 속성" 화면이 출력되면 하단에 있는 "환경 변수" 버튼을 클릭해서 동일하게 등록하시면 됩니다. 환경 변수 등록은 Windows를 사용하면서 정말 많이 사용하는 기능입니다. 다양한 프로그램 경로를 설정해서 자동으로 동작하게 하는 것이 주목적이지만, 자주 사용하는 경로 및 정보를 포함할 수 있어 잘 사용하면 정말 좋은 기능입니다.

감사합니다.