반응형 프로젝트 기록33 React, node.js를 이용한 기초 프로젝트 생성(for mac) 1. 개발 세팅 준비1-1. Node.js 설치하기 https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org pkg 파일이 다운받아지면 실행시켜 설치해주세요 1-2. VS Code 설치https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Dow.. 2024. 10. 3. 5.Dart 언어 기초1_Flutter, Bootstrap을 활용한 크로스 플랫폼 웹 개발 Dart 언어의 기초 1. 변수와 데이터 타입1) Dart의 역할Dart : Flutter의 기본 프로그래밍 언어, 강력한 타입 시스템과 간결한 문법이 특징 Flutter에서 Dart의 역할 : Dart는 Flutter 애플리케이션의 모든 로직을 작성하는데 사용된다 Flutter 위젯의 상태 관리, 이벤트 처리, 네트워킹, 데이터 변환 등 모든 기능이 Dart로 구현된다 Flutter에서 복잡한 UI와 로직을 Dart로 쉽게 구현할 수 있다 -> Dart의 간결함, 효율성 2) 변수Dart에서 변수는 var,. final, const, 명시적인 타입(int, String)을 사용하여 선언할 수 있다 Dart의 주요 데이터 타입에는 int, double, String, bool, Map이 있다 Str.. 2024. 9. 11. 4.Hello World 코드 분석_Flutter, Bootstrap을 활용한 크로스 플랫폼 웹 개발 Hello World 프로젝트 코드 분석하기1. 해당 코드https://tiny-immj.tistory.com/75 Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발_3. 기초 프로젝트 생성Flutter 프로젝트 실습 : Hello World 프로젝트 만들기 cmd에서 Flutter 프로젝트를 생성해보자 $ flutter create [프로젝트명]$ flutter create hello_world ※ 프로젝트명은 소문자로만 작성이 가능하다 숫자가tiny-immj.tistory.com 지난 포스팅때 cmd에서 신규 프로젝트를 생성하였고 lib 폴더 아래의 main.dart 파일을 수정하였다import 'package:flutter/material.dart';void main() { run.. 2024. 9. 11. 3. 기초 프로젝트 생성, AVD(안드로이드) 실행_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발 Flutter 프로젝트 실습 : Hello World 프로젝트 만들기 cmd에서 Flutter 프로젝트를 생성해보자 $ flutter create [프로젝트명]$ flutter create hello_world ※ 프로젝트명은 소문자로만 작성이 가능하다 숫자가 들어갈 수는 있지만 맨 처음에 들어가는 것은 불가능하다 Flutter 프로젝트 파일 구조 D:\dev\flutterProject\hello_world.dart_tooldartpad.idealibrariesrunConfigurationsandroid : Android 애플리케이션을 위한 설정 파일이 포함된 디렉토리 appgradleios : ios 애플리케이션을 위한 설정 파일이 포함된 디렉토리FlutterRunnerRunner.xcodepro.. 2024. 8. 27. 2.Flutter 개발 환경 설정_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발 개발환경 선택플러터 개발을 할 때는 대상 웹과 동일한 플랫폼에서 해야 합니다즉 Mac OS용으로 개발하기 위해선 Mac이 필요하고 Windows 타깃으로 개발을 하기 위해선 Windows PC가 필요합니다 저는 윈도우 기반 개발 환경을 구축하려 합니다(환경이 준비되어 있으면 넘어가셔도 무관합니다)개발 환경 준비 프로세스1. Flutter SDK 다운로드 및 설치 -> 필요2. 에디터(Visual Studio Code) 설치 및 플러터 확장 프로그램 설정 -> 완료https://tiny-immj.tistory.com/73 Docker 공식 웹사이트에서 Docker Desktop for Windows 설치파일을 다운로드하기 https://docs.doc" data-og-host="tiny-immj.tisto.. 2024. 8. 26. 1. 설정_Flutter와 Bootstrap을 활용한 크로스 플랫폼 웹 개발 'Docker 설치 및 기본 실습'과 'Flutter 환경 설정'으로 진행된다 Docker 설치 및 기본 실습 1. Docker 설치(for window)> Docker 공식 웹사이트에서 Docker Desktop for Windows 설치파일을 다운로드하기 https://docs.docker.com/desktop/install/windows-install/ Install Docker Desktop on WindowsGet started with Docker for Windows. This guide covers system requirements, where to download, and instructions on how to install and update.docs.docker.com > Dock.. 2024. 8. 22. 이전 1 2 3 4 5 6 다음 반응형
