인기글

• 

  TIL Presentational and Container 패턴과 리액트에 대한 고찰. 해당 패턴에 대해서 아는 것이 없었는데 이번에 구매레이어 쪽 유지보수를 하면서 setShowLoading(true) 이런 로직들이 여러군데 산재해 있어 어지러워서 react의 suspense를 도입하고 싶어 찾아보다가... 결국은 현재 구조로는 도입이 불가능함을 깨닫고 슬퍼하면서 쓰는 글이다 ㅜㅜ 일단 내 수준에서는 그렇다.. 그래서 결론적으로 해당 패턴은 현재의 리액트와 정말정말 어울리지 않는 것 같다. 내가 작업하고 있는 구매레이어는 분석해보니 현재 presentational and container 패턴으로 구성되어있다고 볼 수 있다. 모노레포로 되어있는 프로젝트에서 lib 공통모듈에 몰아두고 Context API를 사용하여 구매레이어에 필요한 함수나 상태들을 가지고 있다. 구매 레이어에 표현하는 ..

• 

  카테고리 없음 [문과 컴공복전생이 졸업하고 깨닫는 CS지식] 부동소수점 아.. 분명 컴퓨터구조, 운영체제, 하다못해 파이썬, C언어 기초시간에도 나오는 개념인데 내가 빡대가리인지 아무리 들어도 이해를 못했는데 이제야 이해가 된다. (난 그래서 맨날 언어배울 때 맨앞 부분이 너무 지루했어..자료형..어쩌구 정수... floating ) 난 맨날 어렵고 추상적으로 생각해서 그런 거였음... 머리 비우고 간단하게 가면 됨... 인생 간단하게 가자고.. 1. 추상적인 "수"의 개념을 버리자 100? 100.239? 유리수나 실수 이런 개념이랑 컴공에서 다루는 10진법 2진법은 다른 것임 진법은 말그대로 수를 표현하는 방법... 열손가락으로 세냐 두손가락으로 세느냐의 차이라고 보믄됨 0.1 * 10은 뭐게? 당연히 1이라고 생각할 거다. 우리는 0.1 자체를 1을 10개로 나눴다고 ..

• TIL scroll 이벤트가 발생하지 않는 경우 문제 원인: 팝업 레이어에서 스크롤 이벤트를 감지해서 lazy-loading으로 캐싱된 이미지를 스크롤 시마다 변경해주는 메서드가 발생하지 않음. but 팝업 레이어 바깥에서는 scroll Event가 발생하는 데에 문제가 없었다. 문제원인은 팝업 전체의 overflow: hidden 문제 해결: 내부 내부 레이어단의 height: 100% (overflow-y: auto) 였기 때문에 팝업 레이어 내부에서만 스크롤 이벤트가 발생하는 것이다. 그러나 팝업의 height를 변경하거나 팝업 스크롤 시 바깥의 스크롤이 fire 되는 것은 의도한 바가 아니기 때문에 팝업에 ref를 걸어 scroll 이벤트를 캡처해서 처리하였다. import React, { useEffect, useRef } from 'reac..