파파비의 블로그

자바스크립트는, 가벼운, 크로스플랫폼, 객체지향프로그래밍 언어이다. 자바스크립트는 웹개발의 3가지 기술중 하나를 차지한다 3가지 기술은 html, css, 그리고 js다. 그래서 원래는 웹 클라이언트 개발에 사용됐었다. nodejs가 생기면서, 이제는 백엔드도 가능하다. React나 앵귤러 같은 프레임워크들은 전부 js로 이루어져있다. 그래서 기본적으로 저런 프레임워크들을 사용하기 위해선 js를 잘 다루어야 한다. 참고로 위에서 말한 html, css, js의 관계를 살펴보자 이 3개의 기술은 서로 엮여서 사용되는데 html은 컨텐츠 자체를 정의하게 되고 css는 컨텐츠들이 보여지는 방식을 정의하게 되며 js는 웹의 전반적인 논리, 코딩을 담당하게 된다고 이해하면 쉽다. 그래서 어떤 사람들은 html이 ..

자바스크립트는 주로 웹사이트를 만드는 것에 사용되는 프로그래밍 언어인데, 기본적으로 html파일과 연결되어서 html이 실행될 때 같이 실행된다 그래서 자바스크립트 코드를 html에 연결하는 방식은 2가지가 있다. 1. 자바스크립트 코드를 직접 html 파일에 작성하는 방법. 2. 자바스크립트로 작성된 파일은 html에 연결하는 방법. 먼저 자바스크립트 코드를 직접 html에 작성하는 방법을 살펴보자. 이렇게 평범한 html 파일에, 태그를 만들고, 그 안에서 자바스크립트 코드를 작성하면 된다. html 문법을 쓰다가 저기 script태그 안에서는 자바스크립트를 사용하면 된다. 자바스크립트도 c#과 마찬가지로 console.log가 존재하고 (c#은 Console.Write(~)), 안에 필요한 내용을 ..

퍼블리싱 하는 순서를 나타낸다. 1) 일단 코드짜고, 테스트하고 최적화까지 완료 2) 앱 이름 설정 & 식별자 설정 3) 써드파티 API 설정 확인 4) 아이콘 & 스플래쉬 이미지 설정 5) 올리기 1)은 생략하고 2)부터 보자 2) 앱 이름 설정 & 식별자 설정 일단 앱의 이름이나 식별자 등을 설정하기 위해선 요기, AndroidManifest.xml에 가서 Metadata를 좀 손봐야 한다. 그 중에서 어플리케이션 tag에, 1) label 부분은 사용자에게 보여지는 앱 이름이다. 앱을 깔고나서 바탕화면쪽에서 반영되는 이름이다. - 그래서 예쁘게 지어야 한다! 2) 그 위에 name은 그냥 내부적인 앱 식별자이므로 딱히 고칠필요는 없다. (참고로 얘는 패키지이름하고는 다른 개념이다!!) - 패키지 이..

https://flutter.dev/docs/development/platform-integration/platform-channels Writing custom platform-specific code Learn how to write custom platform-specific code in your app. flutter.dev 강의 https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/learn/lecture/15200030#questions ...MethodChannel 객체는 앱이 돌아가고 있는 OS (ios나 안드로이드 등)과 플러터가 연결되는 통로가 된다. 필요할 때 자세히 보도록 하자.

안드로이드나, ios 모두 푸시알람 기능을 하기 위해선 push Notification Server에 따로 등록을 해두어야 한다. 그래야 보안이나 오남용 이슈를 방지할 수 있다. 앱을 push Notification Server에 등록하고, 푸시 알람을 보내기 위해선 해당 서버로 요청을 보내면 되고 그러면 해당 서버가 각 앱이 깔린 디바이스들에게 알람을 보내는 형태이다. 이렇게 등록과정이 필요하기 때문에 해당 기능을 앱에 적용하기 위해선 단순히 패키지만을 넣으면 되는 것이 아니라 몇가지 더 할일이 필요하다. 일단 패키지부터 https://pub.dev/packages/firebase_messaging#-installing-tab- firebase_messaging | Flutter Package Flut..

여기 보면 circle 아바타가 네모 위에 이상하게 겹쳐있는 것을 볼 수 있다 과연 어떻게 한 것일까? stack 위젯 + positioned 위젯을 활용했다. stack으로 겹치게 했고 positioned로 구체적인 위치를 조정했다 특이 stack에는 overflow라는 속성이 있는데, 여기 값을 조정하면 stack을 벗어나도 지워지지 않는다.(clipped 되지 않는다) 스택에서 컨테이너 및에 이렇게 포지션드 위젯과 overflow 속성을 따로 해두었다.

파이어 스토리지를 시작하면 하나의 버킷이 부여된다. 우리는 그 버킷안에서 폴더를 만들고 파일을 넣고 할 수 있다. 프로젝트 하나 당 하나의 버킷을 부여 받을 수 있다. (돈 주면 더 할 수 있긴 한데, 폴더도 만들 수 있어서 굳이..? 여러개 프로젝트에도 이거 하나면 충분) 버킷의 개념, 이해했는가? ㅇㅋ! 여기가 버킷의 위치이다. 버킷으로 가는 방법을 코드로 보여주겠다. 파이어스토어 sdk를 깐 뒤에. 이렇게 싱글톤을 받고, ref()를 사용하면 된다. 여기부터 이제 어떤 파일을 가져올지, 뭐 등등의 작업등을 지시하면 된다. 더 구체적인 부분들을 살펴보자 잠깐, 그전에 규칙부터 잠시 살펴보자 파이어 스토어랑 비슷한 느낌이지 않는가? 맞다 거의 똑같다 대신 collection, documents 대신 b..

메시지를 보낼 때, 누가 보냈는지 이름이라도 알면 좋을 것 같다. 이렇게 말이다. 그런데 문제가 있다. 저 이름은 users라는 컬렉션안에 있다. 그러면 다시 관련된 정보를 future로 가져와서, await로 해서 보여주어야할까? 유저id를 버블위젯만들 때 받으니까, 생성 버블 위젯을 만들때, futureBuilder를 넣어서 유저 이름 정보를 가져오면 어떨까? 가능하다! 다만 매우 비효율적이다, 채팅이 새로 만들어질 때마다, futurebuilder가 실행되어서 보기도 안좋고, 이상하다 딱 한번만 futurebuilder에서 정보를 가져오면 그만인데, 자꾸만드는게 안좋다. 그럴 경우에는 메시지 정보를 저장할 때, user name을 가져와서, message쪽에 한번 더 저장해버리면 된다. 그러면 da..