개발자
회사에 디자이너분과 퍼블리셔분들이 계셔서 퍼블리셔분이 퍼블까지하고 프론트엔드 개발자로 넘어오는 과정인데요..! 이번에 React, Next.JS로 점차 마이그레이션 하는 과정인데 퍼블리셔분이 어디까지 해주셔야 하는지 감이 안잡히네요... 기존에는 html, css와 jQuery 및 플러그인 사용하셔서 퍼블까지 하셨다고하시는데 React에서 jQuery로 직접적으로 DOM을 조작하는건 의미가 없다고 생각해서...ㅠㅠ어떻게 해야할지 모르겠어요.. 다들 어떻게 협업하고 계시나요?
답변 1
인기 답변
안녕하시렵니까? :) 퍼블리 엔지니어 김병훈입니다. 저희는 PD 분들과 협업할 때, 간혹 PD 분들께서 퍼블리싱을 작업해주시기도 하는데요. 저희 경우를 설명드려보겠습니다. 작업 순서는 "PD - 디자인" > "PD - 퍼블리싱" > "FE - 리터치 및 인터페이스" > "PD - 리터치" 입니다. (상황에 따라 바뀔 수도 있습니다.) PD 기준으로는 피그마로 디자인 작업을 하신 후, 디자인에 맞춰 퍼블리싱을 작업하실 때에는 기능에 대한 부분은 제외하고 순수하게 스타일링만 진행하고 있어요. 퍼블리싱을 진행하시기 전에 컴포넌트 구조나 이런 걸 잡을 시간이 있다면, 제가 먼저 구조를 잡아놓은 후에 퍼블리싱을 부탁드리는 경우도 있었는데요. 구조를 잡아놓고 하는 것 보다는 통으로 하나의 컴포넌트에 작업을 하고, 나중에 자르는 게 제 기준에선 편하더라고요. 퍼블리싱 작업이 끝난 후 제가 리뷰를 하고, 이후 인터페이스 작업을 진행하는데요. 이때는 인터페이스 작업 외에 컴포넌트 분리 등과 같은 리펙토링도 소소하게 진행합니다. 제가 작업하는 과정에서 PD가 의도했던 것과 다르게 되어버리는 부분도 있을 수 있어서, FE 작업이 끝난 후 dev에 올라가면 PD의 검토 & 리터치 작업을 시작합니다. 퍼블리셔가 따로 계신 협업과정과는 다소 다를 수는 있겠지만, 참고차 남겨보았습니다 ㅎㅎ 더 궁금하신 게 있으시다면 댓글 남겨주세요!
구수정
작성자
Full-Stack Developer • 2023년 08월 20일
감사합니다 ㅎㅎ 혹시 퍼블리싱 진행하실 때 그냥 css로 작업하시나요? css-in-js 라이브러리를 사용해서 하면 좋을 것 같은데 퍼블리셔분이 사용하실 줄 모르셔서 제가 따로 styled-component같은 라이브러리를 사용해서 구조를 잡아가야할까요??
김병훈
Software Engineer • 2023년 08월 20일
말씀하신대로 저희가 만약 styled-component로 작업했었다면, 마찬가지로 이해도 측면에서 이슈가 있었을 거 같은데, 저희는 taulwindCss를 쓰고 있어서 큰 문제 없이 넘어갔던 거 같아요. 몇번정도는 스타일링 이해도를 높이는 측면에서 컴포넌트 세팅을 도와드리고, 점차 직접 만들어서 사용하시도록 나아가야하지 않을까 싶어요. 😌
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!