0109 TIL

Created By: 성희 배 Last Edited: Jan 09, 2020 4:31 PM Tags: design, til

CTA (CALL TO ACTION)

• 사용자의 반응을 유도하는 반응 및 행위
• Trigger word(수단) → CTA(목적)
  1. 액션(Action)=모션(Motion)
  • Label이 방향성을 가져야 함
  • 동사 사용
    1. 다음 단계 설명
  • 버튼의 라벨을 정할 때 다음 화면의 타이틀과 일치
    1. 미스터리를 만들지 말라
  • 버튼의 라벨을 명확하게
    1. 수월하게 만들어라
  • Let’s go!
    1. 짧고 톡톡 튀게 만들어라
  • Re-enter your password → Try Again
    1. 이중 부정을 피해라
    2. 만약 끝났다면 축하해줘라!

[누구든지 하는 리액트]

Created By: 성희 배 Last Edited: Jan 09, 2020 4:30 PM Tags: study

리액트

• 프론트엔드 라이브러리
• Web Application
• DOM 관리 최소화
• Component에 집중
• Mutation을 하지 않고 View를 새로 만든다

Virtual DOM

• 기존 저장된 DOM과 새로운 DOM을 비교해서 달라진 부분만 바꾼다

WebPack

• 코드들을 의존하는 순서대로 파일을 변환

Babel

• 자바스크립트 변환 도구

Props

• 부모 → 자식 값을 전달할 때 사용
• 함수형 component - 객체형 component보다 미세하게 빠르고, 군더더기 없는 기능만 있기 때문에 단순한 기능일 때에 사용

State

• 자신이 가지고 있는 정보
• setState() : state 값 변경

LifeCycle API

https://react-anyone.vlpt.us/05.html

• componentDidMount
  • 이벤트 등록
  • 외부 라이브러리 등록
• shouldComponentUpdate
• getSnapshotBeforeUpdate
  • component가 업데이트 되기 직전에 DOM 가져옴
• componentWillUnmount
  • 컴포넌트가 지워질 때 호출