본문 바로가기

전체 글75

[Flutter] 디바이스에 앱 설치 - ( week 5 ) 실제 기기에 현재 만들어 둔 앱을 설치해 본다. ios의 경우 맥 os환경이 반드시 요구되기 때문에 현재 사용 중인 윈도에서 테스트할 수 있는 안드로이드 기기를 기준으로 테스트한다. 안드로이드 디바이스는 개발자 모드를 활성화시키고 개발자옵션에서 usb 디버깅 옵션을 켜준다. 그리고 컴퓨터에 연결하고 vscode와 연결해 준다. 연결된 장치를 선택하고 터미널에서 배포 모드로 앱을 설치해 준다. flutter run --release 배포 모드로 설치하면 기존 가상 디바이스로 테스트할 때처럼 핫 리로드 기능은 사용할 수 없지만 컴퓨터와 연결이 끊어져도 앱을 실행할 수 있는 상태가 된다. mymemo앱이 설치 후에 자동으로 실행된다. 2023. 5. 3.
[Flutter] 구글 애드몹 연동 - ( week 5 ) AdMob Advertising on Mobile의 줄임말로 구글에서 제공하는 모바일 광고 네트워크 및 수익 창출 플랫폼이다. 웹에서 널리 사용되는 AdSense의 모바일 버전으로 볼 수 있으며 앱에 코드를 연동하여 자동으로 사용자들에게 타기팅된 광고를 띄워주고 이로 인해 발생한 광고 수익을 분배해 준다.추가로 광고 네트워크 최적화, 광고 실적 및 사용자 참여도 분석 등의 기능도 제공된다. GoogleAdMob AdMob 수익 창출 전략 애드몹 연동 mymemo 앱에 구글 애드몹을 연동하는데 광고 종류 중 하단의 배너를 구현해 본다. 실제 광고가 올라가기 위해서는 심사가 필요하기 때문에 테스트 ID를 활용해서 앱에 띄워본다. 가입한 AdMob 사이트에 접속하면 관리자 페이지가 뜨는데 '시작하기'를 눌러 .. 2023. 5. 3.
[Web] 서버에 배포하기 - ( week 5 ) 내가 만든 웹페이지를 모든 사람이 접속이 가능하게 하려면 내 컴퓨터에서 배포하고 컴퓨터를 항상 켜놓으면 가능하다. 하지만 컴퓨터를 항시 켜놓을 수 없으며 다른 작업도 해야 하기 때문에 내 컴퓨터 대신 계속 켜놓을 컴퓨터가 필요한데 이를 서버라고 한다. 요즘은 실물 컴퓨터를 대여해서 서버를 사용하는 것보다 인터넷 환경에 세팅되어 있는 가상 컴퓨터를 사용하는 방식을 많이 사용하며 이를 클라우드 서버라고 한다. AWS 아마존 웹 서비스는 클라우드 서버 중 가장 유명한 방식으로 그중 가장 편리한 AWS Elastic Beanstalk를 사용해서 페이지를 배포해 본다. AWS Elastic Beanstalk 페이지에 접속해서 내 계정을 클릭하고 '보안 자격 증명' 페이지를 연다. 그리고 '액세스 키'로 들어가서 .. 2023. 5. 2.
[Web] og 태그 활용 - ( week 5 ) 페이지를 공유할 때 해당 페이지의 정보를 보여주는 역할은 og 태그로 처리되기 때문에 만들어 놓은 페이지를 og 태그로 정보를 넣어서 공유할 때 페이지의 정보가 미리 보일 수 있도록 만든다. og 태그 넣기 index.html 파일의 head 태그 내부에 작성한다. 각 정보들을 페이지에 대한 내용으로 넣어준다. 이때 페이지에 보여줄 내용을 모두 내가 만들고 싶은대로 수정해 본다. 입력한 og 데이터를 확인하기 위해서 페이지주소를 복사해서 공유해 본다. 그러기 위해서는 우선 서버에 페이지를 배포해야 한다. 2023. 5. 1.

티스토리툴바