TIL_쉽지않았던 Airtable, 웹플로우 오늘의 TIL기록🥹🔥

오전

• 09:00 ~ 10:10 : 디자인 카타 진행
• 10:10 ~ 10:30 : 오전 스크럼, 계획서 작성

집중 디자인

• 10:30 ~ 16:00 : 웹플로우 강의 듣기
  • [O] 노코드 웹플로우 3주차 강의 듣기

저녁

• 20:30 ~ 20:50 : TIL작성 
  • [O] 웹플로우 개인과제 발제 및 개인과제 계획 구상하기
  20:30 ~ 20:50 : TIL작성
• 20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고
• 17:00 ~ 20:00 : 강의 수강 및 과제 제출

---

오늘 한 일

1. Airtable 폼 설정
   • 비밀자료 신청 폼을 Airtable에서 생성하고 테스트.
   • 폼 제출 시 자동으로 단계를 "비밀자료 신청"으로 업데이트하는 자동화 설정 진행.
2. 웹플로우 버튼과 폼 연동
   • Airtable에서 생성된 폼 링크를 웹플로우 내 버튼에 첨부해 사용자 입력을 폼으로 연결.
3. 문제 해결 및 테스트
   • 폼 테스트, 레코드 선택, 자동화 실행 등 여러 단계를 거치며 설정 점검.
   • 데이터가 올바르게 테이블에 입력되는지 확인.
   • 최종적으로 링크를 게시하고 웹플로우 버튼에 적용 후 테스트 완료.

---

오늘 겪었던 문제점

1. 폼에 내용이 보이지 않음
   • 트리거와 레코드가 제대로 연결되지 않아 Update Record가 작동하지 않는 듯 보임.
   • 폼 제출 데이터가 테이블에 입력되지 않았거나 필드 매칭 문제 발생.
2. 경고 메시지 발생
   • 자동화 테스트 시 "Results may be out of date" 경고가 나타나 혼란 초래.
3. 폼 링크 오류
   • 웹플로우 버튼에 잘못된 폼 링크를 첨부해 폼이 제대로 작동하지 않음.

---

오늘 배운 점 및 해결한 점

1. Airtable 자동화 설정 이해
   • Trigger와 Action이 연결될 때 필드 매칭과 레코드 ID가 중요하다는 점을 배움.
   • 폼 제출 시 자동으로 특정 필드를 업데이트하는 로직을 명확하게 설정.
2. 테스트 데이터 활용
   • "Choose record"를 통해 올바른 레코드를 선택해야 테스트가 성공적으로 진행됨을 확인.
   • 경고 메시지는 테스트 데이터를 다시 실행함으로써 해결할 수 있었음.
3. 웹플로우와 Airtable 연동
   • Airtable에서 올바른 폼 링크를 가져와 웹플로우 버튼에 첨부하는 것이 핵심이었음.(사이트 데이터가 조금이라도 변경되면 계속 재부팅 해줘야했다.)
   • 폼 링크를 게시 후 최신 상태로 유지하는 것이 중요하다는 점을 배움.

 

 

 

기억해야할것

 

 

1. 꼭 웹플로우 위 이미지 버튼 눌러서 다시 실행하고 신청하기 버튼눌러 폼 신청 입력(테스트)진행할것.

 

 

2. 메일로 보낼때 자동으로 보내는것이기 때문에 시간이 걸린다는 점.

단계(비밀자료 신청) > 비밀자료 전송?(체크) 순으로 천천히 데이터가뜨니 폼 입력후 데이터 확인했더니 빈칸이라고 잘못된것이라 생각하지 말고 기다려볼것. 조금만 기다리면 데이터가 자동으로 체크됨. 그리고 이메일도 알맞게 잘 보내진것을 확인할수 있음.

 

이메일 도착한 내용

 

 

---

 

 

 

 

Airtable 자동화 설정과 웹플로우 연동의 문제점을 해결하긴 했지만, 정말 머리가 터질 것 같았던 하루였다. 강사님은 잘만 되는데 왜 나는 똑같이 따라 해도 안 되는 걸까... 하며 멘붕에 빠졌지만, 포기하지 않고 처음부터 강의를 다시 차근차근 보며 문제를 하나씩 확인했다. 결국 끝까지 원인을 찾아 해결한 내 자신 대견하다🥹...흑ㅠㅠ 개인과제도 잘 해보자!!🥹💪🔥