728x90

프론트엔드 163

안드로이드 시뮬레이터 느림 현상 해결 - 메모리 용량 늘리기

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

카카오 로그인 키 해쉬 에러

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 에러 해결

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 에러 해결

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..

리액트 깃허브 페이지에 배포시 주의할점

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.10.17

리액트 네이티브 설치 - Expo 버전

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 버전

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..

스크롤바 연습과제

스크롤을 조금 내리면 헤더가 나타나고 scroll to top 버튼도 함께 나타난다. open 버튼을 클릭하면 모달창이 나타나고 뒷배경은 음영처리된다. 또한, 모달창을 확인하는동안 뒷배경이 스크롤되지 않도록 스크롤바는 숨긴다. close 버튼을 클릭하면 모달창이 사라지고 다시 스크롤바가 나타난다. story about contact OPEN header Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corporis officia, tempora ipsam libero expedita, doloribus velit eveniet delectus omnis nostrum consectetur magnam tempore quas explicabo mol..

728x90