프론트엔드
-
안드로이드 시뮬레이터 느림 현상 해결 - 메모리 용량 늘리기프론트엔드/프론트엔드 이슈 2023. 10. 20. 19:33
https://crone.tistory.com/523 안드로이드 스튜디오 Out Of Memory 메모리 부족 해결하기 안드로이드 스튜디오 버전이 상승됨에 따라 많이 개선되긴 하였지만 작업중에 렉이 걸리거나 프로그램이 Out Of Memory 문제로 꺼짐 증상이 발견된다면 안드로이드 스튜디오 메모리 할당량을 늘리 crone.tistory.com android 폴더의 gradle.properties 파일에 아래처럼 수정한다. 2048은 2GB 라는 의미이다. org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
-
카카오 로그인 키 해쉬 에러프론트엔드/프론트엔드 이슈 2023. 10. 20. 19:32
https://devbksheen.tistory.com/entry/React-Native-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 React Native 카카오 로그인 설정 및 구현 RN 사이드 프로젝트 중 카카오 로그인을 구현하면서 방법을 정리하려고 한다. 라이브러리는 @react-native-seoul/kakao-login를 사용하였다. 1. 카카오 애플리케이션 생성 및 설정 kakao developers에 로그인 devbksheen.tistory.com
-
리액트 네이티브 What react-native :app:installDebug FAILED 에러 해결프론트엔드/프론트엔드 이슈 2023. 10. 19. 21:50
https://www.geeksforgeeks.org/what-react-native-appinstalldebug-failed/ What react-native :app:installDebug FAILED ? - GeeksforGeeks A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions. www.geeksforgeeks.org https://jwookj.tistory.com/86 T..
-
리액트 네이티브 - device is offline 에러 해결프론트엔드/프론트엔드 이슈 2023. 10. 19. 21:47
https://www.stackoverflowtips.com/2020/08/react-native-fix-adb-device-is-offline.html React Native: Fix adb - device is offline error and Execution failed for task ':app:installDebug' and other Android ADB device offline, can't issue commands Execution failed for task ':app:installDebug' ADB manager: unable to locate ADB 'adb' is not recogniz www.stackoverflowtips.com Open CMD(command prompt) an..
-
리액트 깃허브 페이지에 배포시 주의할점프론트엔드 2023. 10. 17. 15:55
0. 소스코드 배포시 저장소 주소는 private 이 아니라 public 이어야 한다. 그렇지 않으면 제대로 동작하지 않는다. 1. hompage 주소(깃허브 페이지 주소)를 package.json 의 최상위 바깥에 설정한다. scripts 안이나 dependency 같은 내부에 위치하면 동작하지 않는다. homepage 주소를 읽어서 추후에 BrowserRouter 에 설정된 process.env.PUBLIC_URL 에 대체하는 원리다. 2. BrowserRouter 컴포넌트에 basename 을 설정해주어야 한다. 그래야 "/" 로 Router 경로 설정시 basename (homepage 주소)가 앞에 붙어서 절대경로로 파일들을 가져온다. 3. .env 파일은 만들지 않아도 된다. 4. 카카오 지도..
-
입력창에서 숫자만 입력 가능하게 하기프론트엔드/컴포넌트 2023. 8. 24. 12:49
body{ margin: 0; padding: 100px; text-align: center; } input{ width: 20rem; height: 5rem; outline: none; border: none; border-bottom: 2px solid #eee; font-size: 2rem; color: #ccc; } input::placeholder{ font-size: 2rem; } const input = document.querySelector('input') input.addEventListener('keyup', function(e){ if ((e.keyCode >= 48 && e.keyCode = 96 && e.keyCode { console.log(parseInt(c) == c) re..
-
리액트 네이티브 설치 - Expo 버전프론트엔드/React Native 2023. 8. 16. 17:35
https://velog.io/@holidenty/React-Native-React-Native-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] React Native 프로젝트 시작하기 React-Native 기본 프로젝트 시작하기. velog.io https://velog.io/@jisoolee11/Expo-%EA%B0%84%EB%8B%A8%ED%95%9C-%EC%95%B1-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0 [Expo] 간단한 앱 페이지 만들어보기 📱 앱 개발 공부하기! velog.io 실물 휴대..
-
리액트 네이티브 설치 - CLI 버전프론트엔드/React Native 2023. 8. 16. 17:21
https://yun5o.tistory.com/entry/React-Native-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EC%84%A4%EC%A0%951-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React Native] 리액트 네이티브 개발환경 설정(1/6) - 시작하기 * 리액트 네이티브란? React Native는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹, UWP용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티 yun5o.tistory.com https://bpblog.t..