-
카테고리 없음
HTML + CSS + JavaScript 기본 개념과 용어 정리
1. HTML (HyperText Markup Language)HTML은 웹 페이지의 구조를 정의하는 언어입니다. 각 요소는 태그를 사용하여 표현되며, 브라우저가 이를 해석하여 화면에 표시합니다. HTML은 문서의 구조와 콘텐츠를 나타내는 데 중점을 둡니다.주요 태그와 역할: HTML 문서의 최상위 루트 요소. 모든 내용은 이 태그 안에 포함됩니다.: 문서의 메타데이터를 정의.: 브라우저 탭에 표시될 제목.: 문서 정보 (문자 인코딩, 뷰포트 등).: 외부 리소스(CSS 파일 등)를 연결.: JavaScript 파일을 연결.: 사용자가 화면에서 볼 수 있는 콘텐츠를 포함.콘텐츠 관련 태그: 단락을 나타냄.예: 이것은 단락입니다.: 줄바꿈 태그.예: 한 줄다음 줄 ~ : 제목 태그.예: 큰 제목: 블록 레..
-
flutter
[안드로이드 스튜디오/flutter]이미지 등록 및 로딩화면 만들기
1. 새 프로젝트를 만들고 루트 디렉토리 우클릭 -> New -> Directory 에 들어가줍니다.asset 이란 이름으로 Directory를 만들어주고 그 아래에 img 라는 Directory를 또 만들어 줍니다.그 img 디렉토리에 자신이 가지고 있는 이미지 파일을 넣어줍니다. 2. 그다음 pubspec.yaml 파일에 flutter: 아래에 빨간 네모박스 부분처럼 작성해줍니다. 3. 우측 상단에 pub get 을 눌러주고 오른쪽 사진처럼 마지막에 finished with exit code 0 이 뜨면 성공, 끝에 숫자가 1이 뜨면 실패입니다. 4. 세팅이 전부 끝났으면 본격적으로 이미지를 등록해볼 것인데 왼쪽main.dart를 오른쪽에 있는 부분만 빼고 다 지워줍니다. Flutter로 로딩 화..
-
flutter
[안드로이드 스튜디오/flutter]Flutter 첫걸음: 위젯과 기본 구조 자세히 알아보기
Flutter로 앱 개발을 시작하면서 가장 먼저 접하게 되는 개념은 **위젯(Widget)**입니다. 이번 글에서는 Flutter의 기본 구조와 위젯의 역할을 하나씩 쉽게 풀어보겠습니다. 아래는 Flutter의 첫 앱 코드입니다.1. Flutter 코드 구조 살펴보기void main() { /// 플러터 앱을 실행한다. runApp( /// MaterialApp은 항상 최상위에 위치한다. /// scaffold는 바로 아래에 위치한다. MaterialApp( home: Scaffold( body: Center( child: Text( 'hello_world' ), ), ) ) );}2..
-
flutter
[안드로이드 스튜디오/flutter]flutter 프로젝트 생성 및 디바이스 설정
1. new flutter project 를 누르고 flutter SDK 설치경로를 넣어준 후 next 눌러줍니다.(설치 경로는 윈도우 검색창에 cmd 누르시고 flutter doctor -v 하면 설치 경로 나와 있습니다 그거 복붙해서 넣으시면 됩니다) 2. Project name은 Project location의 디렉토리 이름따라 가기 떄문에 디렉토리를 하나 새로 생성해주시고 그곳에 프로젝트를 생성해줍니다. 3. Android 나 iOS 만 사용할거기 떄문에 그 외의 사용 안하는 플랫폼들은 체크 해제를 눌러줍니다.(언어는 취향껏) 4.프로젝트 생성하면 아래 화면처럼 나올텐데, 왼쪽 우측 상단에 클릭 후 Project로 해놓으셔야 다 보입니다.main.dart 는 lib 아래에 있으며, 여기까지 하셨으..
-
flutter
[안드로이드 스튜디오/flutter]Windows flutter 설치 및 환경 설정 가이드
1. Git 설치하기Flutter 설치 전, Git을 먼저 설치해야 합니다.Git 공식 사이트에 접속합니다: https://git-scm.com/자신의 **운영체제(Windows, macOS, Linux)**에 맞는 설치 파일을 다운로드합니다.다운로드한 설치 파일을 실행하고 기본 설정대로 설치합니다.설치가 완료되면, 명령 프롬프트 또는 터미널을 열고 아래 명령어로 설치 확인: git --version정상적으로 설치되었다면 Git 버전 정보가 출력됩니다.2. Flutter SDK 설치하기Flutter SDK를 설치하여 Android 앱 개발 환경을 설정합니다.Flutter 공식 사이트에 접속합니다: https://flutter.dev/Download Flutter SDK 버튼을 클릭하여 Windows용 설..