본문 바로가기

전체 글

 (143)
플러터) 콜백메서드, 아이의 일을 부모가 알게 하자 피호출자가 다시 호출자의 메서드를 호출하는 것을 콜백(callback)이라고 하며 그러한 메서드를 콜백 메서드라고 한다. 🤸‍♂️자식 위젯에서 이벤트가 발생했을때 이 사실을 👨‍🦰부모위젯에도 알리려면??이를 가능하게 도와주는 것이 콜백메서드다. 콜백메서드는 실무에서 굉장히 많이 쓰이는 부분이라고 한다. 플러터 프로젝트에서 콜백메서드를 어떻게 연결하는지 알아본다.플러터에서는 주로 생성자를 통해 콜백함수를 연결한다.메서드로 연결하는 방법도 있다. 예제)ParentView라는 부모 위젯은 ChildA / ChildB라는 자식 위젯에게 handleReciever라는 함수를 콜백으로 전달한다. 자식 위젯들은 사용자의 탭 이벤트를 감지해 전달받은 handleReciever 함수를 호출, ParentView의 ..
플러터) 레시피 앱 만들기 2. 메인페이지 코드구현 https://notion6780.tistory.com/121 플러터) 레시피 앱 만들기 1. 프로젝트 생성1️⃣ 프로젝트 생성 2️⃣ 메인과 홈 코드 작성 3️⃣ 컴퍼넌트 코드 작성프로젝트 생성1.안드로이드 스튜디오를 열어 기존프로젝트를 끄고 플러터 프로젝트를 만들어준다. 2.프로젝트 이름과notion6780.tistory.com앞서 프로젝트를 생성했으니 코드를 작성해볼 차례다. 메인PatuaOne 폰트를 기본으로 사용하는 머티리얼 디자인 스타일의 Flutter 앱을 정의앱이 시작되면 MyApp 위젯이 로드된다.MyApp은 MaterialApp을 통해 앱의 기본 구조와 테마를 설정한 후초기 화면으로 RecipePage를 보여주게 된다.import 'package:flutter/material.dart..
플러터) 레시피 앱 만들기 1. 프로젝트 생성 1️⃣ 프로젝트 생성 2️⃣ 메인과 홈 코드 작성 3️⃣ 컴퍼넌트 코드 작성프로젝트 생성1.안드로이드 스튜디오를 열어 기존프로젝트를 끄고 플러터 프로젝트를 만들어준다. 2.프로젝트 이름과 경로, 서비스할 플랫폼을 선택해준다. 3.설정파일을 열어 assets 경로를 지정해준다.여기서는 루트(class_recipes)경로에 assets 디렉토리를 만들어 fonts와 images를 관리해주기로 했다. 기존 설정flutter: # The following line ensures that the Material Icons font is # included with your application, so that you can use the icons in # the material Icons class. u..
자바 람다식 Lambda expression 자바 람다식 Lambda expression 🌞 람다식이란?익명함수를 간결하게 표현한 것컬렉션이나 스트림API를 처리할 때나,간단한 작업을 한줄 코드로 처리할때 사용된다. ✔등장배경자바는 객체지향형 프로그래밍 oop 을 지향한다.하지만 자바8부터 oop의 한계점을 극복하기 위해 함수형 프로그래밍 개념을 도입했다. ✔ oop의 한계점.반복 코드가 많다병렬 처리가 어렵다데이터 흐름을 추상화하기 어렵다 등 ✔ 자바 람다식의 기본형태 (입력값) -> {처리내용}(x, y) -> x + y // "x와 y를 받아서 더한 결과를 줘" ✔ 자바 람다식 사용방법 람다식을 자바에서 사용하려면 함수형 인터페이스가 필요하다. 함수형 인터페이스는 단 하나의 추상메서드만 가지고 있는 인터페이스다. @FunctionalI..
앓던 이가 빠지다. 톰캣 multipart 개수 제한 문제 수주간 나를 괴롭힌 화이트에러 문제가 해결됐다.톰캣서버의 멀티파트 허용범위 문제가 해결됐다. form 태그에서 input으로 파일을 보낼때톰캣은 내용물이 몇개인지를 체크해서 10개가 넘으면 제한하는 것이 문제였다. 블로그 등에서는 해결이안돼서 인공지능의 힘을 빌렸는데제미나이는 문제를 파악조차 하지 못했고챗지피티는 톰캣 레벨의 문제라는건 알았지만 해결책은 제시해주지 못했다. 결론적으로 해결방법은 yml파일에 이와같은 설정을 추가하면 된다.server: tomcat: max-part-count: 20 이 설정을 몰라서...그간 온갖 해괴한 설정을 넣어봤지만 안된 기억이 난다.server: servlet: multipart: enabled: true max-file-size: ..
안드로이드 스튜디오 설치 및 세팅 플러터로 앱을 개발하기 위해 플러터와 함께 안드로이드 스튜디오를 설치해본다.https://notion6780.tistory.com/117 플러터 설치1.플러터 홈페이지 접속https://flutter.dev Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.flutter.dev 2.설notion6780.tistory.com 1.안드로이드 스튜디오 홈페이지https://developer.android.com Android 모바..
플러터 설치 1.플러터 홈페이지 접속https://flutter.dev Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.flutter.dev 2.설치화면3.설치환경 선택4.아카이브 접속https://docs.flutter.dev/install/archive 5.받아진 파일 압축해제C:\src\flutterC:\src\flutter\bin6.시스템환경변수 설정7.시스템환경변수 설정8. cmd 테스트 flutter --version9. c..
HTTP) HTTP 통신 개요 ⭐HTTP웹브라우저와 웹서버가 데이터를 주고받기 위한 통신규약 소켓통신은 항상 연결돼있는 상태 > 클라이언트가 많으면 서버 과부하 이 문제를 해결하기 위해 HTTP 가 등장 요청과 응답이 이뤄지면 연결을 제거 ⭐ HTTP 의 특성 TCP 무조건 응답, 신뢰성 높음 UDP 더 빠르지만 신뢰성은 낮음 요청응답구조 요청과 응답 순서로 약속돼있음 상태를 기억하지 않음(stateless) 매번 새로운 대화 ⭐ HTTP 의 메시지 구조시작줄 POST /login HTTP/1.1 헤 더 Connection: keep-alive User-Agent: Mozilla/5.0 (Macintosh: Intel Mac OS X 10_14_6) Safari/537.36 Content-length: 67 Content-type:..

티스토리툴바