본문 바로가기

Project/모면14

[Dart] dart 기본 | 자료형, JSON, stream 자료형 구분 자료형 설명 숫자 int 정수형 숫자 double 실수형 숫자 num 정수형 또는 실수형 숫자 문자열 String 텍스트 기반 문자 불리언 bool True나 False 자료형 추론 var 입력받은 값에 따라 자료형 결정. 한 번 결정된 자료형은 변경 불가 dynamic 입력받은 값에 따라 자료형 결정. 다른 변수 입력하면 자료형 변경 가능 Null safety 자료형 다음 ?를 붙이면 Null이 가능하고 붙이지 않으면 Null이 불가능하다. 그리고 식 다음 !를 붙이면 Null이 아님을 직접 표시할 수 있다. JSON 인코딩, 디코딩 jsonDecode()를 사용하면 String을 Map 객체로 변환한다. jsonEncode()를 사용해 Map 객체를 String 타입의 JSON으로 변환한.. 2023. 3. 25.
[UI/UX] 디자인 레퍼런스 사이트 올 것이 왔다... 플러터보다 더 어려운 디자인ㅠ 이걸 구상하고 코딩하는 디자이너분들과 프론트엔드 개발자분들에게 존경을 표현합니다. 1. 디자이너스 (모바일) 디자이너스 세상의 모든 디자이너들을 위한 공간, 디자이너스(Designus) designus.io 2. Mobbin (모바일 / 웹 beta) https://mobbin.com 3. Dribbble (모바일 / 웹 / 일러스트) Dribbble - Discover the World’s Top Designers & Creative Professionals creative, modern, minimalist, logo, gradient, letter logo dribbble.com 4. WWIT (모바일) Lifeplus 한국의 UI/UX 모바일 패턴.. 2023. 3. 21.
[Flutter] 기본 사용법 간단 정리 pubspec.yaml 파일 : 프로젝트의 메타데이터를 정의하고 관리 ios / android 폴더 : 각 플랫폼에 맞게 앱을 배포할 수 있도록 도와줌 test 폴더 ilb 폴더 : 작업 공간 MaterialApp()을 사용하면 '구글'스러운 템플릿 사용 가능 stless + tab키 class MyWidget extends StatelessWidget { const MyWidget({Key? key}) : super(key: key); // 클래스 파라미터 @override Widget build(BuildContext context) { return const Placeholder(); } // 아래처럼 리턴 타입을 명시하지 않아도 됨! // @override // build(context) { //.. 2023. 3. 19.
[Flutter] Future와 async/await Future 클래스란 크게 두 가지 상태를 갖고 있다. 완료와 미완료 상태. 완료됐을 때 두 가지 결과를 기대한다. 바로 'data'와 'error' 이다. Future future = futureNumber(); future.then((val) { // int가 나오면 해당 값을 출력 print('val: $val'); }).catchError((error) { // error가 해당 에러를 출력 print('error: $error'); }); 위처럼 then과 catchError 메서드를 이용해 결과의 분기를 구분한다. async, await는 대표적인 비동기 관련 키워드이다. async는 함수를 비동기 함수로 만들어 준다. await를 사용하면 비동기 함수가 끝날 때까지 기다리고, 사용하지 않으면.. 2023. 3. 19.
[Flutter] Docker로 Flutter 컨테이닝 하기 https://github.com/edwardinubuntu/flutter-web-dockerfile GitHub - edwardinubuntu/flutter-web-dockerfile: A demo how to setup flutter web in docker container A demo how to setup flutter web in docker container - GitHub - edwardinubuntu/flutter-web-dockerfile: A demo how to setup flutter web in docker container github.com 위의 Dockerfile 코드를 사용했습니다! 아래 코드를 Flutter 프로젝트 하위에 이름이 'Dockerfile'인 파일을 생성한다.. 2023. 3. 18.
모의 면접 프로그램 '모면' : 개발 시작하기 개요 개인 사이드 프로젝트 주제로 무엇을 하면 좋을지 생각했었다. 다른 주제를 생각하고 있었지만 막 끌리는 느낌이 없어 시작하지 않았었는데, 며칠 전 잠을 자려고 눈을 감았다가 번뜩 주제가 떠올랐다. '모의 면접 프로그램'을 만들면 '내가 쓸' 수도 있겠는데? 시간 제한 걸어놓고 막... 녹음도 되고 막... 더 나아가면 비대면 플랫폼으로도 확장할 수 있겠어... 면접 데이터 모으면서 공부도 하고... 이렇게 아이디어가 팡팡 터진 적은 처음인데 당장 시작해야겠어 그렇다. 내가 쓰려고 만든다. 시장조사는 모르겠다. 오로지 나만을 위한 프로젝트. 집 밖에 나가기 싫어하는 자를 위한 프로젝트 ! 설계하기 기술 스택 Flutter, Spring Boot, java, docker, CQRS 패턴 적용, api d.. 2023. 3. 11.