개발 업무를 시작으로 보안에 이르기가지 IT 전반의 영역을 다루고 있습니다.
현재 네카라 중 한곳에 재직중이며 커리어 기간동안 학습해온 것들을 기반으로 유용한 강의를 준비하여
여러분들의 성장을 돕겠습니다.
강의
수강평
- FlutterFlow 쉽게하는 노코드 앱개발
- FlutterFlow 쉽게하는 노코드 앱개발
게시글
질문&답변
완강 이후, 추가적인 내용(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
- 19
질문&답변
icon 과 iconbuttn 의 기능차이가 뭐가 있나요
안녕하세요~ 위젯에 대해 궁금하신거군요.Icon 위젯과 Icon Button 위젯은 다릅니다.Icon 위젯은 단순히 시각적으로 아이콘을 표시할때 사용하고 Icon 버튼은 클릭이나 탭을 하여 액션을 취하고 싶을때 주로 사용합니다. (페이지 이동, 변수 설정 등)Icon 위젯은 클릭해도 아무런 액션이 일어나지 않습니다. Action 메뉴에서 클릭 관련 설정이 불가해요.도움이 되셨길 바라겠습니다.
- 0
- 1
- 24
질문&답변
이미지업로드에러
안녕하세요 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
질문&답변
하단에 왜 이런 에러가 발생하는 건가요
안녕하세요 U진입니다.첨부된 화면을 보았을때 이메일로 회원가입 진행시 오류가 발생하고 있는걸로 보입니다.오류내용은 Firebase 프로젝트에서 해당 로그인 Provider가 활성화 되어있지 않아 발생한걸로 확인되네요.firebase 콘솔에 로그인하셔서 로그인 제공업체에 원하시는 항목이 있는지 확인해보시기 바랍니다.로그인하자 하는 항목이 없을 경우 "새 공급업체 추가"를 통해서 추가해주시면 됩니다. (사진)
- 0
- 2
- 44
질문&답변
list view 설정 후에도 스크롤이 내려가지 않습니다
안녕하세요. U진입니다.overflow가 발생하였네요. flutterflow 구현을 하다가 종종 겪는 현상입니다.먼저 listview 위젯을 container 위젯으로 감싸주어야 합니다.아래는 예시에요.(사진) 그다음 container 위젯의 height 비율을 조정해주시고요.(사진) 마지막으로 listview로 감싸져 있는 이미지를 클릭한후 우측 속성창에서 Expansion을 Flexible이나 Expanded로 수정해주시면 됩니다.(사진) 도움이 되셨길 바랍니다.
- 0
- 1
- 46