๊ฐ๋ฐ ์ ๋ฌด๋ฅผ ์์์ผ๋ก ๋ณด์์ ์ด๋ฅด๊ธฐ๊ฐ์ง IT ์ ๋ฐ์ ์์ญ์ ๋ค๋ฃจ๊ณ ์์ต๋๋ค.
ํ์ฌ ๋ค์นด๋ผ ์ค ํ๊ณณ์ ์ฌ์ง์ค์ด๋ฉฐ ์ปค๋ฆฌ์ด ๊ธฐ๊ฐ๋์ ํ์ตํด์จ ๊ฒ๋ค์ ๊ธฐ๋ฐ์ผ๋ก ์ ์ฉํ ๊ฐ์๋ฅผ ์ค๋นํ์ฌ
์ฌ๋ฌ๋ถ๋ค์ ์ฑ์ฅ์ ๋๊ฒ ์ต๋๋ค.
Courses
Reviews
- No-code app development made easy with FlutterFlow
- No-code app development made easy with FlutterFlow
- No-code app development made easy with FlutterFlow
- No-code app development made easy with FlutterFlow
- No-code app development made easy with FlutterFlow
Posts
Q&A
์๊ฐ ์ดํ, ์ถ๊ฐ์ ์ธ ๋ด์ฉ(API Key ๋ณด์)์ ๋ํ ์ง๋ฌธ์ ๋๋ค!
์๋ ํ์ธ์. ์์ผํธ๋ ์ฐ์ ์๊ฐ๊น์ง ํด์ฃผ์ ์ ๋๋ฌด ๊ฐ์ฌํฉ๋๋ค~!๋ก์ปฌ์์ ๊ฐ๋ฐํ ๋๋ ๋ณดํต API Key๋ฅผ .env ํ์ผ์ ๋ฃ๊ณ Git์ ์ฌ๋ผ๊ฐ์ง ์๋๋ก ๊ด๋ฆฌํ๋๋ฐ์. ์ค์ ์๋น์ค ๋จ๊ณ์์๋ ํค๋ฅผ ๋ณ๋ ์ ์ฅ์๋ ์๋ฒ์์ ๊ด๋ฆฌํ๋ ๊ฒ์ด ๋์ฑ ์์ ํฉ๋๋ค.๋ฌธ์ ์ฃผ์ Cloud Functions๋ฅผ ์ฌ์ฉํ์ค ๊ฒฝ์ฐ, ์ฑ ์ฝ๋์๋ ํค๊ฐ ์ ํ ํฌํจ๋์ง ์๊ณ ์๋ฒ(Function) ์ชฝ์์๋ง ํค๋ฅผ ๋ณด๊ดยท์ฌ์ฉํ๊ธฐ ๋๋ฌธ์ ์ง์ ์ ์ธ ๋ ธ์ถ์ ๋ฐฉ์งํ ์ ์์ต๋๋ค.๋ชจ๋ ๋ด์ฉ์ ์ฌ๊ธฐ์ ๋ค๋ฃจ๊ธด ์ด๋ ต์ง๋ง, ์๋ ์์ ๋ฅผ ์ฐธ๊ณ ํ์๋ฉด ๋จ๊ณ๋ณ๋ก ์ํํ์ค์ ์์ผ๋ฆฌ๋ผ ์๊ฐ๋ฉ๋๋ค. (์ ๊ฐ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ด๊ธฐ๋ ํฉ๋๋ค.)https://community.flutterflow.io/community-tutorials/post/securing-api-keys-with-flutterflow-and-firebase-DxDNd5nFlEDrmT7์์๋ฅผ ๊ฐ๋จํ ์ ๋ฆฌ ๋๋ฆฌ๋ฉด.1. Firebase CLI ์ค์น & ๋ก๊ทธ์ธ2. Cloud Functions์ API ํค ๋ณด๊ด- ex.) firebase functions:config:set your_key="your-openai-api-key"3. Cloud Functions์์ ํ๋ก์ ํจ์ ์์ฑ ๋ฐ ๋ฐฐํฌ- ํด๋ผ์ด์ธํธ์์ ๋ณด๋ธ ์์ฒญ ๋ฐ์ดํฐ์ ์ฒ๋ฆฌ๊ฒฐ๊ณผ๋ฅผ FlutterFlow๋ก ๋ฐํํ๋ ๊ฐ์ ๋ํ ํจ์ ์์ฑ4. FlutterFlow์์ Cloud Functions ์ฐ๊ฒฐ (Custom Code์์ Firebase Functions์ ์ก์ ์ถ๊ฐ)5. FlutterFlow์์ Custom Code๋ก api ๋ฅผ ํธ์ถ์ด๋ ๊ฒ ๋๊ฒ ์ต๋๋ค. ๋์์ด ๋์๊ธธ ๋ฐ๋๊ฒ์~!
- 0
- 1
- 20
Q&A
icon ๊ณผ iconbuttn ์ ๊ธฐ๋ฅ์ฐจ์ด๊ฐ ๋ญ๊ฐ ์๋์
์๋ ํ์ธ์~ ์์ ฏ์ ๋ํด ๊ถ๊ธํ์ ๊ฑฐ๊ตฐ์.Icon ์์ ฏ๊ณผ Icon Button ์์ ฏ์ ๋ค๋ฆ ๋๋ค.Icon ์์ ฏ์ ๋จ์ํ ์๊ฐ์ ์ผ๋ก ์์ด์ฝ์ ํ์ํ ๋ ์ฌ์ฉํ๊ณ Icon ๋ฒํผ์ ํด๋ฆญ์ด๋ ํญ์ ํ์ฌ ์ก์ ์ ์ทจํ๊ณ ์ถ์๋ ์ฃผ๋ก ์ฌ์ฉํฉ๋๋ค. (ํ์ด์ง ์ด๋, ๋ณ์ ์ค์ ๋ฑ)Icon ์์ ฏ์ ํด๋ฆญํด๋ ์๋ฌด๋ฐ ์ก์ ์ด ์ผ์ด๋์ง ์์ต๋๋ค. Action ๋ฉ๋ด์์ ํด๋ฆญ ๊ด๋ จ ์ค์ ์ด ๋ถ๊ฐํด์.๋์์ด ๋์ จ๊ธธ ๋ฐ๋ผ๊ฒ ์ต๋๋ค.
- 0
- 1
- 24
Q&A
์ด๋ฏธ์ง์ ๋ก๋์๋ฌ
์๋ ํ์ธ์ U์ง์ ๋๋ค.์ฒจ๋ถํด์ฃผ์ ์ค๋ ์ท์ ๋ณ๋ค๋ฅธ ๋ฌธ์ ์ ์ ๋ณด์ด์ง ์๊ณ ์์ต๋๋ค.์ฐ์ firebase ์ฝ์์ ๋ก๊ทธ์ธ ํ์์ด storage ๊ท์น์ ์๋์ ๊ฐ์ด ์ฝ๊ธฐ ์ฐ๊ธฐ๊ฐ ํ์ฉ๋์ด ์๋์ง ํ์ธํด์ฃผ์ธ์. service firebase.storage { match /b/{bucket}/o { match /{allPaths=**} { allow read, write: if true; } } } ๊ถํ ์ค์ ์ด ๋ชจ๋ ํ์ฉ๋์ด ์๋๋ฐ๋ ์๋ฌ๊ฐ ๋๋ค๋ฉด cors ์ค์ ๋ฌธ์ ์ผ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค.์ต๊ทผ flutterflow ์ปค๋ฎค๋ํฐ์๋ ๊ด๋ จ๊ธ์ด ์ฌ๋ผ์๋ค์.firebase storage๊ฐ cors ํ์ฉ์ ํด์ค์ผ ์ด๋ฏธ์ง๊ฐ ๋ณด์ด๋๋ฐ ํ์ฉ์ด ๋์ด ์์ง ์์ผ๋ฉด ์๋ฌ๊ฐ ๋ฐ์ํฉ๋๋ค. ๋ช ํํ๊ฒ ํ์ธํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ด๋ฏธ์ง ์ ๋ก๋์ ํฌ๋กฌ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ๋์์ ์ฝ์ ๋ก๊ทธ๋ฅผ ํ์ธํด๋ณด๋ฉด "blocked by cors policy" ์ด๋ฐ ๋ฉ์ธ์ง๊ฐ ํ์ธ๋ฉ๋๋ค. ์๋์ ๊ฐ์ด cors ์ค์ ์ ์ ์ฉํด ๋ด ๋๋ค. mac os ๊ธฐ์ค์ผ๋ก ์ ๊ฐ ์ง์ ํ ์คํธ ํด๋ณด์์ผ๋ฉฐ ํOS๋ฅผ ์ฌ์ฉํ์ ๋ค๋ฉด ์ธํฐ๋ท์ "firebase storage cors ์ค์ "์ผ๋ก ๊ฒ์ํด๋ณด์๋ฉด ๋ง์ ์ ์ฉ ์ฌ๋ก๋ค์ ํ์ธํ์ค ์ ์์ต๋๋ค. firebase cli ์ค์นnpm install -g firebase-tools firebase logingoogld cloud sdk ์ค์นbrew install --cask google-cloud-sdk gcloud init cors.json ํ์ผ ์์ฑ (*๋ ํ ์คํธ์ฉ์ด๊ณ ์ถํ ์ค์ flutterflow ์น์ฑ ์ฃผ์๋ง ๋ฃ์ด์ฃผ์๋ฉด ๋ฉ๋๋ค.) [ { "origin": ["*"], "method": ["GET", "HEAD", "OPTIONS"], "maxAgeSeconds": 3600 } ]๋ฒํท ์ด๋ฆ ํ์ธgcloud storage buckets list ์์: handsbook-wxhk78.firebasestorage.app cors ์ค์ ์ ์ฉgsutil cors set cors.json ๋ฒํท์ฃผ์ ์์: gsutil cors set cors.json gs://handsbook-wxhk78.firebasestorage.app ์ถ๊ฐ๋ก ๋ธ๋ผ์ฐ์ ์์ ์์ ์ด์ฉํ์ฌ ์ค์ ํ๋ ๋ฐฉ๋ฒ๋ ์๋ดํด๋๋ฆฌ๊ฒ ์ต๋๋ค.https://console.cloud.google.com/ ์ ์ ๊ทผํ์ฌ ์ฐ์ธก์ ํด๋ผ์ฐ๋์ ํ์ฑํ๋ฅผ ํด๋ฆญํด์ค๋๋ค.๊ทธ๋ผ ํ๋จ์ ์์ด ํ์ฑํ ๋ ๊ฒ์ ๋๋ค. ํ์ฑํ๋ ์์ 3๋ฒ ํญ๋ชฉ์์ ์๋ดํด๋๋ฆฐ cors.json ํ์ผ์ ์์ฑํํ 5๋ฒ์์ ์๋ด๋๋ฆฐ ์ปค๋งจ๋๋ฅผ ์ ๋ ฅํ์๋ฉด ๋ฉ๋๋ค.gsutil cors set cors.json ๋ฒํท์ฃผ์ ๋์์ด ๋์๊ธธ ๋ฐ๋ผ๋ฉฐ ๊ฐ์๋ด์ฉ์ ์ ๋ฐ์ดํธ ๊ด๋ จ ๋ณด์ ํ์ํ ๋ถ๋ถ์ ๋ณด์ํ๋๋ก ํ๊ฒ ์ต๋๋ค.๊ฐ์ฌํฉ๋๋ค.
- 0
- 3
- 66
Q&A
ํ๋จ์ ์ ์ด๋ฐ ์๋ฌ๊ฐ ๋ฐ์ํ๋ ๊ฑด๊ฐ์
์๋ ํ์ธ์ U์ง์ ๋๋ค.์ฒจ๋ถ๋ ํ๋ฉด์ ๋ณด์์๋ ์ด๋ฉ์ผ๋ก ํ์๊ฐ์ ์งํ์ ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ณ ์๋๊ฑธ๋ก ๋ณด์ ๋๋ค.์ค๋ฅ๋ด์ฉ์ Firebase ํ๋ก์ ํธ์์ ํด๋น ๋ก๊ทธ์ธ Provider๊ฐ ํ์ฑํ ๋์ด์์ง ์์ ๋ฐ์ํ๊ฑธ๋ก ํ์ธ๋๋ค์.firebase ์ฝ์์ ๋ก๊ทธ์ธํ์ ์ ๋ก๊ทธ์ธ ์ ๊ณต์ ์ฒด์ ์ํ์๋ ํญ๋ชฉ์ด ์๋์ง ํ์ธํด๋ณด์๊ธฐ ๋ฐ๋๋๋ค.๋ก๊ทธ์ธํ์ ํ๋ ํญ๋ชฉ์ด ์์ ๊ฒฝ์ฐ "์ ๊ณต๊ธ์ ์ฒด ์ถ๊ฐ"๋ฅผ ํตํด์ ์ถ๊ฐํด์ฃผ์๋ฉด ๋ฉ๋๋ค. (์ฌ์ง)
- 0
- 2
- 44
Q&A
list view ์ค์ ํ์๋ ์คํฌ๋กค์ด ๋ด๋ ค๊ฐ์ง ์์ต๋๋ค
์๋ ํ์ธ์. U์ง์ ๋๋ค.overflow๊ฐ ๋ฐ์ํ์๋ค์. flutterflow ๊ตฌํ์ ํ๋ค๊ฐ ์ข ์ข ๊ฒช๋ ํ์์ ๋๋ค.๋จผ์ listview ์์ ฏ์ container ์์ ฏ์ผ๋ก ๊ฐ์ธ์ฃผ์ด์ผ ํฉ๋๋ค.์๋๋ ์์์์.(์ฌ์ง) ๊ทธ๋ค์ container ์์ ฏ์ height ๋น์จ์ ์กฐ์ ํด์ฃผ์๊ณ ์.(์ฌ์ง) ๋ง์ง๋ง์ผ๋ก listview๋ก ๊ฐ์ธ์ ธ ์๋ ์ด๋ฏธ์ง๋ฅผ ํด๋ฆญํํ ์ฐ์ธก ์์ฑ์ฐฝ์์ Expansion์ Flexible์ด๋ Expanded๋ก ์์ ํด์ฃผ์๋ฉด ๋ฉ๋๋ค.(์ฌ์ง) ๋์์ด ๋์ จ๊ธธ ๋ฐ๋๋๋ค.
- 0
- 1
- 46