[개발자의 품격 (야간) 부트캠프 1기] - 스물여섯 번째 미팅

2022년 3월 22일

 

개발자의 품격 (야간) 부트캠프 스물여섯 번째 미팅에 참여했습니다.

 

이제 Vue.js 강의가 두 번 남았습니다.

 

오늘과 모레 두 번에 걸쳐서 지금까지 배운 Vue.js와 Bootstrap을 이용하여

 

기업 시스템에서 자주 사용되는 테이블 그리드 관련 디자인 패턴 실습을 진행했습니다.

 

첫 번째로는 List to Detail 패턴을 실습했습니다.

 

그 동안 배운 개념들을 모두 활용해서 실무에 자주 활용되는 패턴을 익혔습니다.

 

추가적으로 CRU 도 json-server를 활용하여 구현하였습니다.

 

그리고 한 라우트에서 다른 라우트로 넘어갈 때 쿼리나 파라미터를 넘길 수가 있는데,

 

query 같은 경우는 path와 함께 주소창에 URL로 보여줄 때 활용하고 (GET 방식)

 

params는 name과 함께 POST 방식으로 활용합니다.

 

무조건 항상 POST 방식을 사용하는 것이 아니라 GET 방식을 이용하여 북마크로 링크를 저장하거나 공유하는 등 

 

서비스 방향성에 따라 그때 그때 달라질 수 있습니다.

 

컴포넌트 간에 계속 query나 params를 이리 저리 왔다갔다 해서 헷갈릴 수 있지만

 

로직적으로는 크게 어렵지 않았습니다.

 

목요일에 마지막 Vue.js 수업으로 UI 디자인 패턴 2가지를 추가적으로 실습할 예정이고

 

나머지 2가지 패턴은 Node.js 실습하면서 함께 다룰 예정입니다.

 

문법이나 사용법이 낯설지만 여전히 재밌습니다.

---

[Reference]

개발자의 품격 부트캠프 1기 - 22_03_22_화 Note (깃헙)