Intersection Observer란? 일단 MDN의 설명을 보면 다음과 같다는 것을 알 수 있습니다. 대상 요소와 상위 요소, 또는 대상 요소와 최상위 문서의 뷰포트가 서로 교차하는 영역이 달라지는 경우 이를 비동기적으로 감지할 수 있는 수단을 제공함 이게 무슨 말 인가요? 쉽게 말해서 Element가 뷰포트에 보이는지? 보이지 않는지에 따라서 이를 감지할 수 있는 수단을 제공한다는 것을 의미합니다. 아래와 그림과 같이 현재 뷰포트에 보이는 Element는 3개가 존재하죠. 만약 3째의 Element가 등장할 때 어떤 이벤트를 실행 하고 싶다면 어떻게 할까요? 이럴 때 저희는 Intersection Observer를 사용하면 됩니다. 윈도우 scroll을 지원하는데 이걸 굳이 사용해야 하나요? 스크..

Terms & Conditions By downloading or using the app, these terms will automatically apply to you – you should make sure therefore that you read them carefully before using the app. You’re not allowed to copy, or modify the app, any part of the app, or our trademarks in any way. You’re not allowed to attempt to extract the source code of the app, and you also shouldn’t try to translate the app int..

Privacy Policy ww8007 built the KPU 자동 외박 신청 app as a Free app. This SERVICE is provided by ww8007 at no cost and is intended for use as is. This page is used to inform visitors regarding my policies with the collection, use, and disclosure of Personal Information if anyone decided to use my Service. If you choose to use my Service, then you agree to the collection and use of information in rela..

Eslint 분명 편리하긴 한데 너무 깐깐한 느낌이 든다. → R/N의 경우 기본적으로 eslint를 내장해서 기본 템플릿을 제공하기 때문에 익숙해질 필요가 있다고 생각 너무 오류가 많이 난다. 🥲 코딩을 하는데 계속 빨간줄이 떠있으니까 내가 맞게 하고 있는데도 잘못하는 느낌인 경우가 많이 들음 가장 큰건 Custom Hooks를 작성할 때... import {useEffect} from 'react'; export const useTimeout = ( // -1- callback: () => void, duration: number, deps: any[] = [], // -1- ): void => { // -2- useEffect(() => { if (duration === 0) return; cons..

react-native-vector-icons 아이콘 페이지로 이동 ios 6.0 부터는 link를 이용한 수동적인 방법이 다음 R/N release 에서는 더 이상 지원하지 않는다고 나온다. npx react-native link react-native-vector-icons npx react-native unlink react-native-vector-icons 결론적으로 열심히 구글링... 해결법 1. Podfile을 열고 코드 추가 cd ios && code Podfile && cd.. pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons' 8번째 줄에 추가 2. info.plist 열고 코드..

최적화 관련 HOOKS React를 공부하보면 가장 궁금하고 신기하다고 느끼던게 Hook 이였다. 공부를 하면서 배웠던 점들을 정리 해보려고 한다. 최적화는 왜 필요한데? 🤔 최적화를 생각한다면 정보를 캐싱해서 사용하는 것을 일반적으로 생각할 수 있다. React 에서는 특히 페이지 새로고침(reRender) 에 대해서 최적화에 대해 예민하게 생각해야 하는 것이 사실 물론 간단한 페이지의 경우 이를 신경쓰지 않아도 문제가 없는 경우가 많다. 그래도 공부를 하려면 제대로 해야 한다는 생각이 큰 건 사실이다. 간단하게 예를 들어보자 title의 경우 렌더링 시 계속 새로 생성이 된다는 점이 문제가 되는 점 - → 이는 App이 함수(fucntion) 형태이고 - → title의 값이 지역 변수(local v..