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

윤민상 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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)
  • 방명록

diff 알고리즘 (1)
바닐라자바스크립트(ts)에서 컴포넌트 만들기1(diff 알고리즘)

배경 사실 이전에도 글을 올렸었다. 그런데 많이 부족한 내용이였고 버그도 많이 있었다. 이번에 기회가 있어서 새롭게 간단한 프로젝트를 만들었는데 저번보다 훨씬 괜찮게 만들었다고 생각해서 다시한번 글을 올리게 되었다. 그리고 황준일님의 블로그를 참조했다. 리액트 동작 살펴보기 먼저 spa 라이브러리 중 가장 유명한 리액트를 생각해보자. 훅스는 비교적 만들기가 더 어렵다. 기본 useState, useEffect의 경우는 클로저를 이용해 간단하게 만들수 있지만(쉽지는 않다) 프로젝트 전체에 적용하는데는 더 많은 시간과 비용이 필요하다. 그래서 일단은 추상 클래스를 만들것이다. 리액트에서는 setState로 state를 변경하고 render, componentDidMount, componentDidUpdate..

자바스크립트/자바스크립트 라이브러리 2022. 2. 16. 17:22
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바