[내배캠] 프로덕트 디자인 / 39일차 / 2024_12_13

2024_12_13 금요일

 

 

 

코딩 5일차

 

어제까지는노코드툴인 Webflow를 사용 웹페이지를 구현하는 기초아닌 기초적인 부분을 배웠고,

오늘은 2주차강의로 넘어와서 노코드툴 에어테이블(Airtable)과 웹플로우의 CMS기능을 배웠다!

2주차 강의를 모두 수강했고 2주차 강의 과제도 무사히 제출완료했다🙆‍♂️

 

 

 

 

 

 

 

                                                       ✅  배운점                                                          

 

 

 

 

오늘은 또다른 노코드툴 에어테이블(Airtable)을 사용하여, 웹플로우의 CMS연동(?)하는 기능을 배웠다!

 

 

 

에어테이블(Airtable)이란?

 

구글 스프레드시트와 같은 "스프레드"형태의 인터페이스를 제공하지만,

훨씬 많은 총 28개의 데이터 필드를 지원하는 데이터 베이스다.

에어테이블

 

 

 

 

 

에어테이블의 3단 구조를 내가 이해한 대로 작성해 봤다!

 

 

 

 

웹플로우 CMS에 에어테이블의 데이터를 가지고와서 사용할 것이기때문에,

만들고 있는 웹페이지에 필요한 정보를 에어테이블에서 작성했다.

에어테이블에 사용 할 정보를 넣었다.

 

 

 

 

 

CMS란?

 

Contents Management System의 약자이고, 디지털 콘텐츠 관리를 지원하는 소프트 웨어다.

디지털 콘텐츠에는 블로그, 동영상도 될수있지만 넓게 보면 판매하는 상품이나 강의등 모두 컨텐츠가 될 수 있다.

 

 

 

• CMS는 보통 프론트엔드와 벡엔드로 구성된다.
  프론트엔드 → 콘텐츠가 웹 사이트의 시각적 구조화 및 스타일 지정을 담당
  백엔드 → 웹사이트에 보여질 콘텐츠를 추가, 수정, 삭제, 배포를 담당

 

 

• CMS의 기능
  데이터 베이스의 전체적인 구성
  콘텐츠의 제작, 수정, 삭제, 배포
  콘텐츠의 시각적 노출 등의 기능

 

 

 

그리고 웹플로우(Webflow) CMS 구성요소는 크게 3가지가 있다.

1. 콜렉션 (Collection) -백엔드
   - 콘텐츠를 담는 하나의 DB
2. 콜렉션 리스트 (Collection List)
   - 콘텐츠를 리스트 형태로 보여주는 요소
3. 콜렉션 페이지 (Collection Page)
   - 각 콘텐츠의 내용을 보여주는 요소

 

 

 

 

 

마지막으로 오늘 배운 내용들로 완성한 과제를 첨부한다!

• 실습내용: https://reutaniyi-nokoding-gyosil-6275d2f656e1b.webflow.io/

Home

 

 

• 나의 과제 : https://reutaniyi-nokoding-gyosil-a7925c.webflow.io/

Home

 

 

 

 

 

 

 

 

 

                                                        🤔  느낀점                                                          

어제 웹플로우라는 툴을 처음 사용하면서 기초적인 부분들을 배웠는데,

양이 상당히 많은 편이였다 (아마 내가 익숙치 않아서 많다고 느낄지도,,?)

 

하지만 어제 빡세게 기초를 배우고 나니 오늘은 어제보다 수월히 진행할 수 있었다.

아무래도 어제는 뭐가 어디있는지 찾는거 부터가 챌린지였기 때무네,,

오늘은 대충 뭐가 어디있는지 새로만드려면 어떻게 해야하는지 조금은 파악한 상태여서 훨씬 수월히 진행했다.

 

오늘은 금요일이라서 안그래도 기분이 쬐꼼 좋은데 강의 내용을 좀 더 따라가기가 수월해져서 기분이 좋다!

앞으로의 한달간의 코딩라이프가 오늘만 같았으면 좋겠는 나의 바램,,,🙏