TIL

하루 계획📋

• 오전
  • 09:00 ~ 10:10 : 카타 진행
  • 10:10 ~ 10:30 : 오전 스크럼, 계획서 작성
• 집중 디자인
  • 10:30 ~ 16:00 : 강의 수강 및 개발
• [O] 노코드 웹플로우 강의 듣기
• 저녁20:30 ~ 20:50 : TIL작성
• 20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고
• 17:00 ~ 20:00 : 노코드 웹플로우 강의 수강 + 과제 제출

---

오늘 한일 / 오늘 겪었던 문제점💻📚 🤔

 

오늘 웹플로우 1주차 강의를 수강하였다.

녹화 강의 날짜가 3월달인데 추측하건데 작년 녹화본이라 웹플로우 UI화면이 달랐다.

그래서 검색하면서 따라해보았다. 

강사님이 커멘드+2 라고 하시는줄 알고 단축키를 눌렀는데 왜  Quick Find가 안나오는거지ㅠㅠ 하면서 헤매다가

뒤늦게 커멘드+E라고 하신거였다는걸 알게되었다.

덕분에 웹플로우 단축키 모음 사이트 들어가서 단축키가 어떤게 있는지 둘러보게 되었다.

 

단축키 찾기= 빠른 찾기:Command + E(Mac) 또는 Control + E (Windows) / Command + K(Mac) 또는Control + K(Windows)

 

Webflow의 Quick Find 사용
→ Command + E를 활용하여 빠르게 원하는 기능을 검색 및 실행

 

Link block을 사용하는 부분에서 조금 헷갈렸던 부분이 있었는데

Wrap in으로 클릭하면 card라는 레이어를 감싸서 Link block레이어가 하나 더 생기는것이였다.

내가 의도한건 card레이어 자체가 Link block 기능이 되게끔 설정하는거였는데.

 

그래도 덕분에 Link block 주는 방법이 두가지 방법이 있다는걸 알게되었다.

1. Wrap in

2. Convert to

< Wrap in >

Wrap in 사용시

바로 위 이미지는 Card레이어 영역을 선택하고 Wrap in을 주면 레이어가 Card위에 Link block레이어가 추가되어 Card레이어를 감싸고 있는것을 볼수 있다.

< Convert to >

 

Card 레이어 선택 후 마우스 오른쪽 버튼을 누르면 위 이미지처럼 창이 뜨는데 여기서  Convert to 클릭 > Link Block 클릭하면 된다.

그럼 선택했던 Card레이어 자체가 Link Block 기능을 해서 link Block레이어가 추가 되지 않고 바로 Card레이어에 링크블럭 기능이 적용된다.

---

오늘 배운 점💡📚🌱

1. 퀵메뉴 단축키는 -> 빠른 찾기:Command + E(Mac).

 2. Link block 주는 방법이 두가지 방법이 있다는걸 알게되었다.

1)Wrap in

2)Convert to

3.Link Block가 적용되면 텍스트가 자동으로 위 이미지처럼 줄이 쳐지는데 이걸 타이포그래피 안에 Decor섹션에서  X버튼을 눌러주면 텍스트 줄이 해제 된다.

---

오늘 총평✨

웹플로우 수강하면서 예전에 혼자 독학해보고 싶어서 한 번 만져봤을 때 "이걸 어떻게 수정하는 거지?" 하며 궁금했던 부분들이 해소되어 정말 좋았다. "아, 이렇게 제작하는 거구나!"를 깨닫게 되어 만족스러웠다. 직접 코딩하면서 개발하면 물론 더 좋겠지만, 세상이 빠르게 발전하는 만큼 AI 툴이나 노코드 툴처럼 업무를 효율적으로 도와주는 기술들을 배우는 게 미래에도 더 유용할 것 같다. 물론 코딩은 내가 알아서 독학할 예정이지만 ㅎㅎ 웹플로우도 기본적인 코딩 지식과 디자인 감각이 있어야 더 쉽게 따라 할 수 있다는 점이 인상적이었다.

웹플로우도 피그마 툴 다루듯이 빠르고 능숙하게 제작할 수 있도록 열심히 공부할 것이다. 열공, 빡공하며 웹플로우도 정복하자! 아자~ 🔥

 

TIL작성 완료! 헬스장 준비 시작~🏃‍♀️