본문 바로가기

기록

 (61)
[배운내용정리] 0128 자바 국비교육_ jQuery_ajax 2021년 01월 28일 9시 ~ 15시 30분 zoom으로 수업 진행 엘리먼트 제거하가 remove empty detach ajax 시작 데이터 가져오기 사원 정보 조회 사원번호 이 름 이 메 일 전화번호 입 사 일 데이터 가져오기 사원 정보 조회 사원번호 이 름 이 메 일 전화번호 입 사 일 function makeTable (elem) { //elem : emplist.xml의 들 $table = $(""); //컬럼 이름 가져오기 //emplist.xml 에 태그 이름이 EMPLOYEE_ID / LAST_NAME / EMAIL / PHONE_NUMBER / HIRE_DATE 로 되어있음 for(var i=0; i
[배운내용정리] 0127 자바 국비교육_ jQuery 2021년 01월 27일 9시 ~ 15시 30분 zoom으로 수업 진행 이펙트 hide() show() toggle() slideUp() slideDown() slideToggle() fadeOut() fadeIn() fadeTo() fadeToggle() animate() Run 메뉴 만들기 (1)CSS 선택자 tag로 선택하기 id로 선택하기 class로 선택하기 parent child로 선택하기 parent > child로 선택하기 :nth-child로 선택하기 :first-child로 선택하기 :last-child로 선택하기 (2)속성 선택자 [attr] [attr=value] (3)폼 선택자 :input 타입 (4)사용자 정의 선택자 :eq() :first :last :parent 이미지 on ..
[배운내용정리] 0126 자바 국비교육_ jQuery 2021년 01월 26일 9시 ~ 15시 30분 zoom으로 수업 진행 1.이미지들의 크기를 모두 200px*200px로 설정하자 클릭! 2.이미지들 중 id가 'selId'인 태그를 찾아, 숨기자 클릭!! 3.이미지들 중 class가 'selClass'인 태그를 찾아, 투명도를 50%로 적용하자 클릭!!! 4.이미지들 중 속성값으로 탐색하여 slideUp 기능을 적용하자. (title 속성값 중, '02'를 포함하는 img태그를 찾아서 적용) (slideUp은 default:400ms -> 2000ms로 적용) 클릭!!!! 5.이미지 바꾸기(td의 자식요소인 img만 선택해서 바꾸자) 클릭!!!!! 20년 11월 03일 ~ 스마트 컨텐츠 융합 1 2 3 userId 반드시 입력하세요! 체크 여부 확인 ..
[배운내용정리] 0125 자바 국비교육_ Javascript_jQuery 2021년 01월 25일 9시 ~ 15시 30분 zoom으로 수업 진행 자바스크립트 ID PW ADDR PHONE ID PW ADDR PHONE DELETE 자바스크립트 이벤트 버블링 이벤트 버블링 이벤트 버블링 막기 표준 이벤트 모델 확인 jQuery 시작 JQuery 시작 1. 셀렉터 표현식 2. DOM 탐색 3. 이벤트 4. 이펙트 5. Ajax 리스트 강조하기 이미지 보이기 이미지 축소 이미지 추가 이미지 숨기기/보이기 자바스크립트 표현식 selector 표현식 tag로 선택하기 id로 선택하기 class로 선택하기 parent child로 선택하기 parent > child 로 선택하기 :nth-child() 로 선택하기 :first-child로 선택하기 :last-child로 선택하기 태그 선..
[배운내용정리] 0122 자바 국비교육_ Javascript 2021년 01월 22일 9시 ~ 15시 30분 zoom으로 수업 진행 location 구글로 이동 이동 자바스크립트로 체크박스 다루기 red yellow blue black 전체선택 빨강 노랑 파랑 검정 음식 선택하기 ---선택--- 제육 라면 만두 호빵 피자 제육 라면 만두 호빵 피자 자바스크립트 부모 , 자식 탐색하기 부모탐색, 자식탐색 child01 child02 child03 부모탐색 자식탐색 자바스크립트 엘리먼트 생성하기 엘리먼트 생성하기 자바스크립트로 img 태그 와 속성을 설정하여 , 이미지 바꾸기 그림 1 그림 2 그림 3 이미지 생성하기 이미지 삭제하기 자바스크립트 a태그를 이용하여 이미지 전환하기 ◁ ▷ 자바스크립트 태그 생성, 이동 하기 태그 추가하기 appendChild() ins..
[배운내용정리] 0121 자바 국비교육_ Javascript 2021년 01월 21일 9시 ~ 15시 30분 zoom으로 수업 진행 인코딩과 디코딩 escape : 영문 알파벳, 숫자, 일부 특수문자( @, *, -, _, ., / )를 제외한 모든 문자를 인코딩 encodeURI : escape에서 인터넷 주소에 사용되는 일부 특수문자( :, ;, /, =, ?, & )는 변환하지 않는다. encodeURIComponent : 알파벳과 숫자를 제외한 모든 문자를 인코딩 unescape : escape로 인코딩된 문자를 디코딩 decodeURI : encodeURI 에서 인코딩된 문자를 디코딩 decodeURIComponent : encodeURIComponent 로 인코딩된 문자를 디코딩 실행 확인 infinity와 NaN 자바스크립트는 0으로 숫자를 나누면 i..
[배운내용정리] 0120 자바 국비교육_ Javascript 2021년 01월 20일 9시 ~ 15시 30분 zoom으로 수업 진행 18일은 학원에서 시험봤고 19일은 개인 사정으로 인해 학원 수업을 듣지 못 했다. 그 뒤로 집에 일도 생기고 나도 한참을 우울한 상태여서 수업듣고 필기만 해두었다.. 다시 열심히 해야지.. 배열의 선언 대괄호 [] 를 사용한 배열의 선언 크기를 지정하지 않은 배열의 선언 var 배열명 = []; 크기를 지정한 배열의 선언 쉼표의 개수만큼 배열의 크기를 지정한다. var 배열명 = [,,,]; 배열을 선언할 때 배열의 크기 지정과 데이터 초기화를 한번에 한다. var 배열명 = [값1, 값2, 값3]; new Array() 를 사용한 배열의 선언 크기가 지정되지 않은 배열의 선언 var 배열명 = new Array(); 크기를 지정하..
[배운내용정리] 0115 자바 국비교육 _ Javascript 2021년 01월 15일 9시 ~ 15시 30분 zoom으로 수업 진행 와! 벌써 자바스크립트라니! 자바스크립트 (Javascript) 웹페이지에서 사용자의 입력을 처리하거나 웹 어플리케이션을 작성하는 등 웹페이지를 동적으로 제어하는데 사용하는 역할을 한다. 자바스크립트 소스는 별도의 컴파일 과정 없이 브라우저 내부의 자바스크립트 처리기(인터프리터)에 의해 바로 실행된다. 자바스크립트 코드 작성 방식 1. 인라인 방식 html 태그의 이벤트 리스너 속성에 자바스크립트 코드를 작성하는 방식 2. 내부 작성 방식 태그를 사용하여 html 문서 내부에 작성하는 것, 자바스크립트 작성 방식 3가지 인라인 방식 내부 작성 방식 외부 작성 방식 자바스크립트의 식별자 자바스크립트에서 변수를 선언하는 방법 1. 자바스..
[배운내용정리] 0114 자바 국비교육 _ HTML_CSS 2021년 01월 14일 9시 ~ 15시 30분 zoom으로 수업 진행 A B C D transform html 요소의 모양, 크기, 위치들을 변형시킨다. 속성 기능 translate 현재 위치에서 해당 요소를 주어진 x축과 y축 만큼 이동시킨다. rotate 주어진 각도가 양수일 경우 시계 방향으로, 음수일 경우 반시계 방향으로 회전시킨다. scale 주어진 배율만큼 늘리거나 줄인다. 주어진 배율이 1보다 크면 늘리고, 0보다 크거나 1보다 작으면 줄인다. skew 해당 요소를 주어진 각도만큼 각각 x축과 y축 방향으로 기울인다. transtion 정해진 시간동안 요소를 부드럽게 변화시킨다. transform - translate tanslate(x, y) : 위치 이동 transform - rotat..
[배운내용정리] 0113 자바 국비교육 _ HTML_CSS 2021년 01월 13일 9시 ~ 15시 30분 zoom으로 수업 진행 종류 기능 패턴 타입 선택자 css를 적용할 대상으로 html 요소의 이름을 선택 p { } 전체 선택자 html 페이지 내부의 모든 태그를 선택 * { } id 선택자 css를 적용할 대상으로 웹 페이지에 포함된 여러 요소 중에서 특정 아이디를 갖는 요소를 선택 # { } class 선택자 특정 집단의 여러 요소를 한 번에 선택할 때 사용 특정 집단을 class 라고 하며, 같은 클래스 이름을 가지는 모든 요소를 선택 . { } 인접 형제 선택자 A 요소를 뒤따르는 B 요소를 선택 A와 B 사이에 다른 요소가 존재하면 선택하지 않는다 A + B { } 일반 형제 선택자 A요소가 앞에 존재하면 B를 선택 A가 B보다 먼저 등장하지 않..

티스토리툴바