끝간마 더보기 최신글 카테고리 없음 HTML + CSS + JavaScript 기본 개념과 용어 정리 flutter [안드로이드 스튜디오/flutter]이미지 등록 및 로딩화면 만들기 flutter [안드로이드 스튜디오/flutter]Flutter 첫걸음: 위젯과 기본 구조 자세히 알아보기 flutter [안드로이드 스튜디오/flutter]flutter 프로젝트 생성 및 디바이스 설정 RestfulAPI TypeError: Object of type ...is not JSON serializable 에러 발생 이유와 해결 방법 TypeError: Object of type ...is not JSON serializable 에러 발생 이유와 해결 방법웹 개발을 하다 보면 JSON 형식으로 데이터를 주고받는 경우가 많습니다. 그러나 가끔씩 TypeError: Object of type ... is not JSON serializable 오류가 발생할 수 있습니다. 이 블로그에서는 이 오류가 발생하는 이유와 이를 해결하는 방법을 실습 예제와 함께 설명하겠습니다.1. 오류 발생 이유이 오류는 JSON 인코딩을 시도할 때 특정 객체 타입이 JSON으로 직렬화(serialize)할 수 없을 때 발생합니다. JSON은 문자열, 숫자, 배열, 불리언, null 등의 기본 데이터 타입만을 직렬화할 수 있습니다. 따라서, 사용자 정의 객체나 복.. 카테고리 없음 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..