[Flutter] 튜토리얼 클론 코딩 1부
·
✨ 공부 기록/Flutter
공식 튜토리얼 클론 코딩 한 번 쭉 따라 완성을 해 봤으니 일단 코드를 작성해보는 연습을 해보려 한다. 결국 아무 생각 없이 따라하기만 하면 그건 정말 복사 붙여넣기 연습이 될테니까. 물론 내가 코드를 외워서 다 따라한다고 해도 끝이 나는 게 아님을 기억하기. 그 의미도 잘 알아야 한다. 1부 ver1. 일단 구글링과 함께 만들어보기+답 점검도 하며 피드백 원래 처음은 구글링과 함께 코드를 작성하려 했지만, 현재 작성하는 코드가 튜토리얼인 특성상 정리된 글들이 너무 많아서 이 과정은 생략하기로 했다. 1. Hello World 띄우기 우선 어느정도 외워서 구성을 익혔다. import 'package:flutter/material.dart'; // 기본 메서드에 화살표(=>) 표기법을 사용합니다. 한 줄 ..
[Flutter] Get started > Write your first app : 튜토리얼 따라하기
·
✨ 공부 기록/Flutter
정리가 잘 된 튜토리얼 문서 첫 Flutter 앱 작성 1부 첫 Flutter 앱 작성 2부 Write your first Flutter app. part 1 학습할 내용 Created a Flutter app from the ground up. : Flutter 앱을 처음부터 만들었습니다. Written Dart code. : Dart 코드를 작성했습니다. Leveraged an external, third-party library. : 외부 서드파티 라이브러리를 활용했습니다. Used hot reload for a faster development cycle. : 빠른 개발 사이클을 위해 hot reload를 사용했습니다. Implemented a stateful widget. : Stateful 위..
[점프 투 플라스크] 1장 공부 기록
·
✨ 공부 기록/Flask
오랜만에 다시 이 책을 가지고 공부를 시작했다. 이번에는 끝까지 완주해보려 한다! * 이 글의 주된 출처는 이 곳이다. [1장의 목표] 파이썬과 플라스크를 설치하고 개발 환경을 준비한다. 플라스크 프로젝트를 만들어 첫 번째 프로그램을 만든다. 플라스크 서버를 실행하고 실행 결과를 확인한다. from flask import Flask app = Flask(__name__) @app.route("/") def hello(): return "Hello World!" if __name__ == "__main__": app.run() - Flask : 마이크로 웹 프레임워크. 여기서 ‘마이크로’는 프레임워크를 간결하게 유지하고 확장할 수 있도록 만들었다는 뜻이다. 간결하게 유지 : 위의 코드를 실행한 다음 웹 브..
[점프 투 플라스크] 1장. aws기반 flask 구축하기
·
✨ 공부 기록/Flask
app = Flask(__name__)은 플라스크 애플리케이션을 생성하는 코드다. 이 코드에서 __name__이라는 변수에는 모듈명이 담긴다. 즉, 이 파일이 실행되면 pybo.py라는 모듈이 실행되는 것이므로 __name__ 변수에는 ‘pybo’라는 문자열이 담긴다. @app.route는 특정 주소에 접속하면 바로 다음 줄에 있는 함수를 호출하는 플라스크의 데코레이터다. 점프 투 플라스크를 aws 기반에서 따라해보기로 했다. 일단 처음 flask 코드를 따라 작성해봤는데, 지난번에는 몰랐던 코드의 의미를 더 자세히 알고 가게 되어 좋은 것 같다.(초기 세팅은 이 곳의 도움을 받았다.) 그리고 책에서는 flask run 을 입력하라고 했지만 zsh: command not found: flask라는 오류가..
[Flutter 단기 속성] 1일차. 예제 따라해보기(1)
·
✨ 공부 기록/Flutter
학교 과제로 flutter로 앱을 만들게 되었다. 그것도 단 3일만에(!) - 사실 주어진 시간은 2주 남짓한 시간이었지만 다른 과목의 기말 일정도 겹쳐있기 때문에 사실상 할당할 수 있는 시간은 3일이다. 어찌되었든 구현해야 하는 기능은 다음과 같다. 1. LoginPage, HomePage, DetailPage 등 일반적인 UI로 구성된 자신만의 페이지 개발 (하) - 자신만의 UI 구성할 것. 2. 여러 페이지를 전환할 수 있는 기능 개발 (하) - 참고자료) https://flutter-ko.dev/docs/development/ui/navigation 3. 파일 입출력을 통한 회원가입 및 로그인 기능 개발 (중) - txt 파일에 로그인에 필요한 정보들을 저장 - 저장하는 방식은 자유이나 Stri..
[Ubuntu] error: XDG_RUNTIME_DIR not set in the environment.
·
✨ 공부 기록/웹 개발
리눅스 환경에서 php와 apache 연동을 확인하기 위해 sudo gedit /var/www/phpinfo.php 이 코드를 계속 시도했는데 제목과 같은 오류가 떴다. 그리고 발견한 해답은 ssh 접속 상태에서는 gedit 사용이 안된다는 것. -> vim이나 nano를 사용하면 가능하다. sudo vim /var/www/phpinfo.php (qastack.kr/superuser/774240/sudo-gedit-gtk-warning-cannot-open-display)
[Android Studio] 설치 및 에뮬레이터 설정
·
✨ 공부 기록/Flutter
안드로이드 스튜디오 설치 안드로이드 스튜디오 설치는 공식 홈페이지(developer.android.com/studio?hl=ko)에서 진행할 수 있다. 에뮬레이터 설정 이미 다른 에뮬레이터가 설치되어 있다면 굳이 할 필요가 없는 옵션이다. 우선 안드로이드 스튜디오를 실행시키면 위쪽에 다음과 같은 메뉴들이 있는 것을 볼 수 있다. 여기서 스마트폰 처럼 생긴 아이콘을 클릭하면 에뮬레이터 설정 창으로 들어갈 수 있다. 여기서 새로운 에뮬레이터를 다운 받을 수 있고, 순서대로 진행하면 될 듯 하다. 그렇게 해서 설치가 끝나면 성공적으로 목록이 추가된 것을 확인할 수 있다.
[Flutter] 설치 및 설치 후 환경변수 설정
·
✨ 공부 기록/Flutter
Flutter 설치 Flutter는 공식 홈페이지(flutter.dev/docs/get-started/install)에서 다운받을 수 있다. 자신의 개발 환경과 맞는 것을 선택해 설치를 하면 된다. 설치 후에는 zip 파일이 설치되게 되는데, 이 때 zip 파일을 원하는 곳으로 옮기는데(보통 바탕화면을 권장하는 듯 하다.) 이 때 Program Files로 옮기는 건 권장되지 않는다고 한다. Warning: Do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges. 환경 변수 설정 Flutter zip 파일 압축 해제까지 끝나면 해당 파일로 들어가 bin 폴더를 찾는다. 그리고 bin 폴더의 ..
[Ubuntu] sudo: unable to resolve host 해결
·
✨ 공부 기록/웹 개발
구글에 에러 메세지를 검색하면 웬만한 문제들이 해결되는 경험을 할 수 있다. 이 에러 메세지도 마찬가지로 hostname과 hosts의 hostname을 동일하게 해주면 문제 해결이 되는 것이었는데, 리눅스를 처음 써보는 입장으로서는 어떻게 글자를 바꿀 수 있었는지 몰랐다는 점이다. 해결법: 검색을 해보니까 vi 편집기의 사용법이 있었다. esc버튼으로 명령모드로 돌아올 수 있고, 이 상태일 때는 :q(종료), :q!(무조건 종료), :wq(변경된 내용 저장 후 종료)라고 한다. 그래서 hostname을 입력해서 확인한 후에, sudo vim /etc/hosts를 통해 vi를 시작할 수 있다(?) 거기서 i나 a, o키를 누르면 편집모드로 들어갈 수 있고, hostname과 같게 수정한 후에는 esc키를..