2. Flutter Web GNB(global navigation bar)

참고 자료

 

Interactive Navigation items in Flutter Web

 

---

 

과정

Navigation-bar를 만들고 싶어서, 구글링을 해 보니 쉽게 찾을 수 있었다.

나는 그냥 navigation-bar라고 불렀는데, 웹 전체적으로 존재하는 navigation-bar는

global-navigation-bar를 줄인 GNB로 부른다는 걸 처음 알았다.

 

그리고 빌드를 하는 방법도 쉽게 찾을 수 있었다.

How to Deploy Flutter Web Application?

 

빌드를 하고, 실행 시켜 보니 정상적으로 동작한다!

추후에 빌드를 하고 netlify를 이용해서 배포를 할 계획이다.

 

 

---

 

피드백

• 디자인을 수정한다.
• UI 용어를 정리한다.
• 프론트 도안을 구성한다.

디자인이 너무 밋밋해서 수정을 해야할 것 같다.

웹 디자인 BestPratice를 좀 찾아보고 그를 응용한다.

그리고 뭔가 만들고 싶어서 검색할 때, UI 용어를 몰라서 시간을 많이 버렸다.

용어를 정리한다.

그리고 원하는 대로 만들기 위해, 구상도를 만들고 작업을 속행한다.