J.Spin

// set 'ESC' keystroke to escape ======================== const handleKeyDown = (e: KeyboardEvent): void => { if (e.code === "Escape") { closeModal(); } }; useEffect(() => { window.addEventListener("keydown", handleKeyDown); return () => window.removeEventListener("keydown", handleKeyDown); }, []); closeModal() 함수에 Modal을 닫는 함수, 혹은 다른 함수를 넣으면 됩니다.

텍스트 왼쪽에 이미지를 위와 같이 배치하고 싶을 때, 수직의 y축 위치를 딱 맞추고 싶어도 살짝 엇나가는 것을 확인할 수 있다. img 의 vertical-align 속성이 baseline이 default로 되어있기 때문. 텍스트의 위 빨간줄에 맞춰 이미지를 띄워주게 된다. 따라서 이를 조정하고 싶다면 vertical-align 속성을 바꿔주면 됨. 출처 : developer.mozilla.org/ko/docs/Web/CSS/vertical-align mygumi.tistory.com/368

www.npmjs.com/package/gh-pages gh-pages Publish to a gh-pages branch on GitHub (or any other branch on any other remote) www.npmjs.com Create-react-app 1. 설치 $ npm i gh-pages 2. package.json에 속성 추가 { // ...생략... "scripts": { "start": "react-scripts start", "build": "react-scripts build", "deploy": "gh-pages -d build", "predeploy": "npm run build" }, // ...중략... "homepage": "https://{깃헙아이디}.githu..

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops. onclick 으로 함수 호출 시 매개변수를 사용할 때 잘못 불러오면 위와 같은 에러가 생긴다. onClickBtn = (var) => { // contents... } // render() BUTTON 함수 호출과 렌더링이 반복되는 구조이기 때문에 생기는 에러인데, 아래와 같이 수정해주면 해결된다. onClickBtn = (var) =..

SQLiteOpenHelper 를 사용하여 내부 Database를 잘 사용하고 있다가 어느 순간 다음과 같은 에러가 떴다. java.lang.RuntimeException: Unable to start activity ComponentInfo{...} ################################################################# Error Code : 1 (SQLITE_ERROR) Caused By : SQL(query) error or missing database. (no such table: SCMODE (code 1): , while compiling: SELECT * FROM SCMODE;) ####################################..

EditText를 사용하면 자동으로 Focus되도록 설정이 되어있다. 이를 제거하고 싶을 때, 다른 레이아웃 (LinearLayout, RelativeLayout 등)에 포커스를 두어 이를 제거할 수 있다.포커스를 두는 방법은 아래 두줄만 추가해 주면 된다. android:focusable="true" android:focusableInTouchMode="true"

EditText 밑줄은 default 값으로 존재한다. 디자인 상으로 밑줄을 없애고 싶을 때, xml 파일에서 간단히 제거할 수 있다. 아래와 같이 background 값에 @null을 추가해주자

Call requires API level 21 (current min is 14): android.content.Context#getDrawable less... (⌘F1)This check scans through all the Android API calls in the application and warns about any calls that are not available on all versions targeted by this application (according to its minimum SDK attribute in the manifest). If you really want to use this API and don't need to support older devices just..