비교적 가벼운 VScode를 사용해서 flutter 개발을 진행할 것이다.

 

 - 해당 주소로 이동하여 VScode를 설치하면 됩니다.(해당 OS에 맞게)

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

 - 다운로드한 파일을 설치하면 끝입니다.

 

VScode에 flutter 설치하기

 - VScode의 좌측 아이콘을 보면 5번째 아이콘이 마켓으로 가는 아이콘입니다.

vscode 좌측 아이콘

 - 검색란에 flutter를 검색하고 해당 플러그인을 install 하면 끝입니다.

flutter 검색 후 install 하는 방법

 

'자기개발 > flutter' 카테고리의 다른 글

[flutter] 환경 설정  (0) 2022.05.03
[FLUTTER] 이론  (0) 2022.05.02

flutter 설치 방법

  - 주소에 접속합니다. https://flutter.dev/

 

Flutter - Build apps for any screen

Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.

flutter.dev

 

 - 우측 상단의 Get started를 클릭합니다.

flutter 설치 1

- OS 맞게 클릭합니다.

flutter 설치 2

 

- flutter zip 파일을 설치합니다.

- 2번 주의사항 : zip파일을 C:\Program Filse\ 안에 설치하지 마세요.

                      설치경로에 특수문자, 한글, 공백이 포함된 경로에 설치하지 마세요.

flutter 설치 3

 

- 설치 파일을 압축 풀면 끝납니다.

flutter 설치 4

 

- 환경변수 설정을 위해 좌측 하단에 돋보기 모양을 클릭합니다. 그 후 '환경'을 검색하여 '시스템 환경 변수 편집'을 클릭합니다.

flutter 환경 변수 설정 1

 

 

 - 하단의 '환경 변수(N)...'을 클릭합니다.

flutter 환경 변수 설정 2

 

 - '시스템 변수(S)'에서 'Path'를 찾아 클릭 후 설치했던 flutter파일의 bin의 경로를 새로만들기로 넣어줍니다.

flutter 환경 변수 설정 3

 

 - 확인 클릭 후 시스템 속성에서도 확인을 눌러 종료해 줍니다.

 - Win + R 키를 사용하여 cmd를 열어 flutter를 검색하여 정상적으로 문구가 나온다면 Path 설정까지 완료되었습니다.

flutter Path 설정 확인

'자기개발 > flutter' 카테고리의 다른 글

[flutter] VScode 설치  (0) 2022.05.04
[FLUTTER] 이론  (0) 2022.05.02

fuchsia

 - 마이크로 커널기반의 OS(micro Kernel - 최소한의 필수 적인 기능만 가지고 있는 커널)

 - 소형 시스템으로 설계된 작은 커널

 - 고속의 프로세스를 갖춘 개인용 컴퓨터를 타겟으로 만듬(핸드폰, PC, 노트북)

 - 음성명령을 중점으로 개발(AND는 화면터치를 기반(최적화)으로 되어 있는 OS)

 - 안드로이드를 파편화(업데이트 쉽게 할 수 있음)

 

flutter

 - 프레임워크

 - fuchsia를 만들기 위한 툴

 - Dart를 사용

 - 크로스 플랫폼 지원(AND, IOS 동시 지원)

 - 인터페이스 하나로 통일 가능

 - hummingbird 웹프로젝트를 사용해 앱웹제작 가능

'자기개발 > flutter' 카테고리의 다른 글

[flutter] VScode 설치  (0) 2022.05.04
[flutter] 환경 설정  (0) 2022.05.03

가000001, 가000002, 가000003, 가000004 이런식으로

 

가00000X 이런식으로 반복되는 항목이 아닌 것을 찾으려고 합니다.

 

         /가00000[0-9]{1}/g

 

식으로 정규식을 만들면 가000000 ~ 가000009까지 사용가능

 

         /가0000[0-9]{2}/g

 

식으로 정규식을 만들면 가000000 ~ 가000099까지 사용이 가능

$('#a1').val();

input tag에 ID를 부여하여 사용하는데 값이 자꾸 안 찾아지길래 확인해 보았다.

 

나는 555의 value를 얻고 싶었지만 444의 값만 얻게 되어서 확인해 보니

 

<input type="text" id="a1" val="444"/>





.....






<input type="text" id="a1" val="555"/>

 

저 위쪽에 똑같은 id 값을 가지고 있는 input 태그가 있어서 맨 위에 있는 값만 가지고 온 것 같았다.

 

 

 

'▶Devel > WEB' 카테고리의 다른 글

[정규식] 반복적인 정규식 만들기  (0) 2021.05.01
[보안] XSS 개념  (0) 2020.06.08
[JS] javaScript 특정문자 치환 - 함수 : replace()  (0) 2020.06.03

+ Recent posts