일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- ㄷㅌ
- 자바스크립트#JS#var#let#const#undefined#null
- js
- 내장고차함수
- https://lo-victoria.com/introduction-to-redux-toolkit-for-beginners
- Beesbeesbees
- @redux-toolkit
- 노드교과서
- UX
- dom
- redux상태유지
- 자바스크립트#조건문#문자열
- UI
- JS#3일차달리자#초반인데#시간금방~
- react
- toString#String
- children vs childrenNodes
- removeCookie
- https://developer-talk.tistory.com/299
- CSS
- https://dasima.xyz/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%A0%9C%EA%B3%B1-math-pow-%EA%B3%84%EC%82%B0/
- User Flow
- https://www.daleseo.com/js-array-slice-splice/
- 헷갈린다~
- 자바스크립트#JS#slice#splice
- variable#function
- slice/splice/split
- cmarket
- 자바스크립트
- for~in/for~of
- Today
- Total
목록분류 전체보기 (161)
Daily Front_Minhhk
react-pdfDisplay PDFs in your React app as easily as if they were images.. Latest version: 8.0.2, last published: 7 days ago. Start using react-pdf in your project by running `npm i react-pdf`. There are 784 other projects in the npm registry using react-pdf.www.npmjs.com pdf 뷰어 다시 적용할 작업이 생겨!오랜만에 리마인드 느낌으로 다시 작성@ next.config.mjs 파일 수정!!const nextConfig = { //? react-pdf__config 설정____________..
📌 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function. 컴포넌트가 언마운트된 후에 상태 업데이트를 시도하기 때문에 발생한다. 컴포넌트가 언마운트될 때 진행 중인 비동기 작업을 취소하거나, 컴포넌트의 상태를 업데이트하지않도록 해야한다. → useEffect훅 안에서 클린업 함수를 반환하여, 컴포넌트가 언마운트되기 전에 필요한 정리 작업! → dataFet..
💡 tanstackQuery 가 데이터를 캐싱 한다는 점이 중요!! isLoading 및 isFetching 속성은 데이터의 로드 상태를 나타내는 데 사용한다 isFetching 비동기 쿼리 함수가 해결안된 상태 → true (데이터를 가져오는 상태) isLoading isFetching 참이면서, 쿼리에 대한 캐시된 데이터가 없는 상태 isLoading 이 참이면, isFetching 도 참이다! 요약하면 isLoading 은 처음 data Fetching 을 할 때, isFetching은 data Fetching 요청을 다시 할 때 (캐시된 데이터가 있을 때,,) 📌 즉, 결론적으로 isLoading과 isFetching은 비슷하게 '로딩' 이라는 개념을 사용하지만 기존에 캐시된 데이터가 있느냐 에 ..
초기값 : 초기에 렌더링 되는 값 가장 먼저 렌더링될때 순간적으로 보여질 수 있는 값이기도 하다. 초기값 지키지 않을 경우? 렌더링 이슈, 무한 루프, 타입 불일치로 의도치 않는 동작 => 런타임 에러 넣지 않으면? undefined 상태를 CRUD => 상태를 지울때도 초기값을 잘 기억해놔야 원상태로 돌아간다. 빈값? null 처리를 할때 불필요한 방어코드도 줄여준다! 업데이트 되지 않는 상수나 참조객체 들은 컴포넌트 외부에 빼둔다. 플래그 값을 이용해서 랜더링, 하나하나의 조건의 state에 두고 분기처리 보단 낫다 * 플래그 값 * 프로그래밍에서 주로 특정 조건 혹은 제어를 위한 조건을 불리언으로 나타내는 값 function FlagState() : Element { const isLogin = h..
부모 요소 div 에 relative 를 추가 해주자! 자식 요소에 absolute 사용 했으니 useRef 로 적용할 툴팁의 부모 요소에 ref 걸어주고, bubbleTop 의 state를 활용하여 적용! const [bubbleTop, setBubbleTop] = useState(false); const bubbleRef = useRef(null); useEffect(() => { { const handleClickOutside = e => { if (bubbleRef.current && !bubbleRef.current.contains(e.target)) setBubbleTop(false); }; document.addEventListener('mousedown', handleClickOutside..
📌 소스코드를 실행하는데 필요한 환경을 제공하고 코드의 실행 결과를 실제로 관리하는 영역 식별자(변수, 함수, 클래스)를 등록하고 관리하는 스코프와, 코드 실행 순서 관리를 구현한 내부 메커니즘 → 모든 코드는 실행 컨텍스트를 통해 실행되고 관리된다. 식별자와 스코프는 실행 컨텍스트의 렉시컬 환경 으로 관리 코드실행 순서는 실행 컨텍스트 스택으로 관리 실행 컨텍스트의 구조_ variable Environment (Environment Record, Outer Lexical Environment Reference)자신의 외부 환경에 대한 참조를 갖고 있고, 호이스팅 된 변수 들의 정보가 포함선언된 변수들을 포함한 환경을 나타내는 객체. lexical Environment (Environment Record..