📌 한 줄로 요약하기
: 하나가 해결되면 다른 것이 엉망이다.
💡 오늘의 인사이트
🧩 오늘의 배운 점 1
상황: 숙소 카드의 높낮이가 계속 달라진다.
문제
- 정렬 시 이상하게 보이거나 상단, 하단의 여백이 맞지 않는다.
방법
1. 코드셋으로 들어간다
2. 숙소 카드를 선택한다
3. 컨트롤+f로 [Height]를 찾는다
4. [maxHeight]로 값을 바꿔준다
5. 컨트롤+f로 [display]를 찾는다
6. fix으로 값을 변경한다
결과 : 이미지 크기가 달라도 동일하게 적용되었다.
🧩 오늘의 배운 점 2
상황: 필수 작업/ Filter 설정에서 region == Current Item region 등 진행
문제
- Filter에서
region는 찾았으나,Current Item region값이 없다.
방법
1. Filter의 All - Rogion - Set Variable - Rogion 순으로 선택한다
2. Filter의 메인 화면으로 돌아간다
3. Add.. 를 클릭한다
4. Slug - Doesn't Equal - Set Variable - Slug 순으로 선택한다
주의
- 반드시 순서대로 할 것!
결과 : 상세 페이지에서 관련 숙소만 나왔다 (같은 숙소는 제외!)
🧩 오늘의 배운 점 3
상황: HeaderNav를 클릭할 때 색이 바뀌지 않는다.
문제
- 스텍으로 진행시, 색깔이 변하지 않았다.
방법
1. [선택] 컨포넌트를 만든다
2. 텍스트 선택 - Content - Title 생성
3. 원하는 페이지 - HeaderNav - Variant : [선택] 컨포넌트 클릭
4. Title의 이름 바꾸기
주의
- 반드시 순서대로 할 것!
결과 : 이제 제대로 구현이 된다!
🧠 내일 적용할 점
- 왜 중요한가: X
- 어떻게 쓸 건가: X
- 기대 효과: X
🤔 오늘의 궁금한 점
- 질문: X
- 왜 궁금한가: X
- 찾아볼 것: X
🎯 다음날 액션
- facilities 정렬 다시 하기
- 못한 부분 진행 후, 제출하기
📂 개인 과제
[Chapter. 4] 서비스 기획 심화 주차
Framer 기반 랜딩 페이지 제작
💻 팀 작업 과정
| 일시 | 작업 | 느낀 점 |
|---|---|---|
| 01/22 | Framer 특강 | 업데이트된 요소를 더 자세히 알 수 있었다. |
| 01/22 | 유저 플로우 화면분석 | 디자인 분석을 하고 있었다. PM은 지표와 함께 한다. |
| 01/22 | 에어비앤비 PR 문서 분석 | 해석이 어려워서 AI 도움을 받았다. |
| 01/23 | 유저 플로우 화면분석 | 본래는 5개였으나, 분석 중 겹치는 내용이 있어 4개로 줄였다. |
| 01/26 | CMS 데이터 바인딩 | 제대로 되는게 없다 |
| 01/27 | 필수 과정 : /properties/:slug | 중간에 튜터님이 아니였으면 그냥 제출해버렸을 것이다. |
🚧 개선 포인트
문제 상황
- CMS에 facilities 필드를 설계했으나 상세 페이지에서는 동일하게 보이는 현상
개선 방향 : 튜터님께서 알려주신 방법
1. CMS에 facilities 필드에서 호텔을 선택하여 연결하기
2. Facilities - Content - Filters : Propertis 선택하기
- 설정 : Value - Property 선택하기
3. Text - Content - label 선택하기
📸 오늘의 결과물
- 위에 있다 !
