2021년 06월 30일

Note

Vue.js

• Mixins
  • 여러 컴포넌트 간 공통으로 사용하고 있는 로직(코드), 기능등을 재사용하는 방
  • data, methods, created 컴포넌트 옵션을 믹스인 안에 정의해 재사용할 수 있다.
  • HOC와의 차이
    • 두 기술 모두 특정 로직을 재사용하기 위한 기술
    • HOC는 컴포넌트 레벨 깊이가 깊어지는 것이 단점이고 믹스인은 여러개를 주입할 경우 특정 코드가 어떤 믹스인에서 주입된 것인지 확인하기 어려움
    • 2가지 혼용이 가능하다. 프로젝트에 맞는 적절한 방법 찾기
• 데이터 호출 시점
  • 컴포넌트 라이프 사이클 훅 created
    • 인스턴스가 생성된 뒤 호출된다. (컴포넌트가 생성되자마자 호출되는 로직)
  • 라우터 네비게이션 가드
    • 뷰 라우터로 특정 URL에 접근할 때 해당 URL에 접근을 막는 방법
    • ex) 사용자 인증 정보가 없으면 특정 페이지에 접근하지 못하게 함

난수

• 학교에서 알려주지 않는 17가지 실무 개발 기술
• 난수: 무작위로 생성된 값
• 유사난수
  • 컴퓨터는 주어진 명령을 실행하는 기계이기 때문에 이론적으로 완벽한 난수를 생성할 수 없다. 그래서 난수표, 난수 알고리즘에 사용할 시드 값으로 난수를 새엇ㅇ한다. 이러한 형태로 만들어진 난수를 유사난수라고 한다.
  • 알고리즘 대신, 열 잡음, 광전자 신호 등 노이즈를 이용해 시드가 필요없는 하드웨어 랜덤 번호 생성기(HRNG)를 사용하기도 한다.
  • 충분한 수의 난수가 확보되면 시드 값을 역으로 예측할 수도 있다.
• 암호학적으로 안전한 난수는 유사난수에 비해 생성속도는 느리지만 시드 값을 사용하지 않아 예측이 불가능하다.
• 노이즈에 기반해 암호학적으로 안전한 난수를 만들 수 있다.
• UX를 위해 공정해 보이는 난수가 필요할 경우에 셔플 백을 이용한다.
  • 발생할 수 있는 모든 가능성을 한 가방에 넣어 섞는다는 의미
  • 경우의 수가 많은 경우 담기 위한 컨테이너가 커지는 단점이 있다.
• 난수 사용 예
  • 식별자 생성(UUID), OTP 또는 액세스 토큰 발급, 게임규칙 등

log

• 초보 웹 개발자를 위한 학습 안내서를 읽었다.