전체 글12 [Flutter 개발 환경 초기 세팅 3/3] - Android Studio 설치 및 실행 [Flutter 개발 환경 초기 세팅 3/3] - Android Studio 설치 및 실행 이전 포스팅에서 JDK와 Flutter SDK를 설치하고 환경 변수를 설정하는 과정을 살펴봤습니다. 이제 실제로 Flutter 앱을 개발하기 위해 필요한 도구인 Android Studio를 설치하고 설정하는 방법을 알아보겠습니다. 1. Android Studio와 Emulator 설치하기 1-1. Android Studio 다운로드 먼저, Android Studio 공식 사이트에 접속합니다. Android 스튜디오 및 앱 도구 다운로드 - Android 개발자 | Android Studio | Android DevelopersAndroid Studio provides app builders with a.. 2025. 2. 1. [Flutter 초기 환경 세팅 2/3] - Flutter 설치 [Flutter 초기 환경 세팅 2/3] - Flutter 설치 지난 번 포스팅에서 Java를 설치하고 Path 환경설정하는 방법을 정리했었습니다. 이제 플러터를 설치해서 사용만 하면 될 것 같으니, 거두절미하고 플러터를 PC에 설치해 봅시다. 1. Flutter 설치Flutter를 설치하기 위해, 먼저 Flutter 공식 사이트에 접속합니다. Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.flutter.dev사이.. 2025. 1. 31. [Flutter 초기 환경 세팅 1/3] - Java 설치 및 환경 변수 설정 [Flutter 초기 환경 세팅 1/3] - Java 설치 및 환경 변수 설정 그간 미뤄두었던 플루터를 설치해보고 경험해보려고 합니다.플루터의 개발 환경이 어떤 형태인지, 어떤 방식으로 개발이 이루어지는지 직접 설치해보고 기초적인 부분을 살펴보려고 합니다. 또한, 어떤 개발 언어를 사용하더라도 초기 세팅은 필수적이기 때문에, 이 내용을 정리해두면 나중에 다시 플루터 개발 환경을 구축할 때 유용할 것 같습니다. 이 포스팅은 그런 목적으로 작성되었습니다. 1. Dart 언어를 사용하는 Flutter에 왜 Java가 필요할까? Flutter는 Dart 언어를 기반으로 하기 때문에, 사실 Java는 직접적으로 필요하지 않습니다. 또한, Android Studio를 설치할 때 개발에 필요한 JDK(Jav.. 2025. 1. 30. onclick 이벤트로 새 창 띄우기: window.open() 활용법 onclick 이벤트로 새 창 띄우기: window.open() 활용법 웹 개발을 하다 보면 onclick 이벤트를 이용하여 location.href='url주소' 형식으로 링크를 거는 코드를 자주 접하게 됩니다. 이 방식은 현재 창에서 링크가 열리는데, 마치 태그의 target="_blank" 속성처럼 새 창에서 링크를 열고 싶다면 어떻게 해야 할까요? 기본 예제: 태그먼저, 태그를 사용하여 현재 창과 새 창에서 링크를 여는 방법을 살펴보겠습니다. HTML anchor 태그로 연결 다음 연결(현재창) 다음 연결(새창) Javascript를 이용한 링크: onclick과 location.href 태그와 동일한 동작을 Javascript로 구현해 .. 2025. 1. 28. VSCode 코드 글자 확대 방식, Ctrl + Mouse Wheel로 설정하기 VSCode 코드 글자 확대 방식, Ctrl + Mouse Wheel로 설정하기 요즘에는 업무 효율을 높이기 위해 듀얼 모니터를 사용하는 것이 기본이 된 것 같습니다. 가령 2560 x 1600 해상도를 가진 모니터와 같은 경우 1:1 배율로 사용하기에는 글자가 너무 작게 보여서 눈이 아픈 경우가 종종 있었습니다. 깨알 같이 작은 코드들을 보고 있자니 눈이 쉽게 피로해곤 합니다. 물론 윈도우에서 디스플레이 배율을 조정하는 방법도 있지만, VSCode에서 코딩할 때 글자 크기를 키워서 사용하고자 했습니다. Ctrl + / Ctrl - 를 이용한 확대/축소컨트롤 키(Ctrl)를 누른 상태에서 플러스(+) 키를 누르면 화면이 확대되고, 마이너스(-) 키를 누르면 화면 배율이 줄어듭니다. 이 방법은 크롬 브.. 2025. 1. 27. Visual Studio Code 언어설정 'Language = ko' 디폴트 세팅 하기 Visual Studio Code 언어설정 'Language = ko' 디폴트 세팅 하기 코딩을 할 때 저는 Visual Studio Code를 자주 사용하고 있습니다. VSC는 무료로 제공되며, 다양한 플러그인과 확장 기능이 있어 매우 편리한 코드 편집기입니다. 물론 사용하는 목적에 따라 AI 지원이 강점인 Cursor나 Windsurf를 사용할 때도 있습니다. 이 두 프로그램도 훌륭한 선택이지만, 요즘은 VSC의 다양한 기능 덕분에 자주 사용하고 있습니다. VSC를 사용하면서 Emmet을 이용해 HTML 문서를 생성하다 보면, 자동 생성된 부분을 로 변경하곤 합니다. Emmet은 매우 유용한 도구로, HTML, CSS, XML 등의 코드를 빠르게 작성할 수 있게 도와줍니다. 하지만 매번 lang.. 2025. 1. 26. 이전 1 2 다음
