개발/FRONT (27) 썸네일형 리스트형 [Javascript] 객체에 데이터 담아서 전달하기 (서버에서 Map으로 데이터 받기), 객체 리스트에 담아서 전달하기 서버와의 연동 작업을 진행하면서, 제일 중요하다고 생각하는 건 데이터를 어떤 식으로 주고 받을지가 제일 중요하다고 생각한다 이번 포스팅에서는 서버에 파라미터를 전송할 때, 객체에 데이터를 담아서 서버에서 Map이나 VO 객체를 통해 데이터를 받을 수 있도록 구현해 볼 예정이다 만약 객체를 리스트에 넣어서 데이터를 전송하게 되면 객체 리스트로도 데이터를 받을 수 있다 아래의 예제를 보자 1 객체를 파라미터로 전달하기 해당 예제는 객체를 생성해서 파라미터를 전달한다 obj 라는 오브젝트 타입의 변수를 선언 후, key값을 지정하고 데이터를 넣는다 ajax 내부의 data 항목에 obj를 넣어주면 되는데, 브라우저에서 서버로 데이터를 전송하려고 하기 때문에, JSON.stringify를 사용해서 데이터 형식을.. [Jquery] 클릭한 특정 영역 id,class 없이 삭제하기 제이쿼리를 이용해서 특정 영역을 삭제하는 방법이다 화면에서만 삭제할 수 도있고, 서버랑 통신을 통해 데이터를 삭제할 수도 있다 방법은 아래 예제와 같이 작동된다 1 예를 들어 아래와 같이 리스트 데이터를 가지고 왔을 때, JSTL을 이용해서 반복해서 데이터를 그려준다 그려줄 때, li 태그에 onclick 속성을 이용해서 remove함수를 호출해준다 remove 함수의 파라미터로는 this를 넣어주어 클릭한 li 태그를 지칭하게 해준다 만약 여기서 id나 class를 이용해서 지칭하게 하면, 삭제 함수를 실행했을 때, 시스템 적으로 오류가 생길 수 있다 (중복 class가 들어가거나, 그러면 안되지만 id가 중복되거나 ..) JSTL DATA ${list.name } Colored by Color Scr.. [안드로이드 에러 해결] SDK location not found [ SDK location not found. Define location with an ANDROID_SDK_ROOT environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/walkydoggy/git/dogmaster_app/android/local.properties'. ] 해당 에러는 안드로이드 스튜디오를 이용해서 시뮬레이터 및 기기를 연결해서 프로젝트를 실행할 때, 안드로이드 SDK 설정이 잘못되어있으면 발생하는 에러다 이번 포스팅에서는 해당 에러를 해결하는 방법을 포스팅한다 1 안드로이드 SDK 경로 확인 안드로이드 스튜디오 진입 페이지에서 [SDK Manager] 선.. [안드로이드 에러 해결방법]error Failed to install the app. Make sure you have an Android emulator running or a device connected. [ Task :app:installDebug FAILED Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See https://docs.gradle.org/6.5/userguide/command_line_interface.html#sec:command_line_warnings 684 actionable tasks: 9 executed, 675 up-to-date FAILURE: Build failed with an exception. * What went wrong:.. [Xcode] pod install 오류 발생 해결 방법 CocoaPods could not find compatible versions for pod [ [!] CocoaPods could not find compatible versions for pod "ChannelIOSDK": In snapshot (Podfile.lock): ChannelIOSDK (from `https://mobile-static.channel.io/ios/latest/xcframework.podspec`) In Podfile: ChannelIOSDK (from `https://mobile-static.channel.io/ios/latest/xcframework.podspec`) It seems like you've changed the version of the dependency `ChannelIOSDK` and it differs from the version store.. [react-native] deeplink URL Schemes 예제 [1] deeplink 제어하기 인터넷 창에서 주소 url 을 입력해서 원하는 웹 페이지에 접속하는 것처럼 앱에도 특정 페에지에 도달하게끔 해주는 딥링크라는 것이 있다 이번 포스팅에서는 딥링크를 클릭해서 앱에 접근했을 때, 해당 접근을 처리 및 제어하는 간단한 예제를 작성할 것이다 거의 대부분이 네이티브 언어를 수정하는 일이라 약간 이해가 되지 않는 부분도 있다 react-native 개발환경이 구성되어 있다는 전제조건으로 진행할 예정이다 1 IOS 1.1 프로젝트의 ios 폴더 내부 AppDelegate.m 파일 수정 #import - (BOOL)application:(UIApplication *)application openURL:(NSURL *)url options:(NSDictionary *)options { return [R.. [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.. [JAVASCRIPT] 팝업 DIV 창, 다른 영역 클릭해서 닫기 1 2 3 4 5 6 7 8 9 function initMouseClickEvent(){ $(document).mouseup(function(e){ var sch_container = $("DIV명"); if(sch_container.has(e.target).length ===0) sch_container.hide(); }); } Colored by Color Scripter cs mouseup 이벤트를 이용해서, 생성된 DIV 팝업 창의 외부 영역을 클릭했을 때, 해당 DIV 창의 옵션을 변경함으로써 팝업을 숨긴다. 이전 1 2 3 4 다음
