본문 바로가기
반응형

전체 글338

AttributeError: 'module' object has no attribute 파이썬은 참으로 쉬운 언어이다. 배우지 않아도 개발을 바로 할 수 있을만큼 쉽고 간단하고 강력하다. 그러나 위 에러를 마주하게 된다면 멘붕이 올 것이다. 결론부터 말하면 위 에러를 마주했다는 것은 파이썬의 모듈과 패키지에 대한 이해가 부족한 것이다. 그리고 아마 당신은 패키지를 import했는데 그걸 모듈처럼 사용해서 문제가 생겼을 것 이다. 1. 모듈이란? 파이썬에서 모듈은 .py로 끝나는 파일들 그 자체를 얘기한다. 2. 패키지란? 패키지란 아래처럼 __init__.py 파일을 가지는 폴더 구조를 얘기한다 root/ Package/ __init__.py module1.py module2.py 위 폴더에서는 root 폴더 밑에 Package라는 패키지가 있고, 그 패키지는 module1.py를 가지고 .. 2022. 12. 8.
[NGINX] could not build server_names_hash, you should increase server_names_hash_bucket_size: 64 서버 url 길이가 너무 길어서 그렇다 아래처럼 nginx.conf를 연다 sudo vim /etc/nginx/nginx.conf 그리고 아래 항목을 찾아서 64를 128로 바꿔주자 server_names_hash_bucket_size 128; 2022. 12. 6.
ESLint 끄는법 리액트를 하다보면 ESLint가 에러가 아닌데 에러가 나도록 표시하는 경우가 있다. 몹시 짜증나므로 ESLint를 끄는방법을 배워보도록 하자 간단하다. .env 파일에서 아래와 같이 추가해준다. DISABLE_ESLINT_PLUGIN=true 2022. 12. 2.
리액트에서 카메라 사용법 https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia MediaDevices.getUserMedia() - Web APIs | MDN The MediaDevices.getUserMedia() method prompts the user for permission to use a media input which produces a MediaStream with tracks containing the requested types of media. developer.mozilla.org 1. 개요 React에서 카메라를 사용하려면 getUserMedia() 함수를 사용하면 됩니다 허나 이 함수는 단순히 카메라만 사용하는것이 아닌 마.. 2022. 12. 2.
부모 컴포넌트에서 자식 컴포넌트 함수 호출하기 1. 개요 부모 컴포넌트에서 자식 컴포넌트의 함수를 호출하려면 다음 두가지를 알아야 한다 forwadRef : 자식 컴포넌트의 요소에 대해 ref를 따는 API useImperativeHandle : 자식 컴포넌트의 여러 요소를 부모에게 노출시키는 hook. 여러개의 요소를 오브젝트의 형태로 담아 부모에게 전달 할 수 있다. 위 두가지는 서로 짝짝쿵이며 이에 대한 설명은 아래 글에 간단하게 적어놨다. (링크타기 부담스러우신분들은 안타도 충분히 위 두줄로 이해 되니깐 그냥 패스하세용) [React] forwardRef, useImperativeHandle에 대한 이해 1. 한줄요약 자식 컴포넌트의 element에 대해 ref를 따고 싶으면 forwardRef를 사용해라! 2. forwardRef에 대한 예.. 2022. 11. 17.
forwardRef, useImperativeHandle에 대한 이해 1. 한줄요약 자식 컴포넌트의 element에 대해 ref를 따고 싶으면 forwardRef를 사용해라! 2. forwardRef에 대한 예제 아래와 같은 FancyButton이라는 컴포넌트가 있다고 하자 function FancyButton(props) { return ( {props.children} ); } 이 컴포넌트를 자식으로 두는 부모의 컴포넌트가, 저 의 ref를 따고 싶다면? forwardRef를 사용하면 된다. const FancyButton = React.forwardRef((props, ref) => ( {props.children} )); // You can now get a ref directly to the DOM button: const ref = React.createRef(.. 2022. 11. 17.
이벤트 버블링과 캡처링 https://www.robinwieruch.de/react-event-bubbling-capturing/ React: Event Bubbling and Capturing Event bubbling in React explained with examples. You will learn how to prevent events from bubbling, how to capture events before the bubbling, and how to access the target and currentTarget ... www.robinwieruch.de 1. 개요 리액트 컴포넌트를 여러개 tree구조로 만들고 각각의 컴포넌트에다가 click 리스너를 달았다고 하자. 그리고 클릭 이벤트를 발생시켰다. 그럼 t.. 2022. 11. 17.
리액트에서 특정페이지 스크롤 막기 useEffect를 이용하여 컴포넌트가 마운트 될 때 스크롤을 막고, 컴포넌트 정리를 할 때 return 값으로 스크롤을 해제해준다. useEffect(() => { document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = 'auto'; } }, []); 2022. 11. 16.
[RN] 리액트 네이티브 웹뷰 스와이프 제스처 enable하기 리액트 네이티브 웹뷰에 safari처럼 swipe를 이용하여 페이지 앞 뒤로 이동하고 싶으면 다음과 같은 항목을 enable하면 된다 그러면 사파리처럼 앞뒤로 스와이프 네비게이션을 사용할 수 있다! 2022. 11. 15.
반응형

티스토리툴바