이전에 간단하게 접해봤던 에 관련되어서 테스트를 해보던 중, 잘못알고 있었거나 부족했던 점이 있어 추가적으로 정리해보려고 한다. Event Loop 자바스크립트언어는 하나의 작업영역을 가지고있는 로서, 형식의 자료구조를 갖고 있다. 각각의 작업들은 에 차곡차곡 쌓여가며, 선입 후출의 방식으로 일이 진행된다. 그러다보니 A 작업이 시작된다면 B 작업은 중간…

여러 개인 프로젝트를 사용해오면서 겪어왔던 상황들이 있다. 부모의 이벤트가 자식에게 전달되지 않기를 원하거나, 혹은 그 반대의 경우. 늘 이러한 문제를 메소드의 3번째 인자로 값 만으로 컨트롤 할 수 있을거라고 생각했지만, 늘 실패하고 그냥 메소드를 사용해왔었다. 늘 이렇게 대처해오면서, 인데 왜 자꾸 부모의 이벤트가 자식에게 전달되지 라는 생각을 하…

를 사용하면서, 혹은 여러가지 상황을 접해오면서 도메인 네임, ip를 자주 봐오곤 했다. 대략적으로 어떤 기능을 하는지는 알고 있었지만, 명확하게 설명해보려고 하니 이라는 말이 먼저 나오는것 같아 자료를 찾아보던 중, 과정을 잘 설명해준 영상이 있어서 정리해보려고 한다. IP : Internet Protocol Address 컴퓨터, 모바일 등 클라이언…

최근 를 다시 전반적으로 리팩토링하면서, 버전도 수정해주었다. 별 다른 문제는 없었지만, 유독 관련해서만 문제가 발생했는데, 다시한번 복기할 겸 정리해보려고 한다. styled component 에서 동적인 스타일을 좀 더 편리하게 사용하도록 도와주는 모듈이다. 이 컴포넌트로 생성된 클래스는 임의의 흡사 잡영어로된 클래스명을 갖게된다. 단순히 에서만 …

IntersectionObserver 프론트엔드 개발을 해오다보면 사용자의 스크롤에 따라 특정 조건을 감지해야하는 경우들이 정말 많다. 컨텐츠의 최 하위 높이에 도달했을 경우 콜백 실행 대표적으로 특정 높이에 되었을 때, 해당 컨텐츠에 속성 부여 에 값을 갖고 있다가 조건이 되는 높이가 되었을 시, 속성 부여하는 위와 같은 경우, 대부분 수동으로 높이…

action과 saga는 서로 의미가 다르므로 분리하는게 나아보입니다. 해당 문제는 6번과 함께 해결! Redux를 사용하였지만 책임에 대한 분리가 제대로 되어있지 않습니다. 처음 피드백을 읽었을 때에, 이해가 가지 않았다. 현재 를 관리하는 디렉토리 구조가, 크게 , , 미들웨어를 합쳐주는 이런 식이였다. 따라서 생각해보았을 때, 위처럼 나누는것을 의…

InfiniteScroll은 재활용 할 수 없도록 구현되어 있습니다. 각종 , , 등들을 모두 기능별로 나누고 하나의 함수는 단 하나의 기능만 사용하게 하여 재사용할 수 있도록 했다고 생각했지만, 해당 이벤트를 담당하는 훅은 그렇지 않았던것 같다. 코드 내용을 공개하는것이 불가능하기 떄문에 대충 보면 실행되는 이벤트 선언 이벤트를 부여하고 조건에 따라 …