# 플러그인 설치과정까지 마쳤다면 이제 본격적으로 플러터 프로젝트를 시작할 수 있다. 1. New Flutter Project > Generators > Flutter SDK path 확인 > Project name : 소문자랑 _만사용가능 > Project location : … 눌러서 원하는 위치에 폴더 생성 후 지정 2. main.dart > 메인 작업 페이지 생성
# Flutter 프로젝트를 만들기 위해서 플러그인을 설치하는 방법을 간단히 소개하겠다. 1. Flutter install 2. Dart install 3. android studio IDE 재실행
# x-code는 생각보다 필요한 라이브러리가 많아서 연동하기 복잡한 편이다. 본 글은 Flutter에서 x-code를 연동하는 방법을 설명하겠다. 단, (x-code 설치는 appStore에서 미리 설치하고 진행할 것) 1) 필요한 라이브러리 체크 flutter doctor > 여기서 필요한 것은 Flutter와 Xcode의 체크유무이다. 지난 Flutter 설치 및 환경변수까지 셋팅이 되었다면 첫번 째 체크박스는 잘 체크되어 있을 것이다. 하지만, 대부분은 Xcode 설정이 되어있지 않을 것이다. 2. CocoaPods 설치 sudo gem install cocoapods > 해당 명령어를 콘솔입력창에 입력하면 에러가 발생할 것이다. 그 이유는 Ruby가 설치되어 있지 않기 때문. > Ruby는 Ja..
# 플러터를 구동하기 위한 IDE로는 "vsCode" 와 "android studio"가 대표적으로 있다. 본 글은 android studio를 설치하는 방법을 간단히 소개하겠다. 1. Android Studio 설치 https://developer.android.com/studio?hl=ko 해당 웹을 들어가서 스크롤을 내리다보면 각 OS에 맞는 버전이 명시되어있다. (필자는 m2이므로 arm64버전을 설치) > standard 버전으로 설치 2. SDK 설치 > 설치가 모두 되었다면 More Actions > SDK Manager 클릭 > SDK Tools (tab) > Command-line Tools 체크 후 OK
# Flutter 설치 방법에 대해 간단히 설명 1. Flutter 다운로드 >> (필자는 m2이므로 arm64버전으로 설치) 원하는 버전으로 설치 (최신버전으로 설치해도 무방) https://docs.flutter.dev/release/archive?tab=macos 2. zip 압축풀기 3. 환경변수 등록 1) 터미널 open touch ~/.zshrc open ~/.zshrc 2) bin 경로 설정 export PATH="$PATH:플러터폴더경로/bin” 혹시나, 경로를 모르면 > flutter 폴더를 텍스트편집기에 드래그
라이브러리 설치 npm install axios npm install cheerio => axios : 웹 사이트에 HTTP 요청을 보내고 응답을 받아오는 데 사용. => cheerio : 웹 페이지의 HTML 요소를 쉽게 파싱하고 조작할 수 있는 라이브러리 코드 설명 export default function Home() { // 필요한 라이브러리 가져오기 const axios = require("axios"); const cheerio = require("cheerio"); // 알라딘 베스트셀러 페이지 URL const aladinBestSellerURL = "https://www.aladin.co.kr/shop/common/wbest.aspx"; // axios HTTP 요청 axios .get(..
Presigned URL이란? => 클라이언트 > 서버에게 Presigned URL만 요청. => 클라이언트가 직접 > S3에 업로드하는 방식 클라이언트 > 서버 (/test/page.js) 'use client' export default function Test(){ return ( { let file = e.target.files[0] let fileName = encodeURIComponent(file.name); let res = await fetch(`/api/post/image?file=${fileName}`); res = await res.json() } }> ) } => 태그를 통해 클라이언트가 이미지 선택 => 서버에게 Presigned URL을 달라고 GET 요청 서버 > 클라이언트 ..
1. AWS - S3 셋팅 => 로그인 후, 검색창에 S3검색 후, 맨 위에 보이는 S3를 선택한다. => 버킷 만들기 클릭! => 버킷 이름은 유니크하게 작명. => 액세스 설정 기본값을 풀고 아래 체크 이후, 다 건너뛰고 버전 만들기 클릭. 2. 버킷 정책 수정하기 => 보안을 위해 일반사람을 읽기만, 관리자는 수정, 삭제 기능까지 변경 => S3 > 버킷 > 권한 => 버킷 정책 편집 클릭. { "Version": "2012-10-17", "Statement": [ { "Sid": "1", "Effect": "Allow", "Principal": "*", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::버킷명/*" }, { "Sid": "2", "Effe..
