본문 바로가기

UI 개발

여기서만나 UI 개발기 프로젝트를 하면서 페어인 심바와 가장 많이 했던 말 중 하나는 "역시 UI는 너무 어려워"였다. UI 개발은 정답이 뭔지도 모르겠고, 시간도 많이 소요되었다. 코드 짤 시간이 상당량 줄어드는 게 pain point였지만 그래도 재미있는 작업이었다. 언제 또 이런 경험을 해볼 수 있을까 싶은 마음으로 재밌게 고통받았다. JS 로직 작성 시간 못지않게 UI 개발에 시간을 들였다보니 간단하게나마 글로 남기고 싶다는 생각이 들었다. 그래서 figma에서 작업한 흔적을 모아 글로 엮어보았다. 초기 프로토타입 (개발 전) 발표를 위해 간단하게 제작한 프로토타입이다. figma가 아닌 PPT에서 도형으로 만들었다. 반나절만에 만들어서 현재 결과물과 차이가 있다. @ 중간지점 검색 기능 참석자추가 폼 UI 직접 입력 .. 더보기
UI 특강 2탄 - 실무에 대하여 이 글은 황선수 님의 2021년 7월 13일 강의를 요약한 글입니다. 💡 황선수님 홈페이지 바로가기 http://hwangsunsoo.com/ 1. 업무 프로세스 UI 개발 업무는 실질적으로 다음과 같은 순서로 진행된다. 구분 내용 1 업무 요청 수령 - 기획자로부터 요청 수령, 기획서를 토대로 요구사항 식별 - 메일, 메신저, 지라 등으로 커뮤니케이션 2 업무 형태 파악 - 프로젝트 (신규) / 서스테이닝 (유지보수) 3 업무 범위 파악 - 기획서 또는 디자인 시안 토대로 요구사항 및 개발 검토 4 일정 & 스펙 협의 - 일정 산정 및 오픈일 🎉 결정 (PM의 의사결정에 참여) - 각 직군별 일정취합 배포일 지정 - 구현가능 범위 논의 (오픈일이 촉박할 경우 기능을 줄이고, 기능이 중요한 경우 오픈일을.. 더보기
UI 특강 1탄 - 궁금한 점 답변드립니다. 이 글은 박재선 님의 2021년 7월 13일 강의를 요약한 글입니다. 강의는 사전 질문에 대해 답변해주시는 식으로 진행되었습니다. UI 개발자는 무슨 일을 하나요? 프로젝트는 기획, 디자인, 개발 (UI / FE / BE) 로 나눌 수 있다. 이 중 UI 개발자는 기획 단계를 거쳐 디자인 결과물을 토대로 화면에 보이는 콘텐츠의 대부분을 담당한다. 한 마디로 말하자면, 기획 및 디자인 산출물을 받아서 페이지의 '뼈대를 만드는' 역할이다. UI 개발자는 기획문서를 보지 않는다는 오해가 있는데, 무조건 디자인 가이드만 보는 것이 아니라 상황에 따라 기획 문서도 본다. 디자인 작업에 직접적인 관여는 하지 않는다. 클릭했을 때 어떤 이벤트를 일으키는 비교적 단순한 이벤트부터, Parallax 같은 원페이지를 구현.. 더보기