나 개발자 할래요

참고한 블로그...https://junghyeonsu.com/posts/useeffect-vs-uselayouteffect/ useEffect와 useLayoutEffect 차이점 (React) - 정현수 기술 블로그useEffect와 useLayoutEffect 차이점에 대해 알고 계셨나요.junghyeonsu.com https://medium.com/@jnso5072/react-useeffect-와-uselayouteffect-의-차이는-무엇일까-e1a13adf1cd5 [React] useEffect 와 useLayoutEffect 의 차이는 무엇일까?React 가 웹 프레임워크 시장에서 대세가 되면서, 많은 사람들이 웹 어플리케이션을 제작하기 위해 React 를 사용하고 있습니다. 특히, 2018년..

참고한 블로그...https://studyingych.tistory.com/52 React Props, State 이해 및 사용법Props / State props 와 state는 React에서 데이터를 사용할 때 다루는 개념이다. 실습 코드샌드박스(https://codesandbox.io/s/dank-pond-pfyvq) 를 사용하여 실습 Props props는 부모 컴포넌트가 자식 컴포넌트에 값을studyingych.tistory.com https://kindjjee.tistory.com/102 props와 state의 차이점어제 custom component를 다루면서 props와 state 부분을 짚고 넘어가야겠더라고요! 그래서 chat gpt와 공식문서를 참조하면서 리액트 props와 state..

참고한 블로그...https://inpa.tistory.com/entry/🔄-자바스크립트-이벤트-루프-구조-동작-원리 🔄 자바스크립트 이벤트 루프 동작 구조 & 원리 끝판왕자바스크립트 비동기와 이벤트 루프 브라우저의 멀티 스레드로 작업을 동시에 Javascript는 싱글 스레드 언어라고 들어본 적이 있을 것이다. '싱글' 스레드라 한 번에 하나의 작업만 수행이 가능하inpa.tistory.com https://blog.toktokhan.dev/t-767eb0fa38f3 자바스크립트의 이벤트 루프(Event Loop)란?이벤트 루프(Event Loop)를 설명하기 앞서 JavaScript의 특징부터 알고 가야 합니다.blog.toktokhan.dev 이벤트 루프(Event Loop)자바스크립트에서 비동..

참고한 블로그...https://velog.io/@jasmine0714/React-Query-staleTime-vs-gcTime [React-Query] staleTime vs gcTime (구 cacheTime)이름이 gcTime으로 바뀌었는지 나만 몰라 나만~velog.io https://until.blog/@morethanmin/react-query의-staletime과-gctime-mkkwywz2 react-query의 staleTime과 gcTimereact-query에서 useQuery를 사용하면 staleTime과 gcTime 을 이용해 데이터를 효율적으로 다룰 수 있다. 둘의 차이점을 알아보자.staleTimeThe time in milliseconds after data is consid..

흠.. 항상 참고한 블로그 순으로 올렸는데, 이번은 이해하기 쉬웠던 순으로 올려봅니다.https://www.zerocho.com/category/JavaScript/post/5741d96d094da4986bc950a0 (JavaScript) 실행 컨텍스트 - 클로저와 호이스팅안녕하세요. 이번 시간에는 범위에 이어 실행 컨텍스트와 클로저에 대해서 살펴보겠습니다. 제가 지난 시간에 실행 컨텍스트가 제일 중요하다고 하면서 강좌를 마쳤습니다. lexical scoping과 이것www.zerocho.com https://gamguma.dev/post/2022/04/js_execution_context JS Execution Context (실행 컨텍스트) 란?코어자바스크립트를 읽고 얻은 지식 중 실행 컨텍스트, ..

참고한 것들..https://velog.io/@heelieben/JavaScript-Reflow-란-feat.-브라우저-렌더링 JavaScript | Reflow 란 (feat. 브라우저 렌더링)프론트 엔드 개발자라면 브라우저 렌더링 과정을 알아야한다. 그리고 브라우저 렌더링 과정에서 핵심은 reflow이다. DOM 요소를 다룰 때, reflow가 최대한 발생하지 않도록 조심해야 한다. 따라서 이velog.io https://enjoydev.life/blog/frontend/3-reflow-repaint 매끄럽게 동작하는 브라우저 만들기 - 렌더링 최적화 Reflow, Repaint어떻게 하면 웹 사이트를 더 매끄럽게 동작시킬 수 있을까요? Reflow와 Repaint에 집중해서 최적화 방법을 알아봅시다..