코딩 다이어리

지금 나는 풀스택 웹 개발에 도전 하고 있다.  개발 툴과 프레임워크는백엔드 : 스프링부트 프론트엔드 : 리액트DB : 몽고DB  이렇게로 도전하고 있드아! 블로그에 정리도 하면서 해야하는데,조금 더 해보고 여유 있을 때 블로그에 포스팅도 해야겠다! 웹 개발 처음이라 너무 재밌고 설렌다. >_ https://github.com/hayoung-selina-lee/SmartChatWeb GitHub - hayoung-selina-lee/SmartChatWebContribute to hayoung-selina-lee/SmartChatWeb development by creating an account on GitHub.github.com 여기에서 확인 가농!

오랜만에 책을 읽었는데, 술술 읽히던 책!https://product.kyobobook.co.kr/detail/S000001024711  밀리의 서재 랭킹에 있어서 무슨 내용인지만 보자 하고 열어봤는데, 너무 재미있어서 끝까지 쭉 읽게 되었다. 이 책을 읽기 전에 도파민에 절여진 나를 위해 도파민네이션 이라는 책을 읽었었는데, 도파민네이션과 비슷하게 뇌과학을 주제로 한 책이라 매우 흥미롭고 재미있었다. 무엇보다 재미있다고 느낀 것은내가 행동하고 있는 것들이 뇌에 의해서 제어되고 있다는 것이다. 확실히 일찍 일어나고 일찍 자는 습관이 중요한 것 같다.하지만 요새 너무 밤 낮이 바뀌어서 걱정 ㅠ_ㅠ 뇌에 대해 이해하면 무슨 일을 하던지간에 좀 더 효율적으로 할 수 있을 것 같은 느낌? 책은 뇌 신경물질 큰..

내가 좋아요 를 누른 항목만 따로 볼 수 있도록 스크린을 만들어봅시다. # 파이어베이스 데이터 리딩파이어베이스에서 데이터를 읽으면 아래와 같은 순서로 변형 할 수 있다.List -> DocumentSnapshot -> Movie data순서대로 데이터를 가져오는 방법을 정리하였다. List 파이어베이스의 컬렉션에서 데이터를 직접 불러오는 방법을 사용"where" 을 이용하면 된다.조건을 위해 제공해주는 기본 함수로는 11개가 있다.Query where( Object field, { Object? isEqualTo, Object? isNotEqualTo, Object? isLessThan, Object? isLessThanOrEqualTo, Object? isGreaterT..

이번 시간에는 검색 화면을 구현해보았다!일치하는 데이터를 보여주는 것 까쥐~ 이제 곧 클론 코딩의 끝이 보인다 +_+ # 검색 문자 추적데이터의 변화를 지켜보기 위해 Screen을 StatefulWidget으로 만든다.class SearchScreen extends StatefulWidget { const SearchScreen({super.key}); @override _SearchScreenState createState() => _SearchScreenState();} State를 제어하는 class 생성 후 TextEditingController 의 listener를 이용해 텍스트의 변화를 추적한다.class _SearchScreenState extends State { final Text..

지난 번엔 Flutter에서 Firebase를 사용하기 위한 콘솔 및 환경 설정에 대해 정리했다.(https://codingstorywithme.tistory.com/94)   이번에는 Flutter에서 Firebase를 사용하는 방법에 대해 정리해보겠다. # Package 설치파이어베이스의 데이터베이스인 파이어스토어 사용을 위해,dependency 에 cloud_firestore와 firebase_core를 설치한다. pubspec.yamldependencies: flutter: sdk: flutter carousel_slider: flutter_linkify: #for using clickable link url_launcher: #for executing link cloud_fires..

파이어베이스에서 데이터를 생성하는 방법에 대해 정리해보겠숩니당 1. 파이어베이스 콘솔 접속https://console.firebase.google.com/ 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com 접속 후 데이터를 추가 할 프로젝트로 고고! 2. Firestore Database 메뉴 > 빌드 > Firebase Database 로 들어가기 3. 컬렉션 시작 4. 컬렉션 정보 입력데이터 베이스 아이디 저장될 위치 선택 (South Korea)  보안 규칙을 생성해야 하는데, 나는 테스트 용도로 잠시만 사용 할 예정이라 테스트 모드에서 시작으로 일단은 만들었음.테스트 후 프로덕션 모드도 정리 할 예정. 5. 데이터 입력문서추가 클릭 데이터 정보 입력문서 ID는 자동..

✗ cmdline-tools component is missing      Run `path/to/sdkmanager --install "cmdline-tools;latest"`      See https://developer.android.com/studio/command-line for more details.✗ Android license status unknown.      Run `flutter doctor --android-licenses` to accept the SDK licenses.      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details. flutter doctor 를 실행했을 때..

Flutter 에서  Firbase를 사용하기 위해 연동하는 방법을 알아보자! 오늘은 크게 두 가지로 나누어 정리를 해보겠다.- 파이어베이스 설치- 파이어베이스 프로젝트 생성 후 연동  일단 큰 프로세스는 https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios#add_flutterfire_plugins 공식 홈페이지를 따라하면 된다. 1. 파이어베이스 설치 (Firebase CLI  참조)공식 사이트 : https://firebase.google.com/docs/cli?hl=ko&_gl=1*lruw9z*_up*MQ..*_ga*MTkzMjk2NjgwMi4xNzE1MTI4MDQw*_ga_CW55HF8NVT*MTcxNTEzMDQzOC4yLjAuMT..

이번 시간에는 더보기를 누르면 Profile 화면이 보이고,프로필 화면은 이미지를 원형으로 추가, 그 아래에 링크를 추가하도록 함! 완성된 화면 미리보기 ~  1. 원형 이미지 추가CircleAvatar 를 이용해서 png 이미지를 원형으로 보이도록 추가 (프로필 사진 대용)https://api.flutter.dev/flutter/material/CircleAvatar-class.htmlContainer( padding: const EdgeInsets.only(top: 50), child: const CircleAvatar( radius: 100, backgroundImage: AssetImage('images/bbongflix_logo.png'), ),), 2. 클릭과 이동이 가능한 링..

클릭하면 바로 주소로 이동가능하도록텍스트를 삽입하는 방법에 대해 알아보겠다!1. 패키지 설치먼저 필요한 패키지를 보면,- Linkify : 주소 텍스트를 클릭 가능하도록 함.- Url launcher : 실제 주소로 이동이 가능하도록 함.이렇게 두 가지 패키지가 필요하다.두 가지를 설치해준다.pubspec.yamldependencies: flutter: sdk: flutter carousel_slider: flutter_linkify: #for using clickable link url_launcher: #for executing link 이렇게 파일을 수정하면 자동으로 필요한 package 가 설치가 된다. 2. Linkify 사용https://pub.dev/packages/flutter..