웹 스킨 제작 방향 논의

[Web-Engine]

웹 스킨을 제작하기에 앞서서 컨트롤을 다같이 나누어 제작하자고 말씀을 드렸었습니다.

제작해야하는 컨트롤은 여러가지가 있지만 대표적으로 몇가지만 뽑아보면

• 앨범형 리스트 뷰
• 목록형 리스트 뷰
• 슬라이더

등이 있습니다. (이 외에도 필요한 컨트롤이 있다면 이야기 해주세요!)

각 컨트롤을 만들 때 어떤 방식으로 제작하는 것이 나을지 이야기 해 보고 한가지 방향으로 통일해서 제작하는 것이 좋을 것 같습니다.

생각해 볼 수 있는 제작 방식은

• Vue
• React
• Angular
• Vanilla

등으로 다양 할 텐데, 이에 대하여 의견 말씀해주시면 감사하겠습니다!

[Web-Engine]

제가 생각하기에는 Vue를 이용해 제작하는 것이 제일 간편하지 않을까 싶습니다.

특히, 위에서 언급한 앨범 형 리스트 뷰, 목록형 리스트 뷰를 제작할 때에는 각 스킨별로 리스트 아이템의 DOM 구조가 달라져야 하는 경우가 많습니다.
따라서 Vue의 slot기능을 활용하면 제작이 용이 할 것 같은데, 다른 프레임워크를 이용해 제작하는 의견 있으시면 말씀해주시면 감사하겠습니다.

[amorfati0310]

저는 React를 취업 준비도 겸하고 있어서 이참에 공부하면서 적용해보고 싶긴 한데
Vue도 공부해보고 싶었던 프레임워크여서 둘다 괜찮습니다 👍
아 React를 더 선호하긴 합니다 :D

[youngdo212]

전 바닐라 말고 사용해본 적이 없어서 어느걸 선택해야될 지 모르겠네요. js 라이브러리나 프레임워크는 빨리 배워보고 싶었기 때문에 어느걸 선택해도 괜찮습니다!

[Web-Engine]

@amorfati0310
혹시, React에서 Vue의 slot과 같은 기능을 쉽게 사용할 수 있는 방법이 있을까요?
React에서 slot과 비슷한 기능을 구현하려면 추가적으로 작성해야하는 코드가 꽤 늘어나는 것으로 알고 있어서 이 프로젝트에서는 Vue가 낫지 않을까 생각했습니다.

[Web-Engine]

@youngdo212
Vue로 진행하게 될 경우에는 바닐라에 Vue의 컴포넌트를 적용하는 일이 그렇게 어렵지는 않아서, 바닐라로 짜신 후에 컴포넌트만 이용하셔도 될 것 같습니다.

[amorfati0310]

아 둘다 제대로 공부해본적이 없어저 리액트의 슬롯이 있는지는 잘 모르겠어요ㅜ 프로젝트에 적합한 프레임워크를 쓰는게 맞는 것 같아요:)

[Web-Engine]

그러면 Vue로 진행해도 괜찮을까요?

[youngdo212]

네! 좋습니다