BelieveCom

오늘은 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에만 저장되는 정보로 티스토리 접근시 오류가 발생하는 문제입니다. 정상적으로 초기화되었다면 크롬에서 티스토리 사이트를 정상적으로 방문 확인할 수 있습니다. 감사합니다.