TIL:: wecode 13

chyoon0512·2021년 3월 7일
0

Wecode TIL

목록 보기
11/13

(Session) UI/UX

사용자는 기다리지 않는다.
만약 뒤로가기를 누를 때마다 페이지가 새로고침되고 rerender된다면?? ex) 화면 이동시 계속 깜빡인다.

웹 개발자가 UX를 고민해야하는 이유?

그냥 개발만 하면 되는거 아닌가?? No!

결국 웹을 사용하는 것은 개발자가 아닌 사용자(User)이기 때문에 끝없이 고민해야한다.
비즈니스 측면까지 고려를 해야한다 ( 수익 밀접한 관련이 있다 )

웹 개발자가 UX를 고민해야하는 이유?

디자이너가 하는거 아니야?? No!

  • UX Engineering
  • SEO(검색엔진 최적화
  • 개발자로서 생각해보기
    • 사용자의 사용성을 고려하는 개발자일까?
    • 적절한 상황에 맞는 기술 사용

UX란

  • UX(User Experience란 사용자 경험

사용자는 웹페이지에서 어떤 경험을 하게될까?

"뭔가 주문하기 엄청 쉽네??", "뭔가 딱 알아보기 쉽네?", "추천 리스트가 너무 좋아", 와 같은 우리가 당연시하게 생각하고 사용하는 것들이 UX가 다 고려되어있다.
만약 UX가 고려되어있지 않고 서비스를 한다면 "웹페이지가 너무 느린데??","뭐가 이렇게 복잡해??"와 같은 상황이 생길수도 있는 것

사용자 규칙

  • 사용자는 웹페이지를 읽지 않고 훑어본다.
  • 사용자는 사용법을 굳이 알려주지 않아도 사용자가 이용하기 쉬워야 이용한다.
  • 사용자가 바로 여기가 어떠한 버튼인지 알 수 있게 만들어야한다. ('정보의 냄새'라고 부르는 자취를 따라감)
  • 창의적이고 혁신적인 것은 사용자의 편리성이 구축되었을때 해야한다. (편리하지도 않은데 쓸데없이 화려하다면?)

UI-UX-시각적 계층구조


(Session) State & Event

props와 state는 React에서 데이터를 사용할 때 다루는 개념이다.

State

state는 컴포넌트 자기 자신이 가지고 있는 값, 쯕 해당 컴포넌트에서 보여줄 데이터 값들을 가지고 있는 부분(상태)이다.

setState()를 사용해서 값을 변경할 수 있다.

Props

props는 부모 컴포넌트에서 자식 컴포넌트에 값을 전달할 때 사용하는 것이다 (읽기전용)

0개의 댓글