본문 바로가기
728x90

분류 전체보기

 (184)
(STS)Spring mvc 프로젝트 생성 및 설정 +JDK 설정 + tomcat 연동 후 실행 STS (Spring Tool Suite 4) 를 이용한 웹 프로젝트나 웹 서비스를 개발할 때, 프로젝트를 생성하기까지의 과정을 설명한다. 먼저, 내 피시에 JDK가 설정되어있는지 확인하고, 설정되어있지 않다면, JDK를 다운로드 받자 https://www.oracle.com/kr/java/ 오라클 페이지에서 JDK를 원하는 버전으로 다운로드 받았다면, 환경변수로 등록해주어야한다. JDK 파일이 존재하는 파일 경로를 바로 지정해줘도 되지만, 나는 JDK파일을 위한 폴더를 생성해서 JDK파일을 보관해둔다. 먼저 압축 해제한 JDK 파일을 c://Program Files/java/ 폴더를 생성하고, java폴더 안에 해당 JDK폴더를 넣어주고, 환경변수를 등록해보자. 1.내 PC에서 오른쪽 마우스 클릭 ->..
[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..
728x90

티스토리툴바