전체 글 230

dart Null Safety

dart Null Safety 널 세이프티(Null Safety)는 개발자가 널 에러를 피할 수 있도록 도와주는 다트 프로그래밍 언어의 기능이다. 이 기능은 사운드 널 세이프티 인 다트(Sound Null Safety in dart)라고 불리며, 이를 통해 개발자는 코드 작성 시점에 널 에러를 잡을 수 있다.   Sound Null Safety in dart (Sound Type System) 런타임 중에 null 포인터 예외를 방지하기 위해 Dart 컴파일러가 코드를 분석하고 컴파일할 때 타입 시스템에서 엄격한 규칙을 적용하는 것을 의미   Dart Null Safety의 개념 Null Safety는 변수에 null 값을 할당하는 것을 엄격하게 제한한다. 변수를 null 또는 non-null로 선언할..

Flutter 2024.09.06

컬렉션(자료구조)

dart 에서 제공 하는 자료구조와 특징에 대해 알아 보자.    컬렉션은 여러 값을 하나의 변수에 저장할 수 있는 타입을 의미한다.  주요 컬렉션 타입 List(리스트) : 여러 값을 순서대로 저장하고, 인덱스 번호로 접근 가능한 컬렉션 타입Map(맵) :'키'와 '값'의 형태로 저장하고, '키'를 기반으로 매칭되는 '값'을 바로 접근 가능한 컬렉션 타입Set(셋) :중복된 데이터를 제거하고 데이터를 저장하는 컬렉션 타입// 코드의 시작점void main() { // List 자료구조 살펴보기 List myList = ['고양이','포도','사과']; // 선언과 동시에 초기화 // R print(' LIST DATA $myList'); // add 추가 myList.add('강아지');..

Flutter 2024.09.06

프로젝트 구조

flutter 프레임워크의 전체적인 구조를 살펴 보자.   andorid 폴더에서 직접 코틀린 코드나 자바 코드를 통해서 작업을 진행할 수 있다. iOS 폴더에서는 버전 정도 수정이 가능하며 권장 사항은 XCODE 를 통해서 설정 하길 바란다.  pubspec.yaml 파일은 프로젝트에 설정 및 외부 라이브러리 관리를 위해 파일 이다. 변경 사항이 발생하면 상세한 부분은 pubspec.lock 파일에 수정 된다.

Flutter 2024.09.06

변수

대부분의 프로그래밍 언어의 구성- 변수- 조건문- 반복문- 함수(인수값) : 위 내용들을 가지고 미리 만들어 놓은 코드 dart 언어 기본// main() 함수는 작성한 코드 부터 실행(실행 진입점)// 각 구문은 세미콜론(;) 으로 끝나야 함// 코드의 시작점 void main() { print('Hello Dart');} // end of main 주석// 메서드/클래스 정의 위에 주석을 작성하면 'dartdoc' 과 같은 문서 생성 도구를/// 통해 문서 생성 가능void main() { // 한줄 주석 /** * 여러줄 주석 */} // end of main 변수// 변수와 데이터 타입void main() { int age = 20; double version = 10.0; ..

Flutter 2024.09.06

flutter - window 설치

flutter1. 다운로드 링크로 이동하기 (https://docs.flutter.dev/get-started/install/windows) 클릭하여 내 문서에 다운로드 진행하기 Flutter SDK 설치 경로 주의사항- Flutter 설치 경로 상에 한글이 있으면 안된다.- C:Program Files\ 밑에는 설치 금지- OneDrive 폴더 밑에 설치 금지 (탐색기에서 주소창 클릭 시 OneDrive라고 적혀있으면 안됨)만약 내 문서 폴더가 OneDrive 아래에 있다면, C드라이브 밑에 설치 진행압축 해제 2. 환경변수 설정 (다운로드한 Flutter를 어디서든 사용 가능하도록 설정하는 절차) 압축이 해제 된 flutter_windows 폴더로 들어간다. flutter 폴더로 들어간다.bin 폴더..

설치메뉴얼 2024.09.05

JS게시판 만들기 - 프로젝트 뼈대 만들기

사전기반 지식 확인1. HTML (HyperText Markup Language)역할: 웹 페이지의 구조와 내용을 정의하는 마크업 언어. HTML 요소들은 웹 페이지의 다양한 부분들(텍스트, 이미지, 링크, 폼 등)을 정의하고 브라우저에 표시되는 방식에 영향을 준다.기본 구조: HTML 문서는 선언으로 시작하며, , , 등의 주요 태그로 구성된다.2. CSS (Cascading Style Sheets)역할: 웹 페이지의 시각적 스타일을 정의하는 언어. CSS를 사용하면 글꼴, 색상, 레이아웃, 애니메이션 등 웹 페이지의 외관을 지정할 수 있다.스타일링 방법: CSS는 HTML 파일 내의 태그, 외부 CSS 파일, 또는 인라인 스타일로 적용할 수 있다.CSS 파일 구조: .css 파일은 프로젝트의 스..

JS 2024.08.21

실행환경 구축 (VS CODE)

Visual Studio Code(VS Code)에서 웹 개발을 위한 실행 환경을 구성할 때, "Live Server" 플러그인을 사용할 예정이다. 이 플러그인은 정적인 웹 페이지를 실시간으로 확인할 수 있도록 해주며, 로컬 개발 환경에서 쉽게 웹 애플리케이션을 실행하고 테스트할 수 있는 환경을 제공한다.  Live Server 플러그인이란?Live Server는 VS Code에서 사용할 수 있는 확장 플러그인 중 하나로, 로컬 개발 환경에서 HTML, CSS, JavaScript로 구성된 웹 페이지를 실시간으로 미리보기 할 수 있게 해준다. 이 플러그인은 코드가 변경될 때마다 자동으로 브라우저를 새로 고침하여 개발 중인 웹 페이지의 최신 상태를 바로바로 확인할 수 있게 해준다.  Live Server의..

JS 2024.08.21

로컬스토리지(localStorage)

로컬스토리지(localStorage)와 세션스토리지(sessionStorage)는 둘 다 브라우저의 웹 스토리지(Web Storage) API에 속하는 기능으로, 사용자의 로컬 환경(즉, 브라우저)에 데이터를 저장하는 방법을 제공한다. 이들은 쿠키와 비슷한 역할을 하지만, 용량이 더 크고 서버와의 통신 없이 클라이언트 측에 데이터를 저장할 수 있다.    로컬스토리지(localStorage) 특징데이터 지속성로컬스토리지에 저장된 데이터는 사용자가 브라우저를 닫거나 컴퓨터를 재부팅해도 삭제되지 않는다. 명시적으로 데이터를 삭제하거나 코드로 제거하지 않는 한, 해당 데이터는 무기한으로 유지된다.데이터 용량로컬스토리지에 저장할 수 있는 데이터의 용량은 보통 브라우저마다 다르지만, 일반적으로 도메인당 약 5~1..

JS 2024.08.21