프로젝트 기간 책정: 요건 정의가 작성되었을 때 우선순위를 정리하고 중요하게 동작해야 하는 기능을 먼저 개발하도록 스케줄을 작성한다.일정관리: WBS작성or질라프로덕트배포
프로덕트 배포 시 주의 사항 배포 일정은 개발 조직이 정한 배포 일정과 절차가 있는지를 먼저 확인한다.미리 배포 일정과 변경 사항을 협업 팀(법무 팀 마케팅 팀, 고객 센터)와 공유 협의한다.저녁 늦게 또는 금요일에는 배포하지 않는다. 배포 후, 문제에 대응하기 위해서는 누군가가 늦고 자리를 지켜야 할 사용율과 매출이 급증하는 기간에는 배포를 삼간다.배포 일정을 설정할 때는, 플랫폼을 고려하세요.iOS와 안드로이드는 특정 기관의 검토/승인이 필요하다. iOS는 새로운 버전을 배포하기 위해서는 애플 APP스토어의 승인을 받지 않으면 다운로드 업데이트가 없다. 안드로이드는 구글의 승인을 받아야 하지만 상대적으로 보수적이지 않다.2. 플랫폼 배포의 순서와 일정을 다르게 추진한다. 국내에선 안드로이드 앱을 먼저 업데이트한 뒤 몇주 후에 iOS앱을 업데이트한다. 3. ios는 ios에 맞는 화상을 올려야 한다. 안드로이드 기준의 화상을 업로드할 때 거절(거부)사유가 될 수 있다.
예시.
프로덕트 배포:배포 주기를 정하고 배포해야 하는 이유 여러 팀에서 동시 다발적으로 배포를 시도한다면 기술적인 문제가 발생할 가능성이 높아진다. 이는 서비스의 안정성, 신뢰도에 영향을 미친다.버전 관리의 어려움이 발생한다.수시로 갱신될 경우 고객 경험의 일관성을 유지하기 어렵다.산출물:RFP(Request For Proposal)->제안 요청서:원청 업체가 특정 과제 수행에 필요한 요구 사항을 체계적으로 정리하고 제시하기로 제안자가 제안서를 작성하는데 도움이 되기 위한 문서이다.
개요 Project개요:프로젝트 소개, 목적, 서비스 개념 정의, 대상국 표적 유저 업무 내용:개발 범위, 조사를 포함 여부, 프로젝트 요건, 운용 기획 안, 산출물 2. 스케줄 개발 일정 예상 일자, F/U(Follow Up)기간의 명시->(실제 개발시에 문제가 발생한 때에 사후 관리할 수 있는 버퍼 기간)3. 제안서 내용 유사 서비스 작업 경험 포트폴리오, 과제 수행 계획, 산출물 리스트, 개략적인 배포 일정, 보유 역량/강점(Man Month), 투입 인력 프로필, 견적서 제안서의 작성 방법:파일 유형, 표준 문서 제출 시 제출 기한, 제출 방법, 제출처, Contact point명시 평가 형식:제안서만으로 평가 or제안서 발표 평가(발표일), 평가 절차 단계 5. 결과 발표 결과 통지 방식, 통보 시한 명시메뉴 구조도MainStructure를 파악할 수 있는 계층적 구조의 「메뉴 구조도」, 웹/앱 서비스가 어떻게 구성되는지를 나타내는 툴 Web에서는 그대로 Site map이 되기도 한다.-주요 골조에 대한 골자만 본 것. -구조에 대해서만 정의한 것. 산출물-어떤 페이지의 하위에 무언가가 제공된다고 정의하는 것은 IA이다. IA (Information Architecture)-번호만 봐도 누구의 하위 페이지로 알도록 해야 한다.WBS는 IA+누가 수행하는지를 포함하는 것.Wire Frame:화면 단위의 구조(레이아웃)을 설계하는 작업 이해 관계자와 신속하게 레이아웃, 기능, 콘텐츠를 협의하기 위해서 설계한다. 설계된 정보 구조에 근거하고 화면 구성의 빠른 구성 요소, 구조 검토와 의사 결정을 위한 툴[작성 tip]페이지 목적에 집중 요소만 정의 Text는 텍스트 속성으로 작성하거나 하나만 예로 작성해도 좋은 ex.날짜:YYY.MM.DD시간:HH:MMUser Flow:실제 사용자가 구체적으로 이용하는 순서대로 화면이 전개될지 정의 User Flow의 목적 앱의 실행에서 기능 이동자가 갖는 순서, 화면 간의 흐름을 제공 일관된 사용자 경험을 제공 복잡한 흐름을 쉽게 파악된다.발생할 수 있는 모든 case와 error을 체크 UI디자인 toolSketchAXUREinVisionFigmaAdobeXD낱개 훼물 프로토 타입을 활용한 SmallTest:2차 시안을 완성한 뒤 최종안에 가까운 디자인으로 UT를 추진한다.준비 조건을 명확히 정의한 뒤 시험 대상자를 섭외해야 한다.시험 중에 검증해야 할 사항을 미리 정한다.참가자는 5명 이상 Usability휴리스틱:사용성을 팬 휘발하기 위한 척도로서 사용되는 10의 기준. 신규 서비스를 릴리스 하기 전에 체크 리스트 기준으로 활용 시스템 상태의 시각화:시스템의 위치 및 상태 정보를 전달.(ex. 네트워크 연결 상태를 확인하세요)2. 시스템 실세계의 일치(메타 포어):사람들이 자신의 경험을 바탕으로 새로운 시스템의 동작을 이해하려고 한다.ex. 스 큐ー모피즘데자잉->실제와 똑같이 디자인 3. 사용자 제어의 자유 4. 일치와 표준(일관성과 표준)5. 오류 방지 6. 기억보다 인식 7. 유연성과 효율성 8. 심플하고 아름다운 디자인 9. 에러 인식, 진단, 복구 10. 도움말과 문서화 참고 자료UX 디자인을 위한 10가지 휴리스틱 원칙 BY 제이콥 닐슨 [BY 왼손잡이 마케터] 휴리스틱(Heuristic)이란? 휴리스틱을 간단히 정의하면 직관과 경험을 바탕으로…m.post.naver.comWeb과 App의 특징Web애플리케이션(Androidorios)기준 해상도 정의(예:1024×768)표준 OS설정(Android, iOS)브라우저 호환성의 강도(IE9, Chrome, Firefox등)브라우저 호환성의 약함(Safari, Chrome)마우스/키보드 인터페이스 터치 인터페이스의 넓은 영역 제한된 영역 정보 우선 순위에 대한 배치 정보 우선 순위에 대한 노출 순서 웹 접근성 준수 Native App의 경우 App액세스 권한 정의, 앱 액세시 비리티 준수 웹 표준 준수(HTML, CSS, Javascript Guapscriptionlide lide웹앱(Androidorios) 기준 해상도 정의(예: 1024×768) 표준 OS 설정(안드로이드, iOS) 브라우저 호환성 강도(IE9, Chrome, Firefox 등) 브라우저 호환성 약함(Safari, Chrome) 마우스/키보드 인터페이스 터치 인터페이스의 넓은 영역 제한된 영역 정보 우선순위에 대한 배치 정보 우선순위에 대한 노출 순서 웹 접근성 준수 Native App의 경우 앱 접근 권한 정의, 앱 접근성 준수 웹 표준 준수(HTML, CSS, 자바스크립트 Guapscriptionlide웹앱(Androidorios) 기준 해상도 정의(예: 1024×768) 표준 OS 설정(안드로이드, iOS) 브라우저 호환성 강도(IE9, Chrome, Firefox 등) 브라우저 호환성 약함(Safari, Chrome) 마우스/키보드 인터페이스 터치 인터페이스의 넓은 영역 제한된 영역 정보 우선순위에 대한 배치 정보 우선순위에 대한 노출 순서 웹 접근성 준수 Native App의 경우 앱 접근 권한 정의, 앱 접근성 준수 웹 표준 준수(HTML, CSS, 자바스크립트 GuapscriptionlideNativeAppMobileWebHybridAppAndroid앱은 Google Play스토어, iOS는 App Store에서 다운로드 가능하며 해당 OS에서만 실행 가능 브라우저 URL을 입력하는 것만으로 어느 디바이스에서도 같은 내용이 확인 가능.원어민 앱+웹 애플리케이션, 원어민 앱에 웹 뷰를 표시하고 실행시키는 형태이다.장점:다양한 기본 기능과 UI의 양쪽을 사용할 수(ex. 카메라, GPS, 스와이프지에스챠)가장 빠르게 안정적이고 반응이 빠르고 환경을 제공하는 장점:어느 플랫폼에서도 같은 콘텐츠가 보는 개발을 할 때 다른 방식보다 훨씬 적은 비용이 든다.신속히 최신 내용으로 업데이트 가능한 장점:네이티브 API와 브라우저 API을 이용한 다양한 개발이 가능.NativeApp와 유사한 UI가 가능.스마트 폰 제어 가능 크로스 플랫폼 대응이 가능하다.정비가 원어민 앱보다 간단하다.단점:해당 OS에서만 다운로드 실행 가능 수정 사항이 발생할 경우 앱을 업데이트 배포해야 한다.해당 플랫폼에서 요구하는 언어의 제약이고 단점:디바이스에 대한 액세스 권한이 없기 때문에 모바일 OS에서 제공하는 기능을 활용할 수 없다.원어민 하이브리드 앱보다 실천이 어렵다(브라우저를 열고 검색 orURL입력하여 액세스)단점: 복잡한 네비게이션에서는 동선 문제 발생 원어민 기능에 접근하기 위해서는 원어민 개발 지식이 필요하다.유용한 경우:1. 필수로 사용해야 할 플랫폼 기능이 있는 경우 2. 앱 기능이 많은 복잡하고 성능에 기초할 필요가 있는 경우:다중 플랫폼 지원이 필요한 경우 다수의 누리꾼이 다양한 채널에 동시 접속할 때 같은 서비스를 제공할 목적의 경우에 유용하다.콘텐츠가 자주 바뀌는 경우에 유용한 경우:다중 플랫폼 지원이 필요한 경우 다수의 누리꾼이 다양한 채널에 동시 접속할 때 같은 서비스를 제공할 목적의 경우에 유용하다.콘텐츠가 자주 바뀌는 경우에 유용적응형 Web응답형 Web:데스크 톱 버전과 모바일 버전의 사이트를 각각 만들어 운영 주소 앞에 “m”을 붙인 모바일 Web페이지:1개의 소스 코드로 모든 스크린에 최적화된 Web사이트를 구축하는 방법 브라우저 가로폭에 반응하고 컴포넌트가 변화하는 기술 Web페이지를 수정할 경우 htmlcss를 2회 수정해야 한다. 작업이 중복되어 비효율적이고 오류가 발생할 수 있다.장치 해상도로 유연하게 반응하고 어떤 기기에서도 같은 콘텐츠를 볼 수 있고 일관성을 확보할 수 있다.다른 기기의 넓이에 맞는 CSS를 추가로 코딩해야 한다. 하나의 넓이에서 작업하기보다는 많은 코드가 필요하고 초기 작업 시간이 오래 걸린다.플랫폼 릴리스 기준내부 디자인과 개발, QA 리소스를 고려한다. 동시에 오픈을 준비하더라도 일정 간격을 둘 것을 권장한다.발매국에 있어서의 OS 시장 점유율을 고려한다.타겟 유저가 선호하는 OS를 먼저 발매한다. 운영 체제Windows Mac OS iOS Android마이크로 소프트 C#Visual BasicC+JavaScriptSwiftObjective-CSwiftObjective-C 코틀린java운영 시스템은 하드웨어를 관리하고 줍니다. 하드웨어 용량이 얼마나 있는지 확인할 수, 보조 기억 장치를 관리합니다.프로그램 설치와 실행도 관리합니다. 같은 프로그램에서 설치되는 운영 시스템이 설정되어 있는 경우는, 오퍼레이팅 시스템이 지원하는 언어로 개발할 필요가 있습니다.서버와 클라이언트의 관계쿠키와 세션쿠키 세션 현금 토큰 기반 인증 앱 또는 웹 사이트를 찾는 사용자에 관한 정보를 저장하는 주요 방법. 쿠키는 최대 4 KB의 용량을 가진 매우 작은 양의 데이터를 저장.일정 시간 같은 유저의 브라우저로부터 들어오는 일련의 요구를 한 상태로 규정하고 그 상태를 일정하게 다스리는 기술. 일정 시간이란 사용자가 웹 브라우저를 웹 서버에 접속한 시점에서 웹 브라우저를 종료하기로 접속을 마치는 시점이다.현금의 의미는 데이터나 값을 미리 복사해서 보존한다는 의미의 웹 사이트에 처음 접속할 때보다 다시 접속했을 때 로딩 시간이 단축되는 이유의 서보에서 데이터에 접속하는 시간이 오래 걸리는 경우나 값을 다시 계산할 시간이 오래 걸리는 경우에 사용 인증을 받은 사용자에게 토큰을 발행하는 클라이언트로부터 토큰을 보존하고 서버에 요청할 때, 토큰을 함께 보내고 토큰을 검증한 후 요청한 응답을 한다.단점:보안의 취약 쿠키는 클라이언트 하드웨어에 저장되고 관리되지만 세션은 서버에서 관리한다.서버에서 클라이언트를 구분하기 위해서 가는 선 ID를 부여.브라우저를 종료할 때까지 인증 상태를 유지한다.보안은 좋지만 사용자가 많아질수록 서버에 과부하를 주게 된다.브라우저가 보존하는 자산:정적인 자산(ex.화상, HTML CSS Javascript)쿠키에 자신에 관한 정보를 넣고 서버에 보내면 서버는 쿠키를 읽고 자신이 누구인지를 파악한다.사용자가 검색한 것을 기억하거나 페이지 간 이동을 했을 때 로그인 상태를 유지하는데 사용된다.장바구니 항목, 자주 찾는 검색어 방문 사이트 로그인 시 아이디와 비밀번호 저장하시겠습니까? 재방문 시 아이디 비밀번호가 입력된 상태일 경우세션 쿠키:쿠키 만료일이 포함되지 않은 경우 메모리에 저장되며, 하드 디스크에 남지 않는다. 브라우저를 감으면 영구적으로 상실된다. <ex>:일회성 로그인 영구 쿠키:쿠키 만료일이 포함되어 있는 경우 브라우저를 종료해도 하드 디스크에 남는다. 만료 시기가 되면 삭제된다. <ex>:자동 로그인세션 쿠키: 쿠키에 만료일이 포함되지 않은 경우 메모리에 저장되며 하드 디스크에 남지 않는다. 브라우저를 닫으면 영구적으로 손실된다. <ex> : 일회성 로그인 영구 쿠키 : 쿠키에 만료일이 포함되어 있는 경우 브라우저를 종료해도 하드디스크에 남는다. 만료 시기가 되면 삭제된다. <ex> : 자동로그인세션 자동 로그아웃 팝업 예.취업 지원 사이트 – 로그인 세션의 남은 시간.세션 설명=>서버에 과부하가 걸릴 수 있다는 단점이 있다. 토큰 기반 인증개발자와의 협업1.개발환경과 개발자의 언어를 이해하자 2.개발팀과 확장성, 속도, 안정성 등에 대해 함께 논의하자 3.개발트렌드에 대한 학습도 계속하자 4.공유하고 소통하자 5.업무완료시점을 정하자