남다른 논리

프로그래밍/jQuery

[jQuery] 제이쿼리 환경설정

제이쿼리는 자바스크립트의 라이브러리 이므로, 별도의 프로그램이 필요치는 않습니다.단, 제이쿼리의 function을 이용하기 위해HTML이 에 제이쿼리를 포함시켜 줘야합니다. jQuery의 위치에 따라,이렇게 넣어줍니다.jQuery는 웹에서 다운받는데, 개발시에는 uncompressed를 사용하는것이 편합니다. 또한 웹의 환경에서 쓰이므로웹 (CDN)에서 불러서 쓸 수 있습니다. 위의 코드는 구글에서 불러다 적용한 것입니다. 이렇게 jQuery를 연결해야만, HTML이 jQuery 코드를 인식합니다. jQuery는 아무 에디터를 사용해도 되지만, 젯브레인의 webStorm 에 연결하는 것은 다른 포스트를 참조하시면 됩니다. jQuery를 WebStorm(웹스톰)에 설정하기

프로그래밍/jQuery

[jquery] 이벤트 핸들링

다음과 같은 이벤트를 실행하려 합니다. 1. 상자안에 마우스 위치 나오게 하기 2. 마우스 클릭시 위치 표시 3. 마우스가 상자 밖에 나갔을때 'mouseleave'라고 표기하기 $("document").ready(function() { $("#example").on("mousemove", onMouseOver); $("#example").on("click", onMouseClick); $("#example").on("mouseleave", onMouseLeave); });example 아이디에 on() 메소드를 실행하라는 것입니다.사용법: $(selector).on(event,childSelector,data,function,map)여기서 event 와 function은 필수 입니다. "mouseove..

프로그래밍/jQuery

[jquery] 컨텐츠 내용 생성 및 수정

이번 내용은 다음과 같습니다.주석 처리한 부분을 하나씩 설명합니다. var newP = $(""); newP.append("Hello There"); $("#example").html(newP); paragraph tag 를 newP 라는 변수로 지정하고 2번째줄 : newP에 append뒤의 태그를 붙입니다.아이디 example에 html 로 newP의 내용을 붙이는 것입니다. $("#creation").prepend("Watch This! ");아이디 creation에 다음 문장을 prepend이므로, 앞쪽에 붙입니다.$("#example").html("This is a new H2");아이디 example에 다음 html문을 html 문으로 붙인다는 것입니다.브라우저를 실행하면 아래와 같습니다.맨아..

프로그래밍/jQuery

[jQuery] 기본기 갖추기 1

jQuery의 기본기능을 설명하고자 한다. 각 라인 뒤의 //(주석) 뒤의 번호라인을 설명을 위한 숫자이다. 0라인 $("document").ready(function() 은 jQuery를 시작하는 문장이다. 이 문장의 아래 적용내용에서 각 라인을 제외하고, 나머지를 주석처리하면 적용내용을 볼 수 있다. 먼저 $(" ") 에서 #을 쓰면 특정 id이고 .(점)을 쓰면 특정 클래스를 지정하는 것이다. $("p").css("border", "3px solid red");은 html의 부분을 전체 3픽셀의 빨간줄로 테둘이 하는 것이다. $(".selectors").css("border", "3px solid red");id 가 셀렉터인 부분의 css를 빨간 테둘이로... $("#intro").css("bord..

프로그래밍/jQuery

jQuery를 WebStorm(웹스톰)에 설정하기

jQuery를 공부하기 시작하면서, 최고의 에디터라고 하는 WebStorm을 쓰려하니 jQuery를 인식하지 못하는 문제가 생겼습니다. (PhpStorm을 써도 됩니다) jQuery 별도의 에디터가 아니다보니, 자동으로 생성되지 않아 jQuery 함수를 그냥 문자로만 인식하는 문제가 생깁니다. 이에 대해 웹스톰의 환경을 설정해야 합니다.(맥 기준으로) 아래처럼 상단 메뉴의 WebStorm > Preferance 메뉴를 엽니다. 처음 열면 위 이미지 처럼 jQuery가 보이지 않습니다. 이제 jQuery를 설정해야 겠죠? 오른쪽의 Add버튼을 누르면, 아래와 같은 창이 뜹니다. 이름을 jQuery라고 정하고,Visibility를 Global로 선택 합니다.(이후의 다른 프로젝트에서도 사용하기 위한것입니다...

프로그래밍/모바일: iOS, Java, Android, Swift

[Android] 라디오 버튼 선택 및 Switch조건문으로 실행법

상단부분 생략하고 라디오 버튼 부분만 적용합니다. radioGroup = (RadioGroup) findViewById(R.id.radioGroup); //레이아웃에서 라디오 버튼은 라디오 그룹안에 만듭니다. radioGroup.clearCheck(); // 체크된 것이 있다면 지웁니다. radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { // 라디오 그룹 리스너 입니다. @Override public void onCheckedChanged(RadioGroup group, @IdRes int checkedId) { radioButton = (RadioButton) group.findViewById(checkedI..

프로그래밍/모바일: iOS, Java, Android, Swift

[Java] 사용자 입력 받는 방법

자바 프로그래밍시 실행창에서 사용자 입력 테스트를 하는 방법입니다. Scanner를 호출하고 [코드] Scanner sc = new Scanner(System.in); // 스캐너를 정의 합니다. System.out.println("Choose number(번호를 선택하세요) - (1~5중에 선택 합니다.) ");int rb = sc.nextInt(); // 여기서 숫자를 입력받고 System.out.println("점수를 입력하세요 : "); // 다음 입력을 요청합니다. 이번것도 int 입니다 point = sc.nextInt(); // int 를 입력받고 sc.close(); // 스캐너 입력을 닫습니다.

프로그래밍/모바일: iOS, Java, Android, Swift

[java] Opengl을 이용한 삼각형, 사각형 만들기

오픈GL을 공부하면서 'Beginning Android Games'라는 Mario Zechner공저의 책을 이용했습니다. 삼각형은 소스에서 크기를 변경했고,사각형은 일부 함수를 바꾸었습니다.그리고, impliment의 소스파일은 책은 소스를 이용했습니다. ( https://github.com/Apress/beg-android-games-2ed.git) 메인화면에 버튼을 만들고 도형 화면 을 링크했습니다. 삼각형import java.nio.ByteBuffer; import java.nio.ByteOrder; import java.nio.FloatBuffer; import javax.microedition.khronos.opengles.GL10; import korea2canada.com.test2_jiwo..