본문 바로가기

Sparta69

[Chat-GPT 웹사이트 만들기] 카드 생성 GPT의 특성상 매번 다른 대답을 하기 때문에 강의와 코드를 일치시킨 후 다시 진행하도록 한다. 뼈대 코드 나만의 르탄마켓 집에 있는 물건을 팝니다! 처음과 같이 새로운 채팅을 열고 질의를 한다. 이미지 찾기 카드에 사용할 이미지를 GPT를 사용하여 찾아본다. GPT는 이미지를 직접 찾을 수 없기 때문에 우회하는 방법이 필요하다. 이미지에 대한 요청을 할 때 특정 사이트에서 검색하고 그 결과를 받을 수 있도록 질의를 한다. 질의 [INFO: you can add images to the reply by Markdown, Write the image in Markdown without backticks and without using a code block. Use the Unsplash API (http.. 2023. 5. 22.
[Chat-GPT 웹사이트 만들기] 프로젝트 세팅 강의는 VSCode를 사용하여 진행한다. 개요 Chat GPT를 사용하여 물건을 사고팔 수 있는 페이지를 구현해 본다. Open in Browser 프로젝트를 즉시 브라우저에서 확인할 수 있는 확장프로그램이다. Extension 탭에서 Open in Browser를 설치한다 프로젝트를 생성할 폴더를 생성하고 VSCode에서 해당 폴더를 열어준다. HTML 브라우저에 띄울 페이지의 기본 뼈대를 만든다. // 뼈대 코드 정해진 환경 속에서 Chat GPT를 활용하여 페이지를 만들어 보도록 한다. Chat GPT Chat GPT에게 위 코드를 읽히고 필요한 기능을 구현한다. 우선 뼈대 코드를 그대로 복사하여 Chat GPT의 질문 칸에 입력한다. 그리고 가장 하단에 문장을 추가한다. ------ 중요 : 이 .. 2023. 5. 22.
[Flutter] 숙제 전면 광고 추가하기 - ( week 5 ) 앱에 전면광고를 추가해 본다. google mobile ads 문서에서 해당 광고 기능을 가지는 클래스를 찾아보니 interstitial를 사용하면 될 것 같다. InterstitialAd? interstitialAd; InterstitialAd 인스턴스를 선언한다. 앱이 시작될 때 전면 광고가 뜨도록 initState에서 로드한다. 로드할 때 값들의 초기화를 진행한다. InterstitialAd.load( adUnitId: Platform.isAndroid ? 'ca-app-pub-3940256099942544/1033173712' : 'ca-app-pub-3940256099942544/4411468910', request: AdRequest(), adLoadCallback: InterstitialAd.. 2023. 5. 3.
[Flutter] 디바이스에 앱 설치 - ( week 5 ) 실제 기기에 현재 만들어 둔 앱을 설치해 본다. ios의 경우 맥 os환경이 반드시 요구되기 때문에 현재 사용 중인 윈도에서 테스트할 수 있는 안드로이드 기기를 기준으로 테스트한다. 안드로이드 디바이스는 개발자 모드를 활성화시키고 개발자옵션에서 usb 디버깅 옵션을 켜준다. 그리고 컴퓨터에 연결하고 vscode와 연결해 준다. 연결된 장치를 선택하고 터미널에서 배포 모드로 앱을 설치해 준다. flutter run --release 배포 모드로 설치하면 기존 가상 디바이스로 테스트할 때처럼 핫 리로드 기능은 사용할 수 없지만 컴퓨터와 연결이 끊어져도 앱을 실행할 수 있는 상태가 된다. mymemo앱이 설치 후에 자동으로 실행된다. 2023. 5. 3.

티스토리툴바