본문 바로가기
728x90

개발

 (130)
[react-native] LottieView 애니메이션 적용하기 리액트 네이티브 개발환경에서 애니메이션을 적용하고 싶을 때, Lottie 라는 라이브러리를 이용하면 쉽게 구현할 수 있다. 용량이 크고 파일이 무거운 gif 파일을 이용하는 대신, LottieView 를 이용해보자. 먼저, 확장자가 json 인 애니메이션 파일을 직접 만들거나 예제 파일을 찾아서 구해 놓은 후, 라이브러리 설치를 진행하자 React-Native Community https://github.com/lottie-react-native/lottie-react-native GitHub - lottie-react-native/lottie-react-native: Lottie wrapper for React Native. Lottie wrapper for React Native. Contribute..
[react-native] react-native 라이브러리를 이용한 카카오톡 공유하기 리액트 네이티브 환경에서 카카오톡 공유하기 기능을 구현하기 위해 인터넷을 뒤적이는 중, 어떤 개발자 분이 만들어 둔 카카오 공유 모듈을 발견했다. 사용법도 쉬워서 바로 적용해보았다. https://github.com/millo-L/react-native-kakao-share-link#readme GitHub - millo-L/react-native-kakao-share-link: 리액트 네이티브 카카오 링크 오픈 소스 리액트 네이티브 카카오 링크 오픈 소스 . Contribute to millo-L/react-native-kakao-share-link development by creating an account on GitHub. github.com 바로 상단의 github 페이지인데, 설명도 아주 잘..
[react-native error] Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it. 해결 방법 해당 오류는 react-native 환경에서 개발할 때, 많이 볼 수 있는 오류다. 이 오류는 불친절하기 때문에, 로그를 봐도 어디서 오류가 났는지 보여주지 않고, 해당 오류만 남게 되는데 알고 있으면 쉬운 오류다. 내가 해결했던 처리 절차는 다음과 같다. 1. 자바스크립트 표현식 오탈자 체크 1.1 JSX 내부에서 {} (중괄호)로 된, 자바 스크립트 표현식에 오탈자를 체크한다 {list.arr.map(res => { ...})} 해당 구문에서 중괄호나 소괄호가 빠졌는지 체크해보자. 1 2 3 4 5 6 7 8 9 {list.arr.map(res => { return( 테스트 ) })} Colored by Color Scripter cs 1.2 JSX 내부 즉시 실행 함수의 오탈자를 체크한다. 아래에..
[react-native ios error] Failed to launch the app on simulator, An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405):Unable to lookup in current state: Shutdown 에러 해결방법 1 2 error Failed to launch the app on simulator, An error was encountered processing the command (domain=com.apple.CoreSimulator.SimError, code=405): Unable to lookup in current state: Shutdown Colored by Color Scripter cs ios 가상기기를 사용하다 보면 해당 오류가 뜰 때가 있음. 해당 에러는 ios 에뮬레이터를 완전히 종료하지 않고, run 했기 때문임 ios에뮬레이터 오른쪽 클릭 후, [종료] 를 클릭해서 완전히 종료한 후, 다시 실행시키면 잘 된다.
[react-native] 퍼센트 진행률 모듈 (react-native-percentage-circle) 프로젝트를 진행하다 보면, 데이터의 진행도를 수치화해서 보여줄 때가 있다. RN 모듈 중, 해당 모듈이 데이터의 진행도를 쉽게 나타낼 수 있어서 찾아왔다. https://github.com/JackPu/react-native-percentage-circle#readme GitHub - JackPu/react-native-percentage-circle: 🐳 React Native Percentage Circle 🐳 React Native Percentage Circle. Contribute to JackPu/react-native-percentage-circle development by creating an account on GitHub. github.com 사용법도 간편하다 . npm i react..
[Jquery] Jquery 데이터 테이블 (datatable) 드래그 앤 드롭(drag and drop) 사용하기 reorder 데이터테이블을 쓰면서 테이블 데이터를 드래그앤 드롭으로 이동시키고 싶을 때가 있다. dataTable에 있는 수많은 기능 중, reordering 기능을 이용해서 컬럼을 drag and drop 할 예정이다. 1 2 3 4 5 6 7 8 9 Colored by Color Scripter cs 먼저 datatable을 사용하기 위한 cdn,(jquery, jquery-ui, datatables reorder)을 추가해준다. cdn으로 추가해도 되지만, 나는 프로젝트 내부에 파일을 추가해서 사용했다. https://datatables.net/ DataTables | Table plug-in for jQuery DataTables Table plug-in for jQuery Advanced tables, in..
[MYSQL] 컬럼 INDEX 추가, 삭제하기 테이블의 데이터가 방대해질수록 쿼리 속도는 느려질 수 밖에 없다. 데이터베이스에서 데이터를 찾을 때는, 첫번째 데이터부터 순차적으로 데이터를 찾는다. 특정 값을 기준으로 index가 생성되면, 이러한 데이터 서치 속도를 높여줄 수 있다. 하지만 index로 생성된 컬럼이 포함된 테이블이 등록,수정 또는 삭제 되면 인덱스도 함께 수정해줘야하기 때문에, 주로 조회 목적 으로 생성된 테이블을 서치할 때, index를 설정하자. 또한, index가 너무 많이 설정되어도 문제다. index가 추가될 때마다 Row를 등록할 때마다 index 값도 추가되기 때문에, 오히려 쿼리 속도가 느려질 수 있다는 얘기다. 필요한 경우에, 필요한 인덱스만 추가하도록 하자. 기존 테이블 컬럼에 INDEX 추가하기 1 ALTER T..
[JAVA 에러] 프로덕션 환경들에서 최적의 성능을 제공하는, APR 기반 Apache Tomcat Native 라이브러리가, 다음 java.library.path에서 발견되지 않습니다 JAVA 프로젝트를 빌드하다가 해당 에러를 마주치는 경우가 종종 있다. 오류 메세지가 로그에 찍히면서 프로젝트가 정상적으로 빌드되지 않고, 톰캣이 실행되는 현상이 발생했다. 밑의 방법들은 내가 사용했던 처리방법이다. 1. Tomcat server.xml 수정 1 cs 해당 태그를 주석처리 해봤다. 이 태그는 외부에서의 메세지를 Apache에 연결해주는 리스너이다. 하지만 해당 태그는 본질적으로 프로젝트 빌드 문제가 해결되지는 않았다. 2. 메이븐 Dependencies 삭제 후 재 추가 스프링 기준 상단 메뉴 탭의 Project -> Java Build Path -> Maven Dependencies 삭제 OR 아예 존재하지 않음 -> 프로젝트 우클릭 후, MAVEN -> update Project 실행..
728x90

티스토리툴바