22-09-13_python

main 2022. 9. 13. 13:53

이클립스에서 javascript 자동완성을쓰자..

https://chlee21.tistory.com/84

[Eclipse] 자바스크립트 자동 완성 기능 설정하기

자바스크립트 자동 완성 기능 설정하기 이클립스 메뉴 : Help → MarketPlace → tern 검색 → JavaScript Build Eclips Install 프로젝트 우클릭 후 Properties(단축키 Alt + Enter) → modules 검색 →..

chlee21.tistory.com

jquery ajax parameter 넘기기

https://ria0617.tistory.com/79

ajax 로 값 넘기는 방법

비동기 방식이란 신호를 보냈을 때 응답 상태와 상관없이 다음 동작을 수행하는 방식 화면 전환 없이 클라이언트와 서버 같의 XML, JSON, 텍스트, HTML 등의 정보를 교환하기 위해서 사용 대기시간

ria0617.tistory.com

function myinsert(){
		console.log("myinsert");
		
		var param = { 
			e_id	 : $("#e_id").val(),
			e_name	 : $("#e_name").val(),
			sex 	 : $("#sex").val(),
			addr 	 : $("#addr").val(),
			
		}
		$.ajax({
			type: "POST",  //요청 메소드 방식
			url : "emp_insert.ajax",
			dataType :"json", //서버가 요청 URL을 통해서 응답하는 내용의 타입
			data : param,
			success : function(data){
				var cnt = data.cnt;	//count값 받아와서 변수cnt에 저장
				if(cnt == '1'){		//cnt값이 1, 즉 성공했을 때
					myselects();	//myselects()함수를 실행
					$("#e_id").val("");		//실행하고서 입력칸을 공백으로 비워주기
					$("#e_name").val("");
					$("#sex").val("");
					$("#addr").val("");
				}else{
					alert("추가도중 문제가 생겼습니다.")
				}

			}
		});
		
	}

새로 함수를 추가할 때....

요렇게 멀쩡하게 나온다고 하면, 여기까지 전체적인 구성에 에러가 없다는거니까. 먼저 이렇게 찍어보고 함수 내용 작성하기

-----

우리가 하는게 두가지 방식임 지금

MVC 패턴

- 전자정부, 기본으로 주는거....

- 깜박인다.

- 사람들이 여기에 익숙함

MVVM 패턴

- flickering, 깜박거림이 없음

- ajax씀. db에서 삭제하고 count만받아서 myselect 해서 변하는부분만 그림을 다시그림

- 대신 그냥 링크를 보내면 내것 아닌 전체정보가 보일 수 있어서 이걸 개선할 수있는 방법이뭐가있다하셨는데못들음

- 어쨋든 장점도있고 해서 이쪽으로 넘어가고있다고

=====

테트리스만들기

--> 자료구조에 대해서 명백하게 이해할 수 있는 예제

"프로그램의 자료구조를 명확하게.... 한 칸 다 차면 없어지는거....?"

- django로 해보고

- 3d로 해보고

- 네트워크해서 여럿이 배틀떠보고...

=======================

외출

=========

테트리스

javascript 키보드 이벤트...

https://www.daleseo.com/js-key-events/

[자바스크립트] 키보드 이벤트 (keydown/keyup)

Engineering Blog by Dale Seo

www.daleseo.com

https://blog.outsider.ne.kr/322

Javascript 키보드 Keycode(ACSII Code) 목록 :: Outsider's Dev Story

자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 Keycode (ACSII 코드) 목록입니다. 알파벳(대소문자 동일함) 키 Mozilla IE Opera pseudo ASCII codes...

blog.outsider.ne.kr

https://haeeeell.tistory.com/54

[JavaScript] 자바스크립트 - 방향키로 도형 움직이기

HTML width와 height 속성을 통해 생성할 도형의 크기를 설정 Welcome to JS_Drawing Zone :) 방향키로 도형을 움직여보세요! JavaScript 변수 설정 // canvas에 그림을 그리려면 먼저 context를 가져와야 함 //..

haeeeell.tistory.com

https://unixpapa.com/js/key.html

JavaScript Madness: Keyboard Events

Note: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web desig

unixpapa.com

<html>
<head>
<title>테트리스</title>
<style type="text/css">
td {
	width: 20px;
	height: 20px;
}
</style>

<script type="text/javascript">
var i=2;
var j=1;
function myinit()
{
	var tds=document.querySelectorAll("td");
	cnt=(i*10)+j
	tds[cnt].style.backgroundColor="red";
}
</script>
</head>
<body onload="myinit()">

	<table border="1px">
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td id="test"></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>


		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>



		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>



		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>
		<tr>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>


	</table>
</body>
</html>

<script type="text/javascript">

window.addEventListener("keydown", (e) => 
//console.log(e)
console.log(e.code, e.key, e.keycode)

);
</script>

console.log(e.code,e.key,e.keyCode) 이렇게 쓰면 이렇게 나온다

******

***숙제

방향키에 따라서 빨간색 점이 이동하게 만들자

혹시 다되면 점이 아니라 도형으로 해보기

*********

'main' 카테고리의 다른 글

22-09-14_python (1)	2022.09.14
22-09-13_jsp(2) (0)	2022.09.13
22-09-08_jsp(4) (0)	2022.09.08
22-09-08_jsp(3) (0)	2022.09.08
22-09-08_jsp(2) (0)	2022.09.08

ABOUT ME

fight with code wrote myself fight with code wrote myself

'main' 카테고리의 다른 글

티스토리툴바

ABOUT ME

'main' 카테고리의 다른 글

관련글 관련글 더보기

티스토리툴바