HTML5 Q&A - 최근 질문과 답변

소스 선언한 곳으로 위치추적 가능하나요??

Mon, 26 May 2025 05:35:43 +0000

Good question! In editors like Sublime Text, “go to definition” doesn’t work by default. For that feature, try VS Code—it supports Ctrl+Click for JS methods with the right extensions. Also, staying organized helps a lot—I use Luton Prayer Times to keep my day balanced while coding. Keep it up!

Cmake OpenSSL 크립토라이브러리 추가 급해요!

Sat, 20 Jan 2024 05:49:30 +0000

Cmake 빌드해려는데 해당 오류는 제가 아무리 해도 안 됐습니다.
CMake Error at C:/Program Files/Microsoft Visual Studio/2022/Enterprise/Common7/IDE/CommonExtensions/Microsoft/CMake/CMake/share/cmake-3.27/Modules/FindPackageHandleStandardArgs.cmake:230 (message):
Could NOT find OpenSSL, try to set the path to OpenSSL root folder in the
system variable OPENSSL_ROOT_DIR (missing: OPENSSL_CRYPTO_LIBRARY
OPENSSL_INCLUDE_DIR)C:/Program Files/Microsoft Visual Studio/2022/Enterprise/Common7/IDE/CommonExtensions/Microsoft/CMake/CMake/share/cmake-3.27/Modules/FindPackageHandleStandardArgs.cmake230
이 오류만 잡으면 됩니다. 도와주세요.

Charset 관련 질문입니다.

Thu, 27 Jun 2019 09:27:35 +0000

그냥 회사가 예전부터 써오던 코드들이 EUC-KR에 맞쳐져 있어서 계속 쓴 경우 등이 있지 않을까 합니다.

the impossible quiz

모바일 웹앱을 만드려고 하는데 화면템플릿추천부탁드립니다.

Wed, 16 Jan 2019 06:15:31 +0000

안녕하세요.. 네이티브로 앱을 만드려니 성능은 좋지만 빌드속도라든지 개발속도가 느려서 차라리 html기반으로 컨텐츠를 만들어서 올리려고 합니다. 현재 기획하고 있는것은 한 화면에 우측하단에 고정 버튼이 있어서 그버튼을 눌면 단어장의 단어가 계속 넘어가는 형식의 프로그램을 만드려고 하는데요.. 화면 사이즈에도 절대 스크롤이 생기지 않는 앱이 필요합니다. 혹시 해당 템플릿같은것을 제공하는 사이트나 좋은 예시가 있나요? 아래와 같은 화면을 만드려고 합니다.

두 개의 파일을 동시에 전송하려고 하는데 하나의 박스에 파일명이 적히지 않습니다.

Thu, 19 Jul 2018 22:42:18 +0000

위와 같이 두 개의 파일을 전송하려고 하는데 파일첨부1에서는 파일을 선택해도 창에 파일명이 뜨지 않습니다.

어떻게 해야 하나요?

또 아래 위 버튼 간격을 줄일 수 있나요?

		<div class="clear">
			<form id="fileUpload" action="/dmodeler/upload" method="post"
				enctype="multipart/form-data">

				<div class="file">
					<label for="addfile"><span class="file_name"></span>
						<div class="fileinput-button" type="button">파일첨부</div>
					</label>
				</div>

				<div class="file">
					<label for="addfile1"><span class="file_name1"></span>
						<div class="fileinput-button" type="button">파일첨부1</div>
					</label>
				</div>
				
				<input type="file" name="filedata" id="addfile" class="addfile"
					accept="file_extension" capture="gallery">
				<input type="file" name="filedata1" id="addfile1" class="addfile"
					accept="file_extension" capture="gallery">
				<div class="btns">
					<button type="submit" class="btn blue_btn upload_btn start">전송</button>
				</div>			
			</form>
		</div>

javascript로 체계정보 얻을수 있나요

Wed, 17 Jan 2018 09:09:14 +0000

Very nice post! That's a great website I have visited, thank you for your run 3

자바스크립트 소켓 질문 (send 보내는 과정) + 추가

Fri, 30 Jun 2017 04:38:42 +0000

어쩌면 이 : 192.168.0.1

하나의 페이지 내에 선택한 값을 다른 입력폼에도 자동입력시키기

Fri, 30 Jun 2017 04:36:37 +0000

도 확인할 수 있습이 다른 제안 javascript obfuscator

장바구니에서 선택 삭제 구현하기가...

Fri, 30 Jun 2017 04:29:25 +0000

나도 같은 질문입니다. 어쩌면 이 json formatter

자바 문제 문의드립니다..

Sat, 04 Feb 2017 22:15:46 +0000

http://kldp.org 들러 보셔요.

질문을 구체적으로 하지 않으면, 어디 가도 구체적인 답을 얻기는 어렵습니다.

교재 문제좀 도와주실분 있으신가요?

Tue, 07 Jun 2016 11:24:26 +0000

풀려고 해도 아직 실력 밖에 일이라 부족하고 답지가 있으면 보고 이해 좀 할텐데

도움 좀 부탁 드립니다 !

정답을 가르켜주시면 보고 이해하기 편하겠지만 어느정도 어떻게 할지 감만 잡아주셔도 감사하겠습니다!

-문제-

한 자리의 12진수를 시(hour)로 입력받아서 그 시간대에서 시침과 분침이 직각(90도)을 이루는 시각을 구하고,
시와 분에 해당하는 수가 서로소인지 판단하는 프로그램을 작성하시오.
단, 12진수는 0,1,2,3,4,5,6,7,8,9,A,B 로 구성되며, 시각을 나타낼 때 분은 소수 첫째 자리에서 반올림하여 표현한다.
또한 지각을 이루는 시각을 구하는 것과 서로소를 판단하는 것은 독립적인 함수로 구현하시오.
범위를 벗어난 입력의 경우는 "input error!"를 출력하고 'Q" 또는 "q"가 입력되면 프로그램을 종료한다.

<입력과 출력의 예>
12진수(0~B)를 입력하시오 : B
10진수: 11시 11분
11과 11은 서로소가 아니다

12진수(0~B)를 입력하시오 : O
10진수: 12시 49분
12과 49은 서로소 이다.

자바 입문자 인데 자바스크립트 실습예제를 푸는데 접근을못하겠어서 질문드려요

Sun, 29 May 2016 11:50:20 +0000

학생 세명의 3가지(국,영,수) 성적의 총점과 평균을 구하는건데요

1. 각과목의 점수는 50에서80점사이로 랜덤하게 생성하는거고

2. 생성한 데이터는 평균을 기준으로 내림차순으로 정렬되어 웹브라우저에 출력하면 됩니다.

다시말해서 학생 성적을 객체로 만들어서 그 객체로 총점과 평균을 구하는건데 어떻게 손대야 할 지 전혀 모르겠습니다

도와주세요 정말 사랑합니다 ㅜ

iframe에서 onmouseout 을 했을 때 마우스를 스크롤에 가져가도 이벤트가 발생합니다.

Mon, 16 May 2016 06:51:07 +0000

메뉴버튼을 클릭했을경우 메뉴(iframe)가 나오고 마우스가 빠질경우 메뉴가 닫힙니다.

IE 8에서는 마우스포인트가 스크롤까지 가도 이벤트가 발생하지 않았는데 IE 11로 업그레이드 하니 그렇네요..

<IFRAME name="menuGroup" marginheight="0" marginwidth="0" frameborder="1" allowTransparency="true" style="visibility:hidden; position:absolute; width:194; height:<%=menuGroupSize%>; left:20; top:122;" src="menugroup.jsp" onmouseout="closeMenuGroup();"></IFRAME>

onmouseleave를 하면 되려나 해서 해봐도 안되네요..
마우스가 스크롤에서도 onmouseout이 발생 안하게하려면 어떻게 해야할까요??
도움의 손길 부탁드립니다.

안드로이드 <-> JSP 연동

Sun, 08 May 2016 14:51:59 +0000

계속 null point뜨는데 if ~ else if 문에서 뭔가 문제가있는건가요?

웹 디자인할때 확대/축소 시 디자인 안깨지게 하는방법 노하우 있나요??

Fri, 06 May 2016 16:26:21 +0000

대학생인데 웹개발 공부중에 여태 확대, 축소 시 화면 깨지는 거에 상관없이 했는데

이제 알아야할거 같아서요

div를 최대한 활용해서 화면을 채우는데 ctrl+마우스 스크롤 해서 확대나 축소하면

제멋대로 다 튀어나가고 깨져요

그리고 노트북이랑 모니터 하나 더해서 더블모니터 사용 중인데 노트북에서 원하는 데로 div 크기 맞춰서 만든 후 노트북보다 화면이 큰 모니터에서 실행시키면 div간에 간격이나 이런게 벌어지고 이상하게 되더라고요

결론은 웹 디자인할 때 모니터 크기에 상관없고 확대, 축소 시 화면 깨지지 않고 div간에 간격 벌어지거나 이런거 없이 하려면 어떻게 하나요?

추가로 div에 스타일에 width, height를 일정 숫자를 줘서 쓸때도 있고 퍼센트로 줘서 쓸때도 있는데

어떨때 숫자를 주고 어떨때 퍼센트로 주는지 설명도 좀 부탁드릴게요

제발 부탁합니다. 죄송하지만 이거 좀 Div로 코딩해 주실 분 계신가요? 해도 해도 안되서...

Wed, 18 Nov 2015 08:54:41 +0000

iframe src파일크기만큼 높이가 커지도록 부분질문요 ㅠ

Fri, 11 Sep 2015 02:01:17 +0000

function Resize_Frame("ifrm")

{

var Frame_Body = document.frames(bifrm).document.body;

var Frame_name = document.all(ifrm);

Frame_name.style.width

= Frame_Body.scrollWidth + (Frame_Body.offsetWidth-Frame_Body.clientWidth);

Frame_name.style.height

= Frame_Body.scrollHeight + (Frame_Body.offsetHeight-Frame_Body.clientHeight);

if (Frame_name.style.height == "0px" || Frame_name.style.width == "0px")

{

Frame_name.style.width = "700px"; //기본 iframe 너비

Frame_name.style.height = "300px"; //기본 iframe 높이

window.status = 'iframe resizing fail.';

}

else

{

window.status = '';

}

</script>

</head>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</tr>

</table>

</map>

</body>

</html>

대게 쓸데없는건 지우고요 중요부분만 가지고왔습니다.

실행하게되면 iframe 의 길이가 늘어나지않고 거의 height=100 정도로만 늘어나거나 아니면

<td>의 크기만큼만 iframe이 보여지는데요 더 늘어나게 안되나요?

또 예제소스들을 보면 iframe 안에서 onLoad를 하게되는데 저는 메뉴가 안나와요.. onLoad하고싶어도

컨틀로스페이스로 확인해도 없어요.. 도와주세요 ㅠ

html5

-> 리스트에서 선택한 값부터 보이게하는법

Mon, 31 Aug 2015 09:57:23 +0000

반드시 라디오버튼 목록을 죽 보여주어야 하는 상황인가요? 안드로이드의 어떤 뷰와 비교하시는지 정확히 모르겠네요. setSelection을 이야기하시는 것을 보면 Spinner나 ListView를 말씀하시는것 같긴한데요.

HTML에서 Spinner와 가까운 것은 Dropdown List를 사용하려면 <select> 태그를 이용하는 방법이 있습니다.

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

Dropdown List를 input radio로 구현한 UI Component들도 있긴하구요.

http://behigh.github.io/bootstrap_dropdowns_enhancement/#inputs-usage

returnUrl= 에 대해

Mon, 31 Aug 2015 09:35:53 +0000

URL(url)속에 또다시 URL(returnUrl)이 들어가 있는 문제입니다. &가 returnUrl에 해당하는 것으로 처리되는게 아니라 전체 url의 &로 인식해버려서 발생하는 문제입니다.

returnUrl에 해당하는 부분을 encoding해야합니다. 저 URL을 만들어내는 개발환경이 JavaScript라면 returnUrl을 encodeURIComponent를 사용하셔서 변환하시면 됩니다. encodeURIComponent 사용과 관련해서는 아래 링크 참조하세요.

http://www.w3schools.com/jsref/jsref_encodeURIComponent.asp

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent

실내지도 구현 앱을 위한 실내지도 제작 방법

Fri, 03 Jul 2015 09:59:20 +0000

아이비콘을 이용해서 실내 위치 확인을 할 수 있는 앱을 만들건데요

예시로 우리집 공간을 예시로 해서 만들어보고자 합니다

먼저 실내지도가 구현되어 있어야 비콘 좌표 값 등을 등록할 수 있을 거 같은데요

실내 지도를 제작할 수 있는 툴이나 방법이 있을까요??

오라클 DB에서 가져온 값 변수에 넣었는데 그 변수 눌렀을때 하이퍼링크 연결..

Tue, 09 Jun 2015 05:09:57 +0000

오라클 DB 테이블에서 가져온 값을 linkk라는 변수에 대입했는데

이 변수값 클릭했을때 하이퍼링크 연결 어떤식으로 해야하나요??ㅠㅠ

참고 소스입니다..

while (rs.next()) {

String namee = rs.getString("name");

String authorr = rs.getString("author");

String publisherr = rs.getString("publisher");

String yearr = rs.getString("year");

String linkk = rs.getString("link"); // linkk 값 클릭했을때 지정한 url 사이트로 이동되게 하고싶습니다

out.println("<br> 도서명 : " + namee + "<br>" + " 저자 : " + authorr + "<br>" +

"출판사 : " + publisherr + "<br>" + "발행연도 : " + yearr + "<br>" + "사이트 : " + linkk + "<br>");

}

} finally {

}

버튼을 누르면 이미지가 추가되고 5개가 되면 줄이 바뀌어서 이미지가 나오게 하고싶습니다.

Wed, 20 May 2015 07:52:30 +0000

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src = "http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>

<body>

<div id="container">
</div>
<p> prepend를 사용하여 사진을 순환합니다. </p>
<button id ="append"   title="append">append</button>
<script> 
i=0;
     $("#append").click(function(e) {
   i++;
   if(i<6){
        $("div#container").append( fetchImg() )
   }else{
    //document.write();
   i=1;
   }
  
    });

  
   function fetchImg(){    
                            var n = Math.ceil( Math.random()*3 );   
                           var imgPath  = "<img src='img/pic" + n +".gif' width='100' height='100' />"; 
   
    return imgPath ; 
   }
  
  </script>


</body>
</html>

(주석처리한부분을 봐주시면 됩니다!)

중요한건 그 줄을 바꾸는 방법을 모르겠습니다..

document.write("<br>"); 을 넣으면 아예 뜨질 않는데

애초에 구상자체를 잘못한걸까요?

만약 줄을 바꾸는 태그가 있다면 알려주셨으면 합니다.

ㅇ아예 잘못된것이라면 잘못됐다고만 말해주셨으면 해요! 혼자 해보려구요 ㅠㅠ

웹에서 모바일 네이티브 코드 호출하는 방법 알려주세요

Thu, 12 Feb 2015 08:15:49 +0000

안드로이드에서는 WebView의 addJavascriptInterface 를 사용하면 됩니다. 아래 예제 참고하시구요. 더 자세한것은 http://developer.android.com/guide/webapps/webview.html 를 참고하시면 됩니다.

 class JsObject {
    @JavascriptInterface
    public String toString() { return "injectedObject"; }
 }
 webView.addJavascriptInterface(new JsObject(), "injectedObject");
 webView.loadData("", "text/html", null);
 webView.loadUrl("javascript:alert(injectedObject.toString())");

위 예제를 보시면 addJavascriptInterface는 Java의 네이티브코드를 웹코드에서 호출할수 있게 해주고. Java에서 Javascript를 호출할때는 loadUrl을 사용하는 것을 보실수 있습니다.

근데 API19에서는 Java에서 JavaScript를 접근하는 것에 evaluateJavascript 라는 녀석도 생겼네요. 참고하세요.

HTML5 벽돌깨기 게임 질문이요. 흠....ㅠㅠ

Fri, 23 Jan 2015 17:15:21 +0000

음 원본소스를 봐야알겠지만 크롬브라우져 설치하셔서 매 프레임화면에 디버깅걸거나 모든 전역 변수 찍어보면서 노가다로 확인해보시는 수밖에 없겟는데요. . . 개인적으로 진지하게 하실것이라면 원본 제작자 의도대로 따라가지 마시고 힌트만 얻으시고 처음부터 구현해 보시는게 더 좋을듯 싶은데요 ㅋ

ASP 와 데이터베이스 질문입니다

Thu, 08 Jan 2015 07:50:05 +0000

제가 지금 학교 홈페이지(ASP로 만들어짐) 관리하는 아르바이트를 하고있는데

드림위버로 asp코드가 짜여져 있는데

제 컴퓨터에서 테스트서버를 만들어서 여기서 소스 수정하면서 하려니까

제컴퓨터에 DB가 없어서 소스가 일부분이 홈페이지에 안보여서

네트워크서버에 있는 DB를 제컴퓨터로 참조해서 쓰거나

복사 같은것을 하고싶은데 따로 하는 방법좀 알려주시면 좋겠습니다

Node.js async mysql 질문입니다.

Mon, 05 Jan 2015 02:12:57 +0000

혹시 Node.js 와 async 로 개발하시는분 계신가요?

네트워크에서 배열 데이터를 가져온 후 배열 크기만큼 루프돌려서 해당 아이템이 DB에 있는지 검사 후 있으면 UPDATE하고 없으면 INSERT하려 합니다.

그래서 아래 구조로 작성했는데 SELECT 부분이 안먹히네요.

async를 사용 안하고 동기식 루프문 쓰면 잘 되는데 비동기식으로 구현하려니 힘드네요.

async.each(result.rss.channel, function(channel, callback) {

async.each(channel.item, function(item, callback) {

// -> 이 부분 까지는 정상적으로 실행되는데

connection.query('SELECT * FROM 테이블', function(err, results)) {

// -> 이 부분은 아무 에러도 없이 실행이 안되고 넘어가네요.

}

callback();

}, function(err) {

}

callback();

}, function(err) {

}

자바스크립트 질문입니다.(confirm,settimeout,div팝업 관련)

Thu, 11 Dec 2014 04:28:31 +0000

Javascript로 직접 기능을 작성할 경우 confirm과 같이 실행을 중단시킨후 return값을 활용하실수는 없습니다.

그렇다면 Promise를 사용해서 처리하는 방법이 있겠구요.(JQuery를 사용하신다면 deferred같은 것을사용하면 되겠죠)

아니면 callback함수를 넘겨주어 클릭시 실행되게 하는 방법이 있을것 같습니다.

html5 radion 타입에서 함수 실행하는법 질문이요!

Fri, 28 Nov 2014 18:16:41 +0000

function change()
{
  
  var value = document.getElementById("fill").value;
  
  value = 1;
  
}

<p>Fill <input type="radio" name="check"  id="fill" value="0" > </p>

위에 change라는 함수가 Fill에 check되었을때 실행되게 하고싶은데 어떤 방법으로 해야하나요 ㅜㅜ 저는 onClick을 생각했는데 onClick은 button에만 쓰더라고요 ... 도와주세요

css 캔버스 이동과 회전시 멈춤

Wed, 26 Nov 2014 02:05:06 +0000

디버깅 중에 하나 알아낸것은 위 코드는 반복적으로 실행되는데

회전부분에서 xPos, yPos 값이 이전과 같으면 동작을 안하는것 같습니다.

동작하도록 하는 방법이 있을까요?

jQuery Mobile의 listview 내에서 하이라이트(강조) 부분 관련 질문입니다.

Tue, 18 Nov 2014 04:35:20 +0000

HTML5에 질문을 해보는게 좋을 것 같다는 답글을 받아 여기에 질문을 해봅니다.

음.. 정확히는 전자정부 표준 프레임워크 모바일 내에 제공하는 jQuery Mobile 플러그인을 써보고 있습니다.

이걸 이용해서 DB를 연동해 문자열 데이터를 담아보고 검색 기능을 넣은 뒤 검색어를 강조하는 처리를 해봤습니다.

적용 방법은 문자열을 받아오면 그 안의 검색어 부분을 replace 함수를 이용하여

h태그에 클래스로 묶어주고, 해당 부분을 css로 강조하게 하였습니다.

jQuery Mobile의 listview 특성 상 문자열 길이가 너무 길면 ...으로 생략하게 되어 있지요.

물론 이 부분은 가져와서 수정할 수 있지만 아무튼 이렇게 ...으로 생략이 되더라도

원래 그 검색어에 해당하는 문자열의 위치에 강조가 되더군요. 예시를 보여드리자면..

이렇게 되더랍니다. 이 강조되는 부분에서 생략되는 부분은 잘라내고 싶은데

어떻게 하면 될까요?

안드로이드 웹앱을 개발하고싶은 초보개발자입니다.

Thu, 25 Sep 2014 05:19:52 +0000

폽갭이나 센차를 통해 위에 생각하시는대로 구현가능합니다.

단, 폰갭은 화면 딜레이나 안정성 등에서 좀 떨어져

센차를 공부하시는게 더 좋을 겁니다.

채용도 센차 부분이 더 많은게 현실이고요~

하지만 제 개인적인 생각으로는

안드로이드나, IOS(Swift), CPP(타이젠)와 같은 네이티브 개발이 훨씬 좋을 것 같습니다.

각 플랫폼을 별도로 빌드하기는 힘들어도 완성도나 품질 측면에서는 월등하니깐요...

html5 이클립스 게임개발, cocoonjs, 사운드, 해상도

Tue, 19 Aug 2014 19:48:14 +0000

안녕하세요 현재 아마추어로 게임개발을 하고있는 학생입니다.

다른게 아니라 지금 이클립스를 이용해서 html5 게임을 만들고 있는데요

보니까 폰갭과 cordova를 이용한 게임제작에서는 html5 프레임이 너무 떨어져서 구동테스트나 호환이 좋지 않네요

그래서 여러가지로 알아보니까 cocoonjs가 html5와 호환도 좋고 프레임향상이 좋아서

cocoonjs로 컴파일을 하려고 하는데 이클립스와 cocoonjs가 플러그인 형태로 호환이 될까요?

또 사운드출력이 웹에서는 잘되고 구동할때는 안되는데 어떡해야 하나요?

질문입니다

1. 이클립스에서 export할때 cocoonjs의 압축파일로 export가 가능한지 궁금합니다.

2. html5의 게임을 크롬에서 실행할때는 사운드가 출력되는데 폰으로 가면(앱으로 만들거나 에뮬레이터 실행)사운드출력이 안됩니다. 경로문제인걸까요?

3. 기기별 해상도를 조절할 때 dpi조절말고, 게임데모버전을 뜯어보니 반응형 웹 디자인같이 기기사이즈에 알아서 맞출 수 있는 방법도 있더라구요, 캔버스에서 반응형으로 해상도 자동조절하는 방법은 어떤게 있나요?

아무리 찾아보고 파고 또 파도 이 세가지에서 막혀버립니다.ㅠㅠ 고수님들 세가지중 하나라도 알려주시어 저에게 광명의 빛을 내려주세요.ㅠㅠ

스크롤 질문입니다. 카스나 페이스북에서 쓰는 스크롤?

Tue, 22 Jul 2014 06:55:36 +0000

카카오스토리나 페이스북 웹페이지를 말씀하시는거죠? 웹페이지를 말씀하시는 거라면 당연히 자바스크립트로 처리하는 것이구요. 관련된 자바스크립트 코드를 찾아보시려면 무한스크롤을 살펴보시면 될것 같네요.

svn 오류 질문입니다.

Fri, 04 Jul 2014 10:48:55 +0000

Checkout operation for 'http://ubmobile.googlecode.com/svn/trunk/Dreams' failed.

svn: Cannot create new file 'D:\UBCNS\Android\

Dreams

\.svn\lock': 파일 이름, 디렉터리 이름 또는 볼륨 레이블 구문이 잘못되었습니다

어떻게 해결해야하는지 조언좀 부탁합니다.

div 분리하는 방법좀알려주세요(이미지가 겹쳐서뜹니다..ㅜ)

Wed, 14 May 2014 07:29:48 +0000

whith item을 div로 감싸서 position 속성이나 float속성을 이용하며 되지 않을까요?

익스플로러 버전이 10이하면 적용이안됩니다.

Fri, 02 May 2014 05:42:27 +0000

   <h1><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"

  width="192px" height="55px">

    <param name="movie" value="/images/common/title_logo.swf">

    <PARAM NAME="wmode" VALUE="transparent">

    <embed src="/images/common/title_logo.swf" quality="high" wmode="transparent" pluginspage="http://get.adobe.com/flashplayer/"

       type="application/x-shockwave-flash" width="192" height="55" style="padding-top:6px;">

    </embed>

</object>
<a href="javascript:test();">
<div style="position:absolute;top:45px;z-index:1;width:192px;height:55px;"> 
</div>
</a>

이 소스인데 11에서는 플래시부분 위에 a태그가 위치해서 플래시부분을 누르면 a태그가 작동합니다.

그런데 10이하버전에서는 플래시부분이 a태그위로올라가서 a태그전체를 가려버리는데 왜이러나요

폰갭을 이용해 하이브리드 어플을 만들고, 마켓등록 방법?

Wed, 19 Mar 2014 14:32:37 +0000

폰갭도 html & javascript 혼합된 웹 UI 프레임워크의 일종입니다.

그냥 html웹이든 폰갭이든 iOS에서도 Xcode로 커스터마이징하여 빌드하여야 합니다.

그냥 맥과 Objective-C 자체를 기초부터 건드셔야 할 것 같구요.

아이폰 단말에 테스트하실려면 결국 맥 장비를 구매하셔야 하고, 최소 아이폰5정도의 테스트단말도 준비하셔야 하며매년 개발자 등록($99)절차를 진행하셔야 앱을 등록하실 수 있고 1년뒤에도 재결제하셔야 앱스토어에 앱이 유지가 됩니다.

좋은 답변이 되셨으면 좋겠네요.

html5 드래그 앤 드롭, 드롭 영역 지정 질문..

Mon, 10 Mar 2014 11:43:21 +0000

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.custom.js"></script>
<style type="text/css">
/*드롭 영역 정의*/
#boxA{
float:left; width:653px; height:373px; padding:10px; margin:205px 25px 25px 25px;
}

#boxA{background-color: skyblue;}

div.draggable {
 float: left;
 width: 100px;
 height: 100px;
 margin : 330px 0px 0px 0px;
 padding: 6px 0px 0px 10px;
 background: url(images/post.png) no-repeat;
}

div.invert {
 background:url(images/post2.png) no-repeat;
}

p {
 font-size: 12px;
 padding : 0px 25px
}
</style>
<script type="text/javascript">
$(function(){
//   클래스가 draggable인 요소에 드래그 기본 함수를 적용한다.
 $(".draggable").draggable({
//   cursor옵션은 드래그 하는 동안 마우스 포인터의 모양을 변화시킴
  cursor: "move",
//   stack옵션은 드래그 대상이 되는 요소들을 자동으로 깊이 설정을 해줌
//   드래그 되는 요소가 가장 위에 올라온다
  stack: ".draggable",
//   드래그 하는 동안 불투명도는 0.7
  opacity: 0.7
 });
 
//   dragtest이벤트는 드래그가 시작하면 발생
  $(".draggable").bind("dragstart",function(event, ui){
//    invert 클래스가 적용되어 배경 이미지가 변경됨
   $(this).addClass("invert");
  });
  
//   dragstop이벤트는 드래그가 멈추면 발생
  $(".draggable").bind("dragstop", function(event, ui){
//    invert 클래스가 제거되어 원래 배경이미지로 돌아감
   $(this).removeClass("invert");
  });
});



</script>
</head>
<body>
 <table style="position:absolute; top:60px; left:500px"  width='300' height='100'>
  <tr bgcolor='#D2EAF0' align='center'>
  <th width='300'> <span style="font-family:맑은 고딕; font-size:30px;"> 매장 맵 그리기 </span></th>
  </tr>
 </table>
 <table style="position:absolute; top:170px; left:30px"  width='90' height='40' border='2' bordercolor='black'>
  <tr bgcolor='#CCFF33' align='center'>
  <th width='300'> <span style="font-family:맑은 고딕; font-size:15px;"> &nbsp;&nbsp;1층&nbsp;&nbsp; </span></th>
  </tr>
 </table>
 <table style="position:absolute; top:210px; left:30px"  width='680' height='400' border='2' bordercolor='black'>
  <div id="boxA" ondragenter="return false;" ondragover="return true;"></div>
 </table>
 <table style="position:absolute; top:280px; left:730px"  width='100' height='50'>
 <tr bgcolor='#D2EAF0' align='center'>
 <th width='300'> <span style="font-family:맑은 고딕; font-size:12px;"> 위치 지정 </span></th>
 </tr>
 </table>
 <div class="draggable">
  <p>&nbsp;입구</p>
 </div>
 <div class="draggable">
  <p>카운터</p>
 </div>
 <div class="draggable">
  <p>&nbsp;계단</p>
 </div> 
 <div class="draggable">
  <p>탈의실</p>
 </div>
 
</body>
</html>

현재 파란색 네모, 즉 입구 카운터 계단 탈의실을 왼쪽 하늘색 구역에만 드롭 가능하게 하고 싶은데 제가 코드를 수정하면

하늘색 공간 말고도 전체공간에 드롭이 될 수 있다거나, 아예 드래그가 안되게 되버린다거나 그렇게 됩니다..

하늘색 공간에만 저 파란색 네모들을 옮길 수 있게 가르쳐주세요~

이클립스에서 HTML5가 안되는 경우?

Thu, 27 Feb 2014 07:46:29 +0000

aptana studio3 도 html5 지원합니다~

html5 공부하는 법?

Mon, 27 Jan 2014 22:50:05 +0000

html5 앱을 만드려면 html5 + css3 + javascript 를 모두 알아야 합니다. 국내에 출판된 서적중에 제가 읽어본 것은 따로 없어 콕 찝어서 말씀드릴수는 없구요. html5 + css3 에 대해서만 쓰여진 책들을 보면 레퍼런스 수준으로 방대하게 들어있는 것들이 많더라구요. css3에 추가된 새로운 기능들을 상세히 설명하고 하는데 처음부터 html과 css를 제대로 해야지하면서 그런 책들로 시작하시면 자바스크립트 프로그래밍 들어가기도 전에 압도될수 있을것 가아요. 처음 앱 개발을 위한 것이라면 HTML과 CSS에 대해서는 핵심 부분만 집고 넘어가고 실제 JavaScript로 코딩으로 넘어가서 실제 코딩을 해보면서 3가지 개념을 잡을수 있도록 구성된 책을 보시는게 좋을듯 합니다.

초보적인 질문입니다..

Mon, 27 Jan 2014 22:35:31 +0000

페이스북은 iframe안에서 정상적으로 표시 되지 않습니다. 의도적인지 아닌지 모르나 JavaScript코드로 iframe에서 표시되는 것을 막을수 있고, 페이스북이 정책적으로 iframe에서 표시되지 않게 하는게 아닌가 합니다.

자바스크립트 캔버스 배경 질문요

Mon, 28 Oct 2013 04:42:25 +0000

위 코드에서 딱 보이는 문제는 grass_image=new image(); 라인이네요. image가 아니라 Image가 되어야겠죠? 일반적으로 constructor function은 대문자로 시작합니다. new 다음에 소문자로 시작하고 있다면 일단 의심을 하셔야 합니다.

타이젠 웹앱에서 Email 보내는 방법이 궁금합니다.

Mon, 02 Sep 2013 08:11:05 +0000

앱콘트롤 관련 API를 사용하여 처라히사면 됩니다. (tizen.ApplicationControl과 tizen.application.launchAppControl)

먼저 config.xml에 "http://tizen.org/privilege/application.launch" privilege를 추가하시구요.

자바스크립트 코드에서 아래와 같이 해보세요

   	var appControl = new tizen.ApplicationControl(
    		     "http://tizen.org/appcontrol/operation/send",
    		     "mailto:",
    		     null,
    		     null, 
    		     [new tizen.ApplicationControlData("http://tizen.org/appcontrol/data/subject", ['Subject!']),
    		      new tizen.ApplicationControlData("http://tizen.org/appcontrol/data/text", ['Body!'])]);

    		 tizen.application.launchAppControl(
    		     appControl,
    		     null,
    		     function() {console.log("succeed"); },
    		     function(e) {console.log("failed : " + e.message); });

AppControl에 전달할수 있는 데이터들에 관한 것들은 각각 Email AppControl 로 검색하시면 native app 쪽 레퍼런스에 정리되어있습니다.

스마트티비 개발 관련 xml파싱 문제 입니다.

Fri, 19 Jul 2013 14:16:25 +0000

크로스 도메인이 아니라고 하면 JSON이던 XML이던 상관없습니다. 하지만 크로스 도메인아라면 기본적으로 서버의 데이터를 가져오기 위해서 사용하는 XmlHttpRequest로의 요청이 가능하지 않습니다. 즉 JSON이던 XML이던 다 안됩니다. 그래서 크로스 도메인을 우회하기 위해 JSONP( http://en.wikipedia.org/wiki/JSONP )라는 기술을 사용합니다.

JSONP를 사용하게 되면 서버에서 데이터를 되돌려줄때 단순한 JSON데이터 자체가 아니라 JavaScript코드를 가져오게 됩니다. 예를 들어 {text:'abcd', number:1234}가 아니라 callback 함수를 쿼리로 받아 JSONP포맷에 맞춰서 되돌려주죠. callback({text:'abcd', number:1234}); JSONP는 많이 사용하기 때문에 jQuery라이브러리등에 다 구현이 되어있습니다. 쉽게 쓸수 있죠.

1. XML을 반드시 사용해야 한다면 XML을 JSON안으로 포함시키는 방법도 있을수 있습니다. 물론 그 경우에 escape를 잘해야할거구요 예를 들어 callback({xml:'<xml></xml>'}); 이런식으로 할수는 있죠. 어쨌든 서버에서 나오는 결과물을 고쳐야하고 클라이언트에서 어떻게 처리할지 약속을 잘잡아야겠죠.

2. 만약 서버를 전혀 건드릴수 없고 생성되는 XML문서를 고칠수 없다면! 크로스 도메인을 해결하는 방식으로 가셔야합니다. 그럴려면 현재 도메인의 서버에서 프록시로 처리해야겠죠. 프록시 방식중에 외국의 게시물들을 보면 YQL을 이용하는 경우도 있습니다만 굳이 또 다른 외국의 서버를 공유하는 것이니 국내에서는 해결책으로 쓰기 뭐하죠.

Javascript prototype의 constructor property가 제대로 설정안되면 어떤 영향을 끼치나요?

Fri, 28 Jun 2013 09:26:32 +0000

constructor 프로퍼티를 변경하는 것은 대부분의 경우 실제 내부적으로 아무런 영향을 끼치지 않습니다.

하지만 만약 실제 코드내에서 constructor 프로퍼티를 활용한다면 문제가 생길수 있겠죠. 예를 들어 정확하게 어떤 오브젝트가 어떤 생성자로 만들어졌는지 알아내야 하는 코드가 들어간다면 위의 경우 new Foo()로 만들어졌지만 constructor값을 설정하지 않았으므로 어떤 함수로 객체가 생성되었는지 obj.constructor로는 알아낼 수가 없겠죠.

자바스크립트에서는 모든 객체가 constructor를 가지고 있다고 가정할 수 없습니다. prototype를 정의하는데 있어서 constructor를 생략하는 경우가 많기 때문에 constructor는 가급적 활용하지 않고 신경쓰지 않는게 좋습니다.

그러니 constructor를 따로 처리해서 쓰지 않는다고 하면 굳이 prototype을 객체 리터럴로 정의할때 일부러 constructor값을 넣어줄 필요도 없겠죠.

AngularJS는 module선언은 여러 파일에서 정의 할 수 있나요?

Tue, 25 Jun 2013 11:03:44 +0000

angular.module을 여러번 정의하는 것은 큰 문제가 없습니다만 디펜던시가 어떻게 설정되는지는 알고 계셔야 합니다.

http://docs.angularjs.org/api/angular.module

name – {!string} –
The name of the module to create or retrieve.

requires(optional) – {Array.<string>=} –
If specified then new module is being created. If unspecified then the the module is being retrieved for further configuration.

에서 두번째 파라미터 requires에 인자가 전달되면 새로운 모듈이 생성되고, 만약 두번째 인자가 전달되지 않으면 기존에 생성된 모듈을 반환합니다. 즉 디펜던시는 단 한번 처음 정의할때 잘 넣어주셔야하고 그 다음부터는 name만 전달해서 받아와서 사용합니다.

그래서 가장 먼저 로딩되는 app.js 에 모든 모듈을 정의하고

angular.module('myApp', ['myDep']);

angular.module('myDep');

각 conroller, service등의 파일에서는 정의된 모듈을 불러와서 사용합니다.

angular.module('myDep').controller('MyCtrl', function () {

});

AngularJS에서 양방향 데이터 바인딩은 어떻게 구현되나요?

Mon, 24 Jun 2013 13:10:01 +0000

모델이 바뀌었을때 뷰로 반영되는 원리는 간단합니다. AngularJS는 모델에서 값이 바뀌었는지를 알아내기 위해서 값을 기억하고 있습니다. 이전 값과 새로운 값을 비교하고 만약 바뀌었다면 변경 이벤트를 발생시키는 것입니다. 이런 더티 체킹을 $scope의 $digest 메서드가 구현 하고 있습니다. $digest 는 외부 모듈에서 변경을 반영하기 위해 $apply를 호출할때 내부적으로 호출하는 함수이기도 하죠. ( http://docs.angularjs.org/api/ng.$rootScope.Scope ) $watch 메서드로 리스너를 설정해넣을수 있습니다. 이 $appy는 AngularJS의 라이프사이클 상에서 자동으로 수행되기 때문에 JQuery UI 같은 외부 모듈의 Event처리등에서만 직접 호출하지 AngularJS상에서는 직접 호출할 필요가 없습니다.

이런 더티 체킹은 리스너 설정 방식의 프로그래밍과 비교될수 있는데 그 간단함음 매우 맘에 들지만 성능이 안좋을 수 있을것 같다는 우려를 하게됩니다. 성능은 대부분의 구형 PC에서도 크게 문제 없이 돌아가기 때문에 얻을수 있는 장점에 비해 별로 문제가 안된다는 입장입니다. 자세한 비교는 ( http://stackoverflow.com/questions/9682092/databinding-in-angularjs ) 에서 확인하실수 있습니다.

Eclipse 실행시 Failed to load the JNI shared library "...../jvm.dll" 오류가 뜹니다.

Thu, 20 Jun 2013 07:01:16 +0000

설치된 JDK와 이클립스가 서로 안맞아서 생기는 문제입니다.

JDK가 32bit(x86) 버전일 경우 이클립스도 32bit버전으로 다운로드 받으셔서 설치해서 실행해보시기 바랍니다. JDK가 64bit(x64) 버전일 경우 이클립스도 64bit버전으로 실행하실수 있을것이구요.

마스터Q&A에서 소스 코드를 질문이나 답변 글에 넣는 방법?

Mon, 13 May 2013 08:42:26 +0000

1. 에디터 메뉴 아이콘 중에 Code라고 써져있는 아이콘을 클릭합니다.

2. 생성된 다이얼로그에서 삽입하고자 하는 소스 코드의 언어를 선택합니다.

3. 소스 코드를 에디터에 붙여넣거나 직접 작성하고 '예' 버튼을 누르면 소스가 글에 들어가고. 나중에 글을 읽을때 자동으로 구문이 하이라이트되는 효과가 적용됩니다.

마스터Q&A에서 읽은 답변이 도움되었을때 채택하고 추천하기

Mon, 13 May 2013 08:40:37 +0000

추천과 채택은 마스터Q&A에서 답변을 달아주는 회원들에게 힘이 됩니다. 해당 답변이 도움이 되었다면 보답으로 가볍게 추천과 채택을 눌러주세요.

추천하기 : 코드 마스터에서 읽은 답변이 나에게 도움이 되었다면 해당 답변을 추천할 수 있습니다. 추천은 질문 작성자뿐만 아니라 다른 회원에 의해서도 이루어질수 있으며 여러 답변중 더 좋은 답변을 가려내는데 도움이 됩니다. 답변 뿐만이 아니라 좋은 질문이라고 생각하신다면 질문도 추천 하실수 있습니다.

방법 : 답변의 왼쪽위에 위로 향한 화살표를 누르면 해당 답변이 추천됩니다.

채택하기 : 질문을 한 사람의 경우 자신이 한 질문에 해당하는 정확한 답변이 달렸고 문제를 해결하였다면 해당 답변을 채택할 수 있습니다.

방법 : 답변의 왼쪽위에 체크표시를 누르면 해당 답변이 채택됩니다.

채택된 모습

비추천하기 : 해당 답변이 문제 해결에 도움이 되지 않고 오히려 다른 문제를 만들어낼수 있다고 하면 해당 답변을 비추천 합니다. 비추천된 답변에는 왜 비추천했는지 댓글을 달아주는 것도 좋은 습관입니다.

방법 : 답변의 왼쪽위에 아래로 향한 화살표를 누르면 해당 답변이 비추천됩니다.

HTML5 Q&A - 최근 질문과 답변

소스 선언한 곳으로 위치추적 가능하나요??

Cmake OpenSSL 크립토라이브러리 추가 급해요!

Charset 관련 질문입니다.

모바일 웹앱을 만드려고 하는데 화면템플릿추천부탁드립니다.

두 개의 파일을 동시에 전송하려고 하는데 하나의 박스에 파일명이 적히지 않습니다.

javascript로 체계정보 얻을수 있나요

자바스크립트 소켓 질문 (send 보내는 과정) + 추가

하나의 페이지 내에 선택한 값을 다른 입력폼에도 자동입력시키기

장바구니에서 선택 삭제 구현하기가...

자바 문제 문의드립니다..

교재 문제좀 도와주실분 있으신가요?

자바 입문자 인데 자바스크립트 실습예제를 푸는데 접근을못하겠어서 질문드려요

iframe에서 onmouseout 을 했을 때 마우스를 스크롤에 가져가도 이벤트가 발생합니다.

안드로이드 <-> JSP 연동

웹 디자인할때 확대/축소 시 디자인 안깨지게 하는방법 노하우 있나요??

제발 부탁합니다. 죄송하지만 이거 좀 Div로 코딩해 주실 분 계신가요? 해도 해도 안되서...

iframe src파일크기만큼 높이가 커지도록 부분질문요 ㅠ

html5 -> 리스트에서 선택한 값부터 보이게하는법

returnUrl= 에 대해

실내지도 구현 앱을 위한 실내지도 제작 방법

오라클 DB에서 가져온 값 변수에 넣었는데 그 변수 눌렀을때 하이퍼링크 연결..

버튼을 누르면 이미지가 추가되고 5개가 되면 줄이 바뀌어서 이미지가 나오게 하고싶습니다.

웹에서 모바일 네이티브 코드 호출하는 방법 알려주세요

HTML5 벽돌깨기 게임 질문이요. 흠....ㅠㅠ

ASP 와 데이터베이스 질문입니다

Node.js async mysql 질문입니다.

자바스크립트 질문입니다.(confirm,settimeout,div팝업 관련)

html5 radion 타입에서 함수 실행하는법 질문이요!

css 캔버스 이동과 회전시 멈춤

jQuery Mobile의 listview 내에서 하이라이트(강조) 부분 관련 질문입니다.

안드로이드 웹앱을 개발하고싶은 초보개발자입니다.

html5 이클립스 게임개발, cocoonjs, 사운드, 해상도

스크롤 질문입니다. 카스나 페이스북에서 쓰는 스크롤?

svn 오류 질문입니다.

div 분리하는 방법좀알려주세요(이미지가 겹쳐서뜹니다..ㅜ)

익스플로러 버전이 10이하면 적용이안됩니다.

폰갭을 이용해 하이브리드 어플을 만들고, 마켓등록 방법?

html5 드래그 앤 드롭, 드롭 영역 지정 질문..

이클립스에서 HTML5가 안되는 경우?

html5 공부하는 법?

초보적인 질문입니다..

자바스크립트 캔버스 배경 질문요

타이젠 웹앱에서 Email 보내는 방법이 궁금합니다.

스마트티비 개발 관련 xml파싱 문제 입니다.

Javascript prototype의 constructor property가 제대로 설정안되면 어떤 영향을 끼치나요?

AngularJS는 module선언은 여러 파일에서 정의 할 수 있나요?

AngularJS에서 양방향 데이터 바인딩은 어떻게 구현되나요?

Eclipse 실행시 Failed to load the JNI shared library "...../jvm.dll" 오류가 뜹니다.

마스터Q&A에서 소스 코드를 질문이나 답변 글에 넣는 방법?

마스터Q&A에서 읽은 답변이 도움되었을때 채택하고 추천하기

html5

-> 리스트에서 선택한 값부터 보이게하는법