본문 바로가기 메뉴 바로가기

윤민상 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

윤민상 블로그

검색하기 폼
  • 분류 전체보기 (398)
    • 기술 (10)
    • 웹 (24)
      • react (9)
      • next js (1)
    • devops (13)
      • aws ec2 (7)
    • 자바스크립트 (32)
      • 바닐라 자바스크립트 (6)
      • 자바스크립트 라이브러리 (2)
    • 타입스크립트 (1)
    • 생각정리 (4)
    • 책 (171)
      • 리팩터링2 (4)
      • 객체지향의 사실과 오해 (3)
      • 팀개발을 위한 git, github 시작하기 (8)
      • 리다기 (15)
      • nodejs 교과서 (16)
      • 데이터베이스개론 (13)
      • 데이터베이스를 지탱하는 기술 (3)
      • 따라하며 배우는 AWS 네트워크 입문 (3)
      • 모던 자바스크립트 Deep Dive (14)
      • 자바스크립트 완벽 가이드 (20)
      • do it html (14)
      • 윤성우 열혈 C 프로그래밍 (15)
      • 윤성우의 열혈 자료구조 (14)
      • 자바스크립트로 하는 자료 구조와 알고리즘 (14)
      • 하루 3분 네트워크 (9)
      • 그림으로 배우는 운영체제 (4)
      • 데이터베이스 시스템? (2)
    • 강의 (8)
      • 코드스피츠 (8)
      • 김민태 시나리오로 배우는 프론트엔드실무 (0)
    • nodejs (8)
      • nestjs (1)
    • HTML (0)
    • css (2)
    • 깃(git) (6)
    • 개발환경 (5)
      • vscode (3)
      • mac (2)
    • 사이드프로젝트 (1)
      • 투두리스트 (1)
    • mysql (9)
    • cs (3)
      • 네트워크 (1)
      • 자료구조 (1)
      • 운영체제 (0)
      • 데이터베이스 (1)
    • 코딩테스트 (83)
    • 취준 (6)
    • 우테캠 (10)
    • 안드로이드 (1)
    • 기타 (0)
  • 방명록

옵저버패턴 (1)
바닐라 자바스크립트로 프로젝트 만들기(옵저버패턴)

옵저버패턴이란 컴포넌트와 라우터까지 완성을 했다. 이제 바닐라 자바스크립트로 프로젝트를 시작할 수 있을까?? 가능은 하다. 그런데 유저 닉네임 값을 여러곳에서 이용한다면 계속해서 서버와 통신을 해야할까?? 너무 비효율적이다. 그렇지 않다면 상위 컴포넌트에서 하위 컴포넌트로 데이터를 넘겨줘야 한다. depth가 작으면 문제가 없지만 재사용성을 고려하면서 만든 컴포넌트는 단위가 작고 몇단계씩 데이터를 넘겨야한다. 그렇게되면 의존성도 높아진다. 모듈간에 의존성이 높은 것은 좋은 현상이 아니다. 그래서 웹 프론트엔드에서는 옵저버패턴을 사용한다. 리덕스도 이 패턴을 사용한다. 옵저버패턴에는 구독(subscribe)과 발행(publish) 개념이 존재한다. 어떤일이 발생했을 때 그 일을 알려달라고 하는 것이 구독이..

자바스크립트/바닐라 자바스크립트 2021. 10. 20. 17:46
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바