반응형

전체 글 21

DRAFTBIT | 비밀번호 표시/숨기기 제작 실습, Show/Hide Password (Eye Checkbox)

디자인 제작이미지와 같이 디자인을 만든다.view > text, checkbox passwordInput_hide 는 비밀번호가 •••••••••로 보이는 것으로 눈 감은 아이콘과 짝꿍passwordInput_show 는 비밀번호가 전부 보이는 것으로 눈 뜬 아이콘과 짝꿍Checkbox는 눈  아이콘(변수 checkboxValue 자동생성됨)    각 값 적용내용passwordInput_hide Configs 에서 Password Input? 토글을 활성화시킴. -> •••••••• 로 표시되도록Data 탭의 하단에 Conditional Display 부분 Value값 checkboxValue, Operator값 Doesn't exist(is Falsy)를 선택해줌. ->    passwordInput_..

기록/Draftbit 2024.04.23

Draftbit Document 공부| REST API Integration: Supabase 2, POST/PATCH/DELETE

Draftbit Document 공부| REST API Integration:Supabase공부 자료는https://docs.draftbit.com/docs/supabase#post-request-to-submit-a-new-row Connect Supabase to Draftbit - REST API DocumentationUsing REST API, connect your Supabase back-end to Draftbit.docs.draftbit.com  공부 순서는1. POST request: 새로운 데이터 제출2. PATCH request: 기존 기록 업데이트3. DELETE request : 기존 기록 제거 갑자기 Passing data 추가  결과물은..Add 잘 들어가고요.근데 궁금한 게..

기록/Draftbit 2024.03.28

Draftbit Document 공부| REST API Integration: Supabase Passing data, 화면끼리 데이터 전달하기

https://docs.draftbit.com/docs/supabase#post-request-to-submit-a-new-row문서 내용 중 passing data에 관련된 것이 나온다. 내가 리스트업한 과일 목록 중에삭제하고 싶은 것의 휴지통을 누르면,Delete 페이지가 나오고, 거기서 해당 데이터를 삭제하는 내용이다.    데이터를 받을 페이지에서다른 화면에서 받아오고 싶은 데이터 (id, title)를Navigation Parameter 에 추가해주고,  온김에텍스트 출력 방식도 정해준다.   이 화면의 휴지통을 누르면 delete 화면으로 넘어가게 해야니까 휴지통 버튼에 action 추가해주기.  그럼 잘 출력된다~!

기록/Draftbit 2024.03.28

Draftbit Document 공부| VARIABLES: Device Variables

공부 자료 : https://docs.draftbit.com/docs/device-variables Device VariablesStore persistent data on the user's devicedocs.draftbit.com  장치변수사용자 장치에 영구적으로 저장되는 특별한 종류의 변수로앱 재시작 할 때 기본값으로 재설정되는 값이 아니라앱이 마지막으로 닫혔을 때 값과 동일함.    자여기까진 좋은데요    ??????????????????????      진짜똑같이 다시 했는데 잘됨. 뭐가 문제였던거야~?~~?~?~?~?~!~!~!~!~!~!?~!~!

기록/Draftbit 2024.03.27

Draftbit Document 공부| VARIABLES: App Variables

App Variables앱 수준의 변수앱 시작할 때마다, 자동으로 보여지는 기본값App Variables are shared pieces of data that live at the app-level and can be set and used across your entire app.Each time your App restarts, the App Variable will reset to the default value. 공부 할 문서 : https://docs.draftbit.com/docs/app-variables App VariablesStore data to use throughout your appdocs.draftbit.com  설명에서 만든 button은 button solid라 마술지팡이가..

기록/Draftbit 2024.03.27

Draftbit Document 공부| REST API Integration:Supabase 어디가 잘못 된 건지 알려주실 친절한 분 찾아요? (해결)

읽기만 하니까 진행이 안되길래 글로 정리하면서 실행해보는 중 최종참고문서https://docs.draftbit.com/docs/supabase Connect Supabase to Draftbit - REST API DocumentationUsing REST API, connect your Supabase back-end to Draftbit.docs.draftbit.com   참고문서, supabase 것 따라하다가 중단...이유? 자료 업데이트가 안되어있음https://supabase.com/partners/integrations/draftbit https://supabase.com/partners/integrations/draftbitDraftbit is a "pro-code" low-code mob..

기록/Draftbit 2024.03.27

Chat GPT(무료)와 함께 Draftbit document 공부하기 | VARIABLES 변수: Intro to Variables

맞는지 틀린지 모르는 코알못이지만 매뉴얼 읽어야해서 공부중  오늘 공부는💜 VARIABLES 💜  일단 초등학생 수준으로 설정..     변수란 무엇인지 설명해드릴게요! 변수(variable)는 정보를 저장하는 상자라고 생각해봐요. 프로그래밍에서 변수는 데이터를 저장하고 나중에 사용할 수 있게 해줘요. 여러 종류의 변수가 있는데, 이 글에서는 네 가지 타입의 변수에 대해 설명하고 있어요. 앱 변수(App Variables): 앱 전체에서 사용할 수 있는 변수에요. 앱이 재시작될 때마다 이 변수는 기본값으로 다시 설정돼요. 이 변수는 주로 앱 전체에 영향을 주는 상수나 에러 메시지, 모달 상태와 같은 앱 전반적인 데이터를 저장할 때 사용돼요. 디바이스 변수(Device Variables): 사용자의 디..

기록/Draftbit 2024.03.27

Intro to Draftbit | Part 3: Connecting Data 강의, 이미지 DB가 없을 때 Draftbit Database 사용하기!

💜오늘의 과제💜 Fetch 이용하여Feed 만들기   나?코알못 Draftbit Intro 강의도 따라가기 쉽지 않다. Part 1,2까지는 무난히 넘어갔는데3에서 fetch 하니까..멘붕 2021년 강의라 그런가?왜 다른 DB에서 가져오는 거 쓰시는데요...DB도 모르는 1인은 웁니다.   결론은draftbit에서 제공하는 무료 DB를 사용해서 테스트해보면 된다. 나중에 발견한.. 참고용 draft document :https://docs.draftbit.com/docs/example-data-serviceDraftbit Database: https://example-data.draftbit.com/ 처음에는 images 단어만 찾다가 못찾아서 videos로 만들었으나 (이것도 문제없이 됨)다시보니..

기록/Draftbit 2024.03.27

블로그 스킨 편집 | 헤더, 상단 메뉴 바 고정, 배경 흰색, 그림자 지정과 본문 간격 늘리기

💜오늘의 과제 💜  헤더에배경색, 그림자, 고정적용하기  수정 전 -> 수정 후    화면을 내리면 헤더가 따라온다.  '스킨 편집' 에서'html편집' 들어가기    'CSS' 클릭     키보드 단축키 'Ctrl + F' 눌러 검색창 켜키.검색창에 '* header'를 검색.   1. 헤더 고정하기 header 'position'을 'relative'가 아닌'fixed'로 수정하기.  잘 적용되었는지 미리보기 진행.  나는 글이 몇 개 없어서 홈에서는 확인불가했고,미리보기 화면을 '홈' -> '글'로 바꿔서 확인하였다.   잘 적용 된 것 같은데,   따라오는 기본 선이 마음에 안들고,배경도 흰 색으로 하고 싶음.  2. 배경색 변경 및 선 제거이럴 땐background: white로,border..

기록/블로그 2024.03.11
반응형