듀의 자료저장소

[TOBE와 ASIS의 차이] 계속 비교해보고, AS-IS에 비해서 더 나은 구조를 개선한 방식이 TOBE다. 출처: https://brunch.co.kr/@supernova9/165 *정보구조 설계 방식: 보통 엑셀로 설계도를 만들 수 있지만, 이 방법은 바로 확인할 수가 없다. 그래서 포스트잇으로 붙였다, 뗐다하면서 고민해보는 방식을 쓰기도 한다. 서비스의 메뉴구조와 배열을 만들고, 레이블을 정의하고 계속해서 최선의 방식을 찾을 때까지 개선 방향을 고민해야 한다. →색상으로 1뎁스, 2뎁스, 3뎁스까지 분류하는 게 더 좋다. [사이트구조: 탑 다운, 바텀 업] 탑다운은 말 그대로, 조직의 일처리 방식에서도 많이 쓰이는 말이다. 임원이 지시를 내리면, 팀장- 팀원 순으로 아래로 내려오는 구조. 정보설계..

IT 공부/기획공부, 트렌드 분석 2021. 6. 9. 11:31

서비스 기획자는 UI와 UX 모두를 고려해야한다. UX: 사용자에게 유용한 가치를 전달하기 위해, 그들의 행동, 느낌, 태도까지도 설계하는 것이다. 예시를 들자면, 위키백과는 단순히 정보를 제공하는 검색 사이트에 불과하다. 그러나 구글은 사용자의 입장에서 편리함을 위해, 여러가지를 고려한 것을 확인할 수 있다. 아이데이션: 아이디어를 내는 방법 1. 벤치마킹 다양한 트렌드와 흐름을 이해하려면, 국내는 물론 해외의 여러 사이트를 벤치마킹하여 인사이트를 얻어야 한다. ex) 네이버의 그린닷 해외사례를 벤치마킹한 경우. https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the w..

IT 공부/기획공부, 트렌드 분석 2021. 6. 8. 17:59

서비스 기획자는 웹에 대한 UI/UX기획을 해야 한다. [필요 역량] -아이데이션 (아이디어 기획): 어떤 아이디어를 가지느냐에 따라서, 서비스의 방향과 컨셉이 정해지기 때문에 중요하다. -내비게이션과 정보설계/구조에 대한 깊이 있는 이해가 필요하다. 서비스 기획이란 웹에서 어떤 비즈니스를 만들어서 그 비즈니스를 성공시키기 위해 서비스를 만드는 것이다. 그래서 기획자는 벤치마킹을 하고, 시장의 흐름을 이해하고, 아이디어와 현재 트렌드를 이해해서 이 모든걸 종합, ▶ 방향성을 구축할 줄 알아야 한다. 이 과정 속에서 커뮤니케이션을 많이 해서, 끊임없이 의견을 개선할 줄도 알아야 한다. * ① 비즈니스를 하는데 있어서 웹을 도구로 하는 기획 ▶ 그 앱을 사용하는 사용자를 이해하는 것이 중요하다! [카카오톡]..

IT 공부/기획공부, 트렌드 분석 2021. 6. 5. 17:35

요즘에는 PC web을 만들때, 그래픽카드와 사양이 좋아지면서 해상도 1024이상을 본다. 서비스 기획에서는 해상도가 중요하니, 꼭 체크해보도록 하자. *모바일웹의 특성: 자체 브라우저가 있는 경우가 있다. 삼성브라우저나, 아이폰 사파리. 그래서 디바이스 따라서 해상도가 제각각이다. 모바일에서는 터치하면, 휴대폰으로 바로 전화가 가능하다. 위의 모바일 웹 특성을 서비스기획할 때 잘 살리는 것이 기획자의 몫이다. 모바일과 PC의 특징을 이해하고, 여기에 최적화된 서비스를 설계해야 한다. 1. 레이아웃 중요한 콘텐츠를 보여주기 위해, 레이아웃을 어떻게 배치할 것인가? 이런 고민이 필요하다. 2. 내비게이션 사용자 편의성에 맞게 설계해야 한다. pc에서는 카테고리같은 계층구조를 명확하게 보여줄 수 있다. 그러..

IT 공부/기획공부, 트렌드 분석 2021. 6. 3. 19:05

[반응형 웹] 사용자 디바이스에 맞춰서 대응하는 하나의 웹 문서이다. (html 문서, 하나를 사용) 브라우저의 크기에 실시간으로 반응하여, 크기에 따라 레이아웃이 자동으로 변하는 웹이다. - 도메인도 하나를 사용, m.naver.com을 모바일에 원래 쓰는데, 반응형 웹으로 제작하면 도메인도 그냥 하나만 쓴다. 해상도에 따라서, 자동으로 움직인다. [반응형 웹이 등장한 이유] 모바일 only시대가 되면서, 웹 기획은 모바일이 핵심이 되었다. 새로운 기기의 해상도를 지원해야 하는데, 다양한 제조사의 디바이스에 맞춰서 동일한 정보를 최적화한 화면으로 보이기 위해 생겨났다. → 하나의 html문서로, 다양한 디바이스에서 최적화된 화면을 보여주는 장점이 있다.

IT 공부/기획공부, 트렌드 분석 2021. 6. 3. 17:32

출처: 《Do it! HTML5+CSS3 웹 표준의 정석 - 개정판》 07 - 폼과 input 태그 저자 직강 을 만들 때, 형태를 만드는 것은 html태그를 이용한다. 정보를 저장, 검색, 수정하는 일은 서버 프로그래밍을 써야 한다. →웹서버에서 오는 반응은 ASP나 PHP 이용. 브라우저창에 원하는 정보를 입력하는 것까지는 HTML로 구현. 그 정보를 서버로 넘겨주는 것은 이제 서버 프로그래밍의 영역이다. method와 action 속성이 핵심이다. [method] ① get: 서버 쪽으로 넘길 수 있는 글자 수에 제한 있음. 주소표시줄에 유저가 입력한 내용이 그대로 드러난다. →유저가 입력할 검색어가 길지 않음 →주소표시줄에 정보가 노출되어도 문제 없음. ② post: 아이디와 비번을 입력했을 때 ..

IT 공부/프론트엔드(Front-end) 2021. 6. 2. 21:12

1990년 웹의 아버지라 불리는 '팀 버너스리'가 웹브라우저를 HTML문서로 연결했다. web 1.0 시대에는 디렉토리 검색이 처음으로 나왔다. 사용자가 체계적인 카테고리를 통해, 자료 검색하는 구조인데 대표적인 사이트가 바로 야후! 이때 웹마스터라는 직업이 있었다. web 2.0 시대에는 사용자가 직접 데이터를 생산하고 참여가 가능해졌다. 메일이나 이런 것들로 자유롭게 주고받기가 가능! 이때까지만 해도 pc가 중심이 되었다. web 3.0 시대부터는 데이터를 수집하고 쌓아놓고 모으는 게 가능해졌다. 콘텐츠와 데이터 생산량이 늘어나니까, 이걸 분석하는 시스템이 생겨났다. 유저에게 맞춤형 (큐레이션해주는) 서비스를 제공하는 지능형 웹이 발달했다. → web 2.0~3.0 : 웹이 활성화 되는 시기 web ..

IT 공부/기획공부, 트렌드 분석 2021. 5. 30. 13:00

웹(web)의 개념: 텍스트와 이미지, 영상, 소리등을 포함한 멀티미디어 정보를 하이퍼텍스트 방식으로 연결해서 제공한다. HTML 언어로 작성된 문서를 HTTP라는 프로토콜을 사용해, 누구나 검색하고 접근 가능하다. [웹의 구성 요소] 1. 월드 와이드 웹(www): 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 2. 인터넷이 필요하다. http 프로토콜을 이용해, 정보를 주고받는 컴퓨터 네트워크 3. 네트워크 연결가능 컴퓨터와 컴퓨터를 연결해주는 네트워크 개념. 네이버(naver)와 서버(server)를 연결해준다. 4. HTTP 웹 서버와 클라이언트(내 PC) 간에 통신을 하기 위한 통신 규약 예전에는 http를 쓰지 않으면 접속이 안되는 시절도 있었다. 프로토콜이 있어야..

IT 공부/기획공부, 트렌드 분석 2021. 5. 30. 11:19