앱 개발
-
[php] php의 mail() 함수로 구글 이메일 보내기 / XAMPP 서버 및 aws의 EC2 / php mail function to send Gmail at XAMPP and AWS EC2 not working / Username and Password not accepted.앱 개발/오류모음 - Flutter 2023. 1. 6. 23:50
파이어베이스를 이용하면 사용자들에게 안내 이메일을 쉽게 보낼 수 있지만, 파이어베이스를 사용하지 않는 경우, 다른 방법으로 이용자들에게 메일을 보내야한다. 이 글에서는 php의 mail 함수를 이용하여 메일 보내는 방법을 알아본다. XAMPP (local) 로컬에서 메일을 자동으로 보내는 방법을 알아보자. Apache 서버가 구동되었다면, Config에서 PHP (php.ini)로 간다. 이후 다음과 같이 변경한다. 아래 네 변수를 각각 찾는다. 만약 주석처리가 되어있다면, 주석처리를 풀고 적어주어야한다. txt파일로 열었을 때 아래 네 줄 앞에 세미콜론(;)이 붙어있다면 그걸 지우고 뒤에 값을 바꿔주면 된다는 뜻이다. SMTP=smtp.gmail.com smtp_port=587 sendmail_from..
-
[flutter] 플러터 버튼의 애니메이션 효과 제거하기 / textbutton splash color flutter앱 개발/플러터(Flutter) 2022. 8. 24. 01:30
플러터에서 버튼을 누르면 자동적으로 애니메이션을 갖게 된다. 이를 제거하기 위한 코드를 알아보자. 핵심 코드는 아래와 같다. overlayColor: MaterialStateColor.resolveWith((states) => Colors.transparent), 코드는 MaterialApp 내 theme에 해당 속성을 추가해주면 된다. 그러면 버튼을 눌렀을 때 잠시 회색으로 변한다던가, 누른 게 티가 난다거나, 회색이 사선으로 움직이는 등 '터치를 알아챌만한 애니메이션이나 효과'가 없어진다.
-
[flutter] 플러터 drawer의 아이콘 색깔 변경하기 / drawer icon color change flutter앱 개발/플러터(Flutter) 2022. 8. 23. 23:44
플러터의 drawer 아이콘 색깔을 어떻게 변경하는지 알아보자. 원래 기본값은 흰색으로, 배경이 흰색이라면 눈에 보이지 않을 수 있다. 아래와 같이 appBar 속성 안에 IconThemeData를 특정 색으로 설정해주면 아래 화면과 같이 icon 색상이 변경된 것을 확인할 수 있다. 핵심 코드는 다음과 같다. iconTheme: IconThemeData(color: Colors.black),
-
[flutter] 플러터에서 커스텀 폰트(글씨체) 적용하기 / pubspec 파일 fontfamily 설정앱 개발/플러터(Flutter) 2022. 8. 19. 15:42
이미지를 넣을 때와 비슷하다. assets 폴더 내부에, 다른 이미지 등과 구분하여 관리하기 위해 폴더를 생성하고, 그 하위에 글씨체 파일을 넣어준다. 그리고 pubspec.yaml에 들어가서 flutter 하위의 fonts에 아래 Tab 칸을 잘 지켜 넣도록 한다. family 앞에 짓고 싶은 이름을 넣어주고, 그 다음주에 fonts를 넣어 글씨체 묶음을 정의해준다. - assets 줄에는 글씨체의 주소를 넣는다. fonts : 이 flutter : 의 하위에 있음에 주의한다. pubspec.yaml 파일에서 수정한 항목이 생기면 Pub get 도는 Upgrade를 해주는 것을 잊지 말자. 실제 dart파일에는 아래와 같이, TextStyle의 속성으로 fontFamily를 설정, 그 이름을 문자열로 ..
-
[flutter] 플러터 TextFormField 내용 수정할 때마다 바뀌는 Text 구현하기 / onChange 속성앱 개발/플러터(Flutter) 2022. 8. 11. 16:46
숫자를 입력하면 거기에 10퍼센트 더한 계산결과를 보여주는 실시간 게산기를 구현해보고 싶다. 첫째로, rewardCtrl라는 TextEditingController를 선언했다. 이 rewardCtrl에서부터, 사용자에게 입력받은 데이터를 뽑아올 수 있다. 아래와 같이 SizedBox 내에 TextFormField를 child로 두었다. 입력창의 크기가 고정되도록 만들었다. 아래와 같은 속성을 추가하여, 사용자가 숫자 이외에는 입력할 수 없도록 설정하자. keyboardType: TextInputType.number onChange라는 속성을 사용할건데, '내용이 바뀔 때 마다' 시행되는 함수이다. onChanged: (text){ setState(() { _rewardCalculResert = _rewa..
-
[flutter] 플러터 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법앱 개발/플러터(Flutter) 2022. 8. 11. 14:56
플러터의 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법을 알아보자. TextFormField에서 기본적으로는 왼쪽 가운데 정렬이 되어있을 것이다. 하지만, TextFormField는 경험상 Container로 감싸거나 SizedBox로 감싸서 크기를 조절해주어야한다. 하지만 처음에는 아래 그림과 같이, 회색 TextFormField 안의 hint가 왼쪽 정렬이 되어있다. 그리고 칸 안에도 들어가지 않은 것으로 보인다. 여기에 다음과 같은 속성을 추가해주자. 그러면 아래 그림과 같이 가운데 정렬로 바뀔 수 있고, 글자도 그 안으로 들어가게 된다. textInputAction: TextInputAction.done, cursorColor: Colors.black, 오류, 질문이 있으면..
-
[flutter] 플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 앱바 아이콘 및 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기앱 개발/플러터(Flutter) 2022. 8. 11. 01:49
플러터 앱바(AppBar)의 제목(title) 가운데 정렬 하기 / 제목 검정색으로 설정하기 / AppBar 배경 흰색으로 설정하기 아래는 AppBar 배경을 흰색으로 설정하고, 글자 색을 검정으로 한 뒤 가운데 정렬한 코드이다. appBar: AppBar( centerTitle: true, elevation: 5, iconTheme: IconThemeData(color: Colors.black), title: Text("설정", style: TextStyle(color: Colors.black), ), backgroundColor: Colors.white, ), 특히 아이콘을 검정으로 하는 코드는 아래와 같다. iconTheme: IconThemeData(color: Colors.black), 아이콘 ..