마크업 개발에 대하여

업계에서는 마크업이라고도 하고, UI개발이라고 부르기도 합니다.
마크업 개발자로서 업무에 대해 간단히 소개하고자 글을 작성하게 되었습니다.
기술 외적인 업무 내용에 대해 짧게 공유하고자 합니다.

어떤 일을 하나요 🤔

웹 페이지에서 표현되는 정보를 의미적으로 구조화 하고, 디자인에 맞게 표현하는 업무를 담당하고 있습니다.

1. 의미적 구조화 : 웹 페이지의 정보를 단순히 나열하지 않고, 목적과 의미에 맞게 전달될 수 있도록 표현합니다.
2. 디자인 구현 : 웹 페이지가 정의된 디자인에 맞게 표현될 수 있도록 시각화 합니다.

Workflow 🤓

1. 작업 요청 : 신규 작업에 관한 디자인 및 기획 사항이 회의를 거쳐 결정 됩니다.
2. 일정 산정 : 마크업 개발자는 디자인 가이드를 전달받아 완료 가능한 시점으로 일정을 산정합니다.
3. 일정 공유 : 산정된 일정을 협업 관계자 (백엔드, 프론트엔드, 기획, 디자인 등)에게 공유합니다.
4. 작업 및 검수 : 일정 내에 마크업을 완료하여 산출물을 검수 받습니다. (디자인 및 기획 의도에 부합하는지 점검 합니다.)
5. 작업 공유 : 검수 완료된 산출물을 협업 관계자에게 공유합니다.

마크업 개발을 잘한다는것 🧐

1. 정확성 : 부정확한 마크업은 사용자에게 의미적 오해를 불러일으키거나, 페이지 전체 디자인을 훼손할 수 있습니다.
2. 효율성 : 효율적인 마크업 코드는 렌더링 성능을 향상 시킵니다.
3. 명료성 : 코드를 명료하게 짤수록 기존 코드를 유지 보수하기 수월합니다.

무엇을 공부해야 하나

특정 언어나 프레임 워크를 단정하기 보다는 단계적 차원으로 이해해주세요.

1. 필수 : HTML, CSS, JS (JS 는 기본 화면 컨트롤 할 수 있는 정도)
2. 선택 : SASS, React,Vue