반응형

프론트엔드 Front-end 10

Q. 슬러그slug란?

A. 보통 URL 끝에 있는 웹 주소의 고유 식별 부분을 뜻한다. 예를 들면 https://en.wikipedia.org/wiki/Clean_URL에서 Clean_URL 부분이 슬러그다. 달팽이를 뜻하는 slug와는 관계가 없다. 제작 중인 신문 기사에 붙이는 짧은 이름을 slug라고 한다(출처: 위키백과 slug) 이쪽에서 파생된 단어로 추정된다. slug 특징 사람이 읽고 파악할 있는 자연어로 되어 있으며 중복 없이 유일하다. 실제 웹 개발에서 slug값을 정의할 때 중복이 발생하지 않도록 unique 설정을 true로 정의한다. 웹 개발 문서에 등장하는 예 웹 개발 문서를 읽다보면 자주 등장한다. Django 예 출처: https://docs.djangoproject.com/en/dev/glossa..

flutter로 iOS 에뮬레이터 실행할 때 ..select a development team in the Runner editor.. 에러, 해결 방법

에러 문구 warning: Capabilities for Signing & Capabilities may not function correctly because its entitlements use a placeholder team ID. To resolve this, select a development team in the Runner editor. (in target 'Runner' from project 'Runner') 원인 XCode에 로그인을 안 해서. 안드로이드는 이런 과정 없는데, 애플은 뭔가 귀찮은 과정들이 꼭 있다. 해결 방법 1. XCode에 로그인 XCode - Preferences - Accounts 에서 Apple IDs 추가할 것. 추가하고 나면 Team Role에 이름(Pe..

flutter로 만들 수 있는 UI 위젯 종류를 확인하기

어디서 쉽게 확인할 수 있을까? gallery.flutter.dev/#/ flutter gallery에서 쉽게 확인할 수 있다. 안드로이드 스타일인 material ui와 애플 아이폰 스타일인 cupertino ui를 제공해준다. 여기서 제공해주는 그밖에 ui 위젯이 필요할 경우에는 flutter 적용을 고민해봐야 한다. 안드로이드 스타일 ui 위젯 목록 아이폰 스타일 ui 위젯 아이폰 위젯의 개수가 안드로이드보다 훨씬 적다. 카드뷰처럼 안드로이드 아이폰 함께 쓸 수 있는 것은 material UI 쪽에 포함되어 있기 때문인 거 같다. 기타 예 실제 어떻게 작동하는지 볼 수 있고 코드도 볼 수 있다. material UI 카드 예

flutter 개발 관련 사이트 정리

공식 사이트 flutter.dev: flutter 공식 dart.dev: dart 공식 pub.dev: dart, flutter 팩키지 FlutterFirebase: flutter에서 firebase 사용 방법, 문서 gallery.flutter.dev/#/: flutter 앱 갤러리, 위젯별로 어떻게 작동하는지 어떻게 생겼는지 볼 수 있다. IDE android studio: flutter IDE IntelliJ IDEA: flutter 개발 가능한 IDE 예제 flutter codelabs: 한국어로 설명된 flutter codelabs Google Codelabs: 구글 코드랩스에 flutter 관련 강의 있음 예) Adding AdMob ads to a Flutter app github.com/j..

flutter, Hello World

언제나 처음은 Hello World다. Hello World를 화면에 적기 위한 코드는 아래와 같다. (출처: flutter.dev/docs/development/ui/widgets-intro) import 'package:flutter/material.dart'; void main() { runApp( Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ), ), ); } 결과 클래스를 나누면 아래와 같다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Wid..

flutter에서 웹 앱으로 테스트, 웹 앱으로 빌드

웹에서 테스트 웹 개발을 활성화 해줘야 한다. 출처: flutter.dev/docs/get-started/codelab-web flutter SDK를 설치한 폴더로 가서 flutter channel beta flutter upgrade flutter config --enable-web 를 실행해야 한다. 다 하고 나면 실행기기에 웹이 추가된다. 이런 식으로 웹에서 테스트할 수 있다. 웹 앱으로 빌드 웹 앱으로 빌드하고 싶은 경우에도 터미널에서 명령어를 써야 한다. 메뉴 중에는 보이지 않는다. flutter build web flutter 프로젝트 폴더로 가서 위 명령어를 실행하면 web app용으로 build된다.

flutter에서 firebase를 쓸 수 있을까?

flutter를 사용해서 앱을 개발할 계획이다. Google firebase도 사용할 계획이다. flutter에서 firebase를 쓸 수 있을까? Firebase 문서 살펴보기 예 Cloud Firestore firebase 사이트 들어가서 firestore 문서를 살펴보면 dart 언어에 대한 설명은 따로 없다. flutter로 개발하려면 dart 언어로 개발해야 하는데 말이다. 같은 google에서 만들었는데 설마 flutter에서 firestore는 쓸 수 없는 것일까... pub.dev dart와 flutter 팩키지를 찾을 수 있는 pub.dev에서 찾아보자. 다행히 cloud firestore 팩키지가 있다. 아래 사이트 가면 flutter firebase 지원 항목과 문서를 볼 수 있다. ..

dart다트란?

dart다트란? dart다트 공식 사이트에 가면 dart 설명이 나온다. 설명은 아래와 같다. 번역은 어색하거나 오류가 있을 수 있다. (출처: dart.dev) Dart is a client-optimized language for fast apps on any platform by Google. 다트는 구글이 만든 어떤 플랫폼에서든 작동하는 앱을 빨리 만들 수 있는 클라이언트 최적화 언어다. Optimized for UI 사용자 인터페이스를 위해 최적화된 Develop with a programming language specialized around the needs of user interface creation 개발하라. 사용자 인터페이스를 만들기 위한 요구들에 최적화된 프로그래밍 언어로. Pr..

반응형