본문 바로가기

전체 글128

CODO Day11_JAVA(객체지향언어/변수/scope/casting) JAVA - 객체 지향적 프로그래밍 언어 객체지향언어(Object Orient Language) : 남의 소스를 부품처럼 가져와 편리하게 사용하도록 설계한 언어 이식성이 높다.(한번의 컴파일로 window, Linux, IOS 모두 실행 가능) OPEN SOURCE 라이브러리가 풍부 JAVA 설치 JAVA SDK : https://corretto.aws/downloads/latest/amazon-corretto-11-x64-windows-jdk.msi JAVA SE 11 을 다운로드 후 설치 하자 내 PC > 속성 > 고급 시스템 설정 > 환경변수(어떤 위치에서 부르던 나타나도록 설정하는 것) > 새로 만들기 JAVA_HOME 이라는 변수를 만들어 자바 설치 폴더 지정 이후 path 선택 후 편집 버튼... 2023. 2. 15.
J-Query_TEST Table에 열 추가하기 학번 이름 과목 학점 설명 학번 : 이름 : 과목 : 학점 : 설명 : 입 력 삭 제 2023. 2. 15.
CODO Day11_J-Query(Method Chaining/요소 추가&삭제&면적) Method Chaining 각 기능들을 연결된 것처럼 맞물려서 연속적으로 실행시킬 수 있음 $(selector).css(“color”, “red”).slideUp(2000).slideDown(2000); 마우스를 따라 다녀요 ◈ 알고가기 clientX, clientY : 브라우저 화면을 기준 pageX, pageY : 전체 문서(HTML)를 기준 screenX, screenY : 모니터 화면을 기준 slide up 요소 추가* 제이쿼리를 사용하면 자바스크립트 보다 쉽게 요소를 추가 할 수 있음 $(selector).append( “추가내용” ); : 선택한 요소 내 마지막 요소에 추가 $(selector).prepend(“추가내용” ); : 선택한 요소 내 시작점에 추가 $(selector).after.. 2023. 2. 15.
J-Query_TEST sample 1 ID 박스에 admin을 입력하고 확인을 누른 후 링크를 누르면 'gdu.co.kr'로 이동 다른 값을 입력하면 'google.co.kr'로 이동 ID : 확인 링크이동 sample 2 div 영역을 클릭할 때 마다 해당하는 div 영역을 클릭한 횟수를 자식 div에 표시 A 아이템 구매 수 0 B 아이템 구매 수 0 C 아이템 구매 수 0 2023. 2. 14.
CODO Day10_J-Query(Attribute변경/css/addclass/hide&show/fade/slide/animate) * 이스케이프 문자 * \ : escape 문자 : 본래 문자가 가지고 있던 특수능력을 버리고 일반문자로 표시되게 하는 것 Attribute(member) 변경하기 $(selector).attr( “지정 속성”, “변경 내용” ); : 해당 요소의 지정된 속성을 변경 $(selector).val( “변경 내용” ); : 해당 요소의 값(value)을 변경 $(selector).text(“변경 내용” ); : 해당 요소의 텍스트 값을 변경(내부 html 태그 미포함) $(selector).html(“변경 내용” ); : 해당 요소의 텍스트 값을 변경(내부 html 태그 포함) 문자열 1 문자열 2 속성변경 css(); 특정 스타일을 확인하거나 변경할 경우 사용 단순한 스타일 적용에 활용 $(selector.. 2023. 2. 14.
CODO Day9_J-Query(관계&Filtering&Event&속성) DOM 내 부모 자식 관계 관계를 이용하여 원하는 요소를 가져옴(selector) 부모 관계를 이용한 Select $(selector).parent( ); : 선택한 요소의 바로 위의 요소를 선택(한개만) $(selector).parents(selector); : 선택한 요소의 상위 요소들중 selector에 해당하는 요소들을 모두 선택 $(selector).parentsUntil(selector); : 선택한 요소와 지정한 요소 사이의 부모를 모두 선택 DIV(greate-grandparent) ul(grandparent) li(parent) span DIV(grand-parent) p(parent) span $(selector).closest(selector); : 선택한 요소로부터 부모 요소들 중 .. 2023. 2. 13.
CODO Day8_J-Query(selector) J-Query란? JavaScript의 Library Library란? 자주 사용하거나, 직접 구현이 어려운 기능을 만들어 모아 놓은 Program Group JavaScript Library로는 J-Query 외에도 RequireJS, Prototye, AngluarJS, Backbone 등이 있다. J-Query를 사용하는 이유는? 1) 사용의 편리성 java script >> j-query(문장이 간결) 2) Cross Browsing Java Script는 Browser에서 해석하므로 종류나 버전마다 표현이 안되거나 다르게 되는 경우가 있다. J-Query에서는 내부적으로 Browser마다 처리를 해놓았기 때문에 신경 쓸 필요가 없다. 3) 다양한 Plugin J-Query를 기초로 한 유용한 P.. 2023. 2. 10.
부모창_자식창 코드리뷰 부모창과 자식창 간의 데이터를 전송할 수 있는 코드 자식창 부모창에서 받아온 값 : 부모창으로 보낼 값 : 더보기 우선 부모창에서 자식창을 열어줄 수 있도록 자식창을 만들었습니다. 자식창에는 부모창에서 받아온 값을 넣어주는 텍스트박스와 부모창에 값을 입력해 보낼 수 있는 텍스트박스와 버튼을 만들어주었습니다. 버튼에는 onclick했을 때 이벤트가 발생할 수 있도록 sendVal함수를 넣어주었습니다. sendVal함수에 부모창으로 보낼 값을 담을 수 있는 val변수를 선언해주고 opener로 부모창에 있는 fromChild를 아이디로 가진 텍스트 박스에 val변수의 값이 담길 수 있도록 해주었습니다. 그리고 부모창에 있는 plus함수로 10과 20을 연산할 수 있도록 함께 보내주었습니다. 창열기 창닫기 자.. 2023. 2. 10.
CODO Day8_Java Script_DOM Alert 경고창 새 창과 달리 tool bar가 존재하지 않으며 기능이 한정적임 alert confirm prompt Timing Browser에서는 특정 시간마다 어떤 일을 수행 할 수 있습니다. 특정 시간 후에 어떤 일을 수행 할 수도 있습니다. 그 시간의 단위는 1/1000 초(milliseconds) 입니다. 0 증가 정지 3초 후 경고 이 기능을 이용해 남은시간 측정이나 특정시간 후에 페이지를 이동하는 기능을 수행할 수 있다. css를 이용하여 시각적인 애니메이션 효과도 줄 수 있다. 5초 후에 다운로드가 시작됩니다. Cookie Web 사용흔적을 담기 위해 만들어졌다. Html간에 데이터 공유가 이루어 지지 않아 Cookie를 활용함 java Script에서 제어 가능하고, 사용자 PC에 저.. 2023. 2. 10.

티스토리툴바