깃허브에 코드 업로드 하고 어디서든 다시 불러와서 수정할 수 있어서 개인 프로젝트할 때 굉장히 유용한 것 같습니다. 물론 근본적으로 협업을 위한 툴이긴 하지만요. 그 동안은 외장하드 등에 저장하기도 하고 Git. 설치하지 않고 폴더채로 깃허브에 올리기만 하고. 그래서 불편했었습니다. git 설치 git 설치는 별로 어려운 과정이 없습니다. 운영체제에 맞게 다운 받아서 설치하면 됩니다. https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with ..

Homebrew 3.0 부터 M1 맥OS 를 지원한다고 합니다. 기존 설치와 시작은 동일합니다. 아래를 참고해주세요. HOMEBREW 사이트 접속 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 맥 터미널(command + space)을 열어서 위의 명령어를 붙여서 넣으면 됩니다. 설치 중에 엔터를 한번 더 클릭하면 아래와 같이 나옵니다. 설치 완료를 확인하기 위해 brew --version 명령어를 넣으면 제대로 설치가 되지 않았음을 알 수 있습니다. brew --version 하단에 Next steps 를 실행해주면 됩니다. (금일 기준으로 2개의 추가 명령어를 실행해야 합니다) (ec..

이번 공부는 udemy web development 부트캠프 수업에서 발췌한 것입니다. 웹사이트 배포 방문자에게 사이트를 제공하는 원격 시스템(서버)으로 웹사이트 코드를 이동합니다. 해당 사이트를 담당하는 서버는 특정 주소를 입력하여 웹사이트에 들어오는 방문자에게 코드를 제공합니다. 사용자들이 휴대폰이나 노트북 또는 컴퓨터를 이용하여 주소를 입력하면 브라우저는 원격 컴퓨터 즉, 서버에 요청을 보내게 되는데 서버는 HTML, CSS, 자바 스크립트 코드를 저장하고 응답과 함께 브라우저로 다시 전송합니다. 그래서 브라우저는 서버에 저장된 명령을 읽고 무언가를 화면에 표시할 수 있습니다. 웹 개발자로서 이런 명령, 코드를 작성하고 서버로 옮긴 다음 'www.google.com'과 같은 주소에 연결하면 방문자가..

안드로이드 스튜디오는 강의와 싱크를 맞추려고 "Arctic Fox(2020.3.1)" 버전으로 다운 받았다. 근데 머 강사가 알려준대로 이것저것 강의 목적대로 설치했음에도, 다음 과정에선 계속 알 수 없는 에러들이 괴롭힌다. Some Kotlin libraries attached to the project.... 이 에러도 마찬가지였는데, 나의 경우는 다음과 같이 진행될 때 에러가 등장했다. 완전 초보다 보니 구글링도 쉽지가 않다는.ㅜㅜ 플러그인 업데이트 하라는데 그걸 해도 또 다른 Problem이 생기니깐 답답할 노릇... 나의 경우에는 New Project 에서 Empty Activity 를 생성하여 진행했을 경우엔 위의 문제는 발생하지 않았다. 기초 문법을 위하여 강의 내용대로 New Project..

Visual Studio Code 로 Web 개발 코딩을 처음 공부하면서 몇가지 문제들이 발생하게 되었다. 그 중 최근 나를 가장 괴롭혔던 부분에 대해 간략히 적고 추후에 같은 문제가 발생한다면 이 포스트를 통해 해결하기 위해 글을 적어본다. The "git" command requires the command line developer tools. Would you like to install? 이건 VS Code의 오류라기 보다는 VS Code에서 어떤 작업을 했는데 그 이후 이렇게 계속 컴퓨터 자체에서 alert 이 뜨기 시작했다. 예상컨대, 웹 크롤링을 위해 python 설치 작업을 하고 난 다음부터 이 문제가 생겼던 것으로 파악된다. 당연히 여러번 install 했는데 VS Code를 실행만 하..

간단히 시작화면을 구현해보고자 합니다. 이미지와 제목 텍스트 그리고 버튼으로 화면 이동이 가능하게 만들어 보겠습니다. StartScreen.dart 파일 별도로 만들기 메인 다트 파일에 커스텀 위젯 StartScreen 을 만들어보겠습니다. 그리고 커스텀 위젯에서 화면 구성을 하도록 하겠습니다. StartScreen() 위젯은 별도 파일인 /lib/start_screen.dart/ 에 만들겠습니다. import 'package:flutter/material.dart'; import 'package:quiz_03/start_screen.dart'; void main() { runApp( MaterialApp( home: Scaffold( body: Container( decoration: BoxDecora..

플러터 역시 다양한 라이브러리를 활용하여 앱을 풍성하게 개발할 수 있습니다. 간단히 적용하여 실행하는 방법을 알아보도록 하겠습니다. pub.dev 사이트에서 라이브러리 활용하기 pub.dev 사이트에 접속하면 다양한 라이브러리를 볼 수가 있습니다. 패키지별로 그룹화하여 제공하기도 하고 검색도 할 수 있습니다. https://pub.dev/ Dart packages Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev 저는 "English_words" 를 활용하도록 하겠습니다. 검색을 통해 패키..

Column & Row 배치 및 정렬하기 Column 은 세로로 배치하는 위젯을 말합니다. Container 를 3개 만들고 Column 으로 감싸주었습니다. 기본적으로 아래와 같이 배치가 됩니다. import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Column'), ), body: TestColumn(), //별도의 클래스를 body 에 만들어서 테스트합니다. ), ), ); } class TestColumn extends StatelessWidget { const TestColumn({super.key}); @override Widget b..

이제 플러터 공부해보고자 하는 초보가 하고 배운 것 하나씩 적어보려고 합니다. 틀린 부분도 있을 수 있으니 유념하여 봐주세요. Container 간단히 꾸미는 정도의 내용이라 별도의 CustomContainer 로 Class 를 만들어 진행해봤습니다. MaterialApp 과 Scaffold MaterialApp은 Material Design을 사용할 수 있게 하는 클래스입니다. 많은 파라미터 중에서 필수적인 것은 home(widget)입니다. home은 app을 실행할 때 가장 먼저 나오는 페이지(위젯)입니다. 또한 MaterialApp() 클래스를 사용하게 되면 Scaffold 를 사용할 수 있는데 화면을 구성하는 뼈대 형태라고 이해할 만합니다. 화면 구성에 들어가는 위젯들과 요소들을 감싸는 레이아웃..

비주얼 스튜디오 코드 (나무위키) Visual Studio Code - 나무위키 이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외) 기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권 namu.wiki 웹 개발을 시작하면서 처음 필요하다고 하는 텍스트 에디터입니다. "생활코딩" 으로 배울 땐 ATOM으로 했는데 범용성이 높은 비주얼 스튜디오 코드로 바꿔서 끄적이고 있습니다. 마이크로소프트 계정 동기화 통해서 여기저기서 잘 사용하고 있습니다. 비주얼 스튜디오 코드 다운로드 아래 링크로 들어가면 다운로드할 수가 있습니다. Download Visual Studio Code - Mac, Linux, Win..