전체 글

거거거중지 행행행리각
앱/플러터(Flutter)

2-1. Flutter로 첫 앱 만들기

Flutter 로 처음 앱 만들기 - 1편 (카운팅 앱) 일단 프로젝트를 만들려면, 생성해야 한다. vscode 라면 명령 팔레트를 열어서 (단축키 cirl + shift + p) Flutter: New Project 를 클릭해서 플로터 프로젝트의 기초를 생성한다. 그리고, lib 폴더안의 main.dart 파일에서 앱을 개발하는데, (일단 다른 .dart 파일은 무시해도 좋다.) 기본으로 작성되어 있는 코드를 모두 지우고, 새로 쓰면서 뭐가 뭔지 알아보도록 하자. (완전히 왜 이렇게 쓰는지 하나하나 이해할려다기 보다는, 가볍게 걍 근가보다 하고 대강 이해해도 충분하다. 일단 처음 앱을 만들어 본다음에, 여기서 쓰이는 문법을 뒤에서 차근히 알아볼 것이다.) 앱 코드 작성하기 (main.dart) impo..

앱/플러터(Flutter)

1. Flutter 설치

Flutter 설치 flutter SDK 와 안드로이드 스튜디오, vscode 를 다운받는다. fltter doctor 를 윈도우 파워셀에 쳐서, 다운이 제대로 됬는지 확인한다. 여기서 나오는 체크리스트에 부족한 조건을 모두 채우면 플로터를 개발할 준비를 마친 것이다. 위에서 채워야할 체크 리스트는 아래와 같다. 개발툴, vscode, 안드로이드 스튜디오 둘중 하나를 설치해서 사용한다. (vscode 가 사실 가볍고 편리하긴 하다.) (vscode 라면 flutter 플러그인을 설치하자.) 안드로이드 튤체인, 에뮬레이터 설치 걍 android SDK (이걸 설치하려면 JDK도 설치해야함) 과 에뮬레이터는 간단하게 안드로이드 스튜디오를 설치해서 한방해 할 수 있다. (대강 흐름은 위와 같다.) 참고 htt..

앱/플러터(Flutter)

0. Flutter란?

0 -0flutter 란? Google flutter, flutter라고 하며, 한글로 부를때는 플러터, 플로터라고 한다. (플로터라고 검색하면 프린터 친척인 대형 포맷프린터가 검색결과로 나오니.. 플러터라 해야겠네요;;) 이름에서 봤듯이 Google 에서 만들었으며, 하나의 코드로 안드로이드, ios 앱을 만들수 있는 모바일 앱 SDK1 라고 한다. 다시말해서 크로스 플랫폼 앱 을 개발할 수 있는 UI 프레임워크다. Flutter 는 Dart(다트) 언어를 사용해서 싱글 이벤트 큐 라는 것을 기반으로 동작한다고 한다. 이런 부분에서는 자바스크립트(JavaScript)와 비슷하다. JS의 React Native(리엑트 네이티브)도 같은 크로스 플랫폼 앱을 개발할 수 있어서, 플러터와 비교되기도 한다. R..

웹(Web)/HTML5

2. 시멘틱 태그

시멘틱 태그 시멘틱(semantiv: 의미가 통하는) 요소(element)는 레이아웃을 구분하는 태그로, 이를 사용해서 웹사이트의 구조를 나눌 수 있으며, 그 각각의 주요 태그가 표준화 돼있다. (물론 와 안에 들어가며, 문서의 기초 레이아웃을 나눈다.) (예전 html4에서는 태그를 이용해서 id속성으로 header, content, footer등을 구분해 구조를 짰지만, 시멘틱 태그를 이용하면 더 낫다.) 태그 : 머리말, 제목 : 문서레이아웃에서 제목부분을 차지하거나, 같은 다른 시멘틱 태그안에서 제목부분으로 사용될 수 있다. ( != ) 태그 : 내비게이션 링크(문서 연결) : 문서를 사이트간에 연결하는 링크부분, 네이게이션이라고 함. 주로 메뉴로 사용되며, 독립해서든 시멘틱태그 안에 포함되는 위..

웹(Web)/HTML5

1-2. HTML 문서의 구조, html, head, body태그

1-2. HTML구조 ... : 문서유형선언문서의 유형을 지정하는 태그(같지만 태그가 아님) html4에선 엄격모드, 호환모드, 프레임세트모드(기본값: 관용모드)등등 복잡하지만 html5에선 한줄로 끝 아니면 로 씀 : 웹문서의 시작과 끝와 부분이 과 사이에 들어감 속성으로 lang이 쓰임 ... lang으로 문서에서 사용할 언어를 지정가능 언어 독일어 영어 프랑스어 한국어 중국어 일본어 코드 de en fr ko zh ja 이외에도 엄청 많은데, ISO 639-1(국제표준화기구 언어약어 정의규정)에 따라 2글자 or 3글자 코드 할당. 참고 : https://homzzang.com/b/html-156 : 문서에 대한 정보부분문서의 실질적인 내용이 아닌, 문서의 정보나 설정, 연결된 문서에 대한 내용이 ..

웹(Web)/HTML5

1-1. HTML이란, HTML상식, 기본 문법과 주요 태그, 특수기호 표기

1-1. HTML 상식 HTML은 HyperText Markup Language, 하이퍼 텍스트 마크업 언어 라고 합니다. 웹페이지 = 웹문서 = HTML문서 = 여러 태그()으로 구성되며, 기본적으로, - 태그는 소문자이고, - 기본태그형식 : 입니다. (속성은 없을 수도 있고 여러개일 수도 있음) - 여는태그(), 닫는 태그()를 같이 쓰는 경우도 있으며, 닫는 태그 없이 쓰는 경우도 있습니다. - , 같은 것을 태그라고 하며, 내용 같은 한 뭉텅이를 요소라고 합니다. 자주쓰는 상식 태그 (~) : 제목 텍스트 : 텍스트 단락 : 줄바꿈(개행) : 진한 텍스트 : 이탤릭체(기울임) 텍스트 : 이미지 : 링크 상식 문법 사이에 주석내용을 적어서 주석을 달 수 있습니다. vs : 둘다 태그안의 속성으로,..

파이썬(Python)/문법

자료형 - 5. 집합 자료형

집합 자료형(set), 집합 자료형은, 다른 프로그래밍 언어에선 보기 힘든 독특한 파이썬의 자료형입니다. 2020/02/08 - [파이썬/문법] - 파이썬의 자료형 종류 위의 예전 글을 참조해보면, 좀 성질도 독특한 자료형임을 알 수 있는데요. 간단하게 수학의 집합을 떠올리면 좋겠습니다. 집합자료형(set)은 수학의 집합처럼 요소의 중복이 안되고, 순서도 정해져있지 않습니다. 리스트는 []로, 문자열은 ''또는 ""로 묶듯이, 집합자료형은 {}로 묶습니다. 그리고 집합자료형의 생성때 요소가 중복되는 값을 넣어도 하나만 들어갑니다. (중복이 자동으로 생략됩니다.) s1 = {1, 2, 1} s2 = {} s3 = set([1, 2, 3]) s4 = set() s5 = set('ppap') print(s1,..

도솔비
등고자비