0
PORT
FOLIO

A Space to Future's Publisher

스크롤을 내려주세요!

About

소개 이미지

꿈을 설계하고 디자인 하다.

안녕하세요! 웹스토리보이입니다. 저는 공간을 만드는 것을 좋아합니다. 단 하사람이라도 제가 만든 공간 속에서 영감을 받거나 마음이 움직였으면 좋겠습니다. 웹 사이트라는 공간은 상상을 넘어 우리에게 많은 창의력과 영감을 줍니다. 이러한 공간에서 다 같이 꿈을 꾸고 열정적인 엔지니어가 됐으면 좋겠습니다.

이 사이트는 웹스토리보이와 함께 포트폴리오를 완성하고 다같이 정보를 공유하는 사이트입니다. 스터디와 포트폴리오 강의는 매달 강남에서 열리며, 한달에 한번씩 모집합니다. 포트폴리오 강의는 포트폴리오를 만들기 위한 스킬을 배우는 강의이며, 기존에 학원에서 배우지 못한 중급 이상의 기술과 포트폴리오의 퀄리티를 높이는 강의입니다. 포트폴리오 스터디는 혼자서 만들기 힘든 포트폴리오를 도와주는 스터디입니다. 초보 단계에서 느낌는 어려움을 스터디를 통해 해결 할 수 있습니다. 혼자서 하면 힘들 수 있지만 다 같이 하면 좀 더 수월 할 수 있습니다.

웹스토리보이와 같이 포트폴리오를 완성하려면 첫째 유튜브에 공유된 웹표준 사이트 만들기, 반응형 사이트 만들기, 메가박스 사이트 만들기 영상을 보고, 포트폴리오 강의를 들으면서 스터디 하는 것을 추천합니다. 아직 우리는 부족한게 많고 가야할 길이 많이 남았지만 우리의 꿈을 위해 노력한다면 언젠간 99%의 실력이 될 것입니다.

  • 99HTML
  • 99CSS
  • 99Javascript
  • 99jQuery
passion led
us here

Project

UI.UX DESIGN/UI.UX 계획 수립

UI/UX 계획 수립

목표 및 범위 수립하기

작업방법 및 수행계획 수립

UI/UX 개발에 적용할 프로세스를 수립하고 작업 수행에 필요한 지침, 방법 등을 작성 할 수 있다.
수행 작업 별로 작업의 순서를 위해 작업의 우선순위를 정의하고 작업 간의 연관 관 계를 도출할 수 있다.
프로젝트 수행 시 발생할 수 있는 위험요소를 식별하고 이를 관리하기 위한 계획을 수립할 수 있다.

프로세스 개념 및 유형

UI/UX 디자인 프로세스는 UI/UX를 개발하기 위해 필요한 과정 또는 구조이다. 일반적으로 프로세스란 주어진 목적을 위해 수행할 일련의 절차를 의미하는 것으로, 절차뿐만 아니라 투입 인력, 필요 기술을 통합하여 의미한다. 프로세스를 정의함을 문제 해결에 필요한 활 동과 그들간의 순서를 명확하게 정의하는 것이다. 일반 소프트웨어 개발에 표준 개발 프 로세스가 있듯이, UI/UX를 개발함에도 프로세스를 수립해야 한다. UI/UX 디자인 프로세스 는 UI/UX를 개발하기 위해 필요한 절차, 절차 수행 방법, 절차를 통해 만들어낼 산출물등 을 포괄적으로 정의한 것이다. 정형화된 표준 프로세스를 정의할 수 없지만, 실제 프로젝 트에서 활용 중인 다양한 프로세스가 존재하므로, 이들을 참조하여 프로젝트 성격에 맞게 수정하여 사용해야 한다.

폭포식 접근 프로세스

무엇을 달성한 것인가 분명하게, 어느 정도 달성되었는지를 분명히 알 수 있게, 목표 달성을 위해서 무엇을 해야 하는지를 명확하게, 현실적으로 적절하고 실현 가능하게, 적절한 시간과 시기가 설정되어야 한다는 것이 “SMART” 기법이다. 각각의 단계를 분리하여 고 객의 최종 승인하에 다음 단계로 넘어가는 프로세스이다. 현재 수행중인 단계를 명확하게 파악할 수 있는 장점이 있는 반면 승인이 완료된 이전 단계의 변화를 인정하지 않는 것이 문제점이다.

애자일 접근 방법론

폭포식 모델 보다는 변화를 잘 수용하고 위기 대응 관리를 잘 할 수 있는 유연한 접근 방식이다. 웹사이트 개발 버전을 여러개로 나누어 한 단계를 완료 할 때마다 즉시 오픈하고, 모든개발을 완료할때까지 이 과정을 반복한다.

  • 수용 가능한 조건
    • 팀규모가 작아야 한다.
    • 서로의 물리적인 위치가 가까워야 한다.
    • 멤버 간 엄격한 역할 구분이 없어야 한다.
    • 각 단계가 끝날 때마다 과도한 문서 작업에 매달릴 필요가 없다
    • 버전하나가 오픈되면 클라이언트의 요구를 수집하여 다음 버전에 적용한다.
  • 긴밀한 협업을 유지하기 힘들기 때문에 실제 프로젝트에 적용하기 쉽지 않다.
절충식 접근법

폭포식 접근 방식을 따르되 다른 팀으로 원활히 업무를 이전하기 위해 폭포식으로 진행하 여 베타 오픈을 한 후 취합하여 애자일 방식 부분에 적용하여 정식 오픈 하는 방식이다.

WBS(Work Breakdown Structure)

프로젝트의 범위와 최종산출물을 세부요소로 분할한 계층적 구조로 프로젝트가 수행해야 하는 업무범위를 계층적 구조로 정의한 문서이다. WBS가 정의되어야 원가, 일정 등 다른 요소들도 정의할 수 있다.

  • 정의
    • WBS는 산출물에 기초하여 프로젝트 전체 범위를 조직하고 정의한 분할된 프로젝트 컴포넌트의 계층구조임
    • WBS는 프로젝트에 의해 성취되어야 할 작업을 구체화 한 프로젝트 상세범위기술서 의 다른 표현임
    • WBS를 구성하는 요소들은 이해관계자들이 프로젝트의 최종 제품을 쉽게 이해할 수 있도록 도움을 줌
    • WBS의 가장 하위 컴포넌트를 대상으로 산정하고 스케줄링하며 진척관리를 함
    • 프로젝트가 관리를 가장 효과적으로 할 수 있도록 하는데 도움이 되는 작업관리 단 위임
    • WBS는 팀의 프로젝트 역량과 작업자들의 작업관리 의지에 따라 상세화 수준이 좌 우되고 조직의 원가관리 프로세스 수준에 영향을 받음
  • 중요성
    • 의사소통: 고객, 팀원간의 의사소통 수단
    • 가시화: 프로젝트 업무내역을 가시화, 관리 가능
    • R&R(Role & Responsibility): 프로젝트 팀원의 책임과 역할 명시
  • 목적
    • 프로젝트에서 수행할 업무 식별을 위한 도구
    • 프로젝트의 일정과 원가, 자원요구사항 식별을 위한 도구
    • 작업에 자원을 배정하기 위한 도구
    • 프로젝트 생산성 통제를 위한 도구
    • 고객, 프로젝트 팀 등 이해관계자와의 의사소통을 위한 도구

Interview

Contact

소개 이미지

안녕하세요!

포트폴리와 스터디와 포트폴리오 강의는 여기서 신청을 받습니다. 스터디와 강의는 웹퍼블리셔 취업 또는 이직을 목표로 한 분만 지원을 받습니다. 다음의 내용을 적고 보내주시면 신청됩니다.

이름 : 누구누구
나이 : 몇 살
배움 이력 : ex)국비학원 6개월 수료
배움 과목 : ex)스터디 or 강의 or 둘다
취업 준비 기간 : ex)1개월
카카오 아이디 : 단톡 초대를 위함

강의와 스터디는 보통 대기 기간이 2~3달 정도 소요됩니다. 그 부분을 계산하시고 신청해주시기 바랍니다. 메일이 확인되면 메일로 신청 계좌가 전송되고 입급하시면 예약이 완료됩니다. 완성된 포트폴리오 사이트와 공부 방법들은 다 같이 볼 수 있도록 공유됩니다. 스터디 또는 강의를 참여하는 분들은 이 부분을 동의한 것으로 간주되며, 이 부분을 확인 후 신청해주시기 바랍니다. 여러분이 보내 주신 개인 정보는 참고만 하고 즉시 파기함을 알려드립니다.

kakao ID
@webstupids
public an
episode together.