javascript 과제 참고 자료

- javascript 기본개념 

이해해야 하는 개념들은 

10 11 12 14 15 16 17 18 19 20 29 30 31 32 33강에 있다. 

poiemaweb.com/coding

Progmamming | PoiemaWeb

위의 포스팅에서 객체 delete 연산자 설명에 이해가 안되는 부분이 있었다. 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/delete

delete 연산자

이 포스팅을 참고했다. 

 

- 개념 이해 참고 자료2 

www.zerocho.com/category/JavaScript/post/5b0645cc7e3e36001bf676eb

(JavaScript) 자바스크립트의 this는 무엇인가?

 

- 개념 이해 참고 자료3

programmer-seva.tistory.com/60?category=615259

[스터디_자바스크립트] 47. DOM 심화 - DocumentFragment 노드

 

아래로는 구현이 필요한 기능별 예제 

- select 박스 선택에 따라 두번째 select 박스 변화 

imivory.tistory.com/9

[javascript] selectbox 선택에 따라 두번째 selectbox 값 변화

 

- table search 

www.it-swarm.dev/ko/javascript/html-%ED%85%8C%EC%9D%B4%EB%B8%94%EC%97%90%EC%84%9C-%EC%8B%A4%EC%8B%9C%EA%B0%84-%EA%B2%80%EC%83%89-%EB%B0%8F-%ED%95%84%ED%84%B0%EB%A7%81%EC%9D%84-%EC%88%98%ED%96%89%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95/942780130/

javascript — HTML 테이블에서 실시간 검색 및 필터링을 수행하는 방법

 

- checkbox 모두 선택/해제

aosceno.tistory.com/435

checkbox 전체선택, 전체해제.... 한 페이지에 아이템이 여러개 있을 경우 / 여러페이지 일괄 적용 ��

 

- table 선택한 row 색깔 바꾸기 

m.blog.naver.com/PostView.nhn?blogId=tkddlf4209&logNo=220614050551&proxyReferer=https:%2F%2Fwww.google.com%2F

[html] javascript를 이용하여 클릭한 Table tr에 하이라이트 효과주기.(=포커스효과)

 

- table 번호 자동 증가 

: table 을 object 로 만들어 출력했으므로, table을 만드는 JavaScript 에서 Number() 를 활용했으므로, 결국 적용하지 않았다. 

jhnyang.tistory.com/78

[티스토리 tistory]자바스크립트 사용해서 테이블 자동증가 하는 법(javascript, autoincrement)

 

- javascript 로 html 테이블 생성 (for문 활용) 

gooya17.tistory.com/entry/%EB%B0%B0%EC%97%B4%EC%9D%98-%EA%B0%92%EB%93%A4%EC%9D%84-%EC%9B%90%ED%95%98%EB%8A%94-%EC%88%9C%EC%84%9C%EB%8C%80%EB%A1%9C-%EC%B6%9C%EB%A0%A5%ED%95%98%EA%B8%B0

배열의 값들을 원하는 순서대로 출력하기

 

- select option에 따라 div 변경 

: 이렇게 하는 게 아닌 것 같지만, 화면에만 제대로 나오게 했다. 

gist.github.com/mechander/01723a8d5635fe57b4b3

자바스크립트 select에따른 div변경

mainia.tistory.com/2710

자바스크립트(Javascript) display 속성 이용해서 접거나 펴는 방법

unabated.tistory.com/entry/displaynone-%EA%B3%BC-visibilityhidden-%EC%9D%98-%EC%B0%A8%EC%9D%B4

display:none 과 visibility:hidden 의 차이

 

- .getElementById() 와 .getElementsByClassName() 의 서로 다른 사용법 

electronic-moongchi.tistory.com/79

[javascript] .getElementById(), .getElementsByName(), .getElementsByTagName(), .getElementsByClassName() 사용하는 방법

 

 

- 메뉴 검색 

: 적용했으나 이해하지 못함 

thisisspear.tistory.com/40

[JavaScript] 검색 기능 만들기

 

- 테이블 ascending, descending 정렬 

: 이해는 못함 

stackoverflow.com/questions/14267781/sorting-html-table-with-javascript

Sorting HTML table with JavaScript

 

- table td 안의 text 가져오기 

m.blog.naver.com/PostView.nhn?blogId=jw43834&logNo=120179712736&proxyReferer=https:%2F%2Fwww.google.com%2F

자바 스크립트.

 

- 테이블 행 전체 삭제 구현 시, 참고 

zetawiki.com/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8_HTML_%ED%85%8C%EC%9D%B4%EB%B8%94_%ED%96%89_%EC%B6%94%EA%B0%80/%EC%82%AD%EC%A0%9C

자바스크립트 HTML 테이블 행 추가/삭제 - 제타위키

 

 

(적용하지 않음)

- 팝업에 post 방식으로 전달 

www.webmadang.net/script/script.do?action=read&boardid=3001&page=2&seq=16

웹마당넷 |팝업창에 Post방식으로 값넘기기

 

- form 으로 데이터 전달 

www.codingfactory.net/11576

HTML / form / 데이터를 전달하는 양식 만들기

 

- 선택한 내용을 input에 입력시키기 

www.webmadang.net/javascript/javascript.do?action=read&boardid=8001&page=17&seq=147

웹마당넷 |[SELECT] SELECT BOX 선택시 내용을 텍스트박스에 출력해 줍니다.

 

( 개념 이해 참고용 ) 

 

- javascript 에서 " 와 ' 의 사용 

stackoverflow.com/questions/944081/what-is-the-difference-between-and-in-javascript

What is the difference between ' and " in JavaScript?

 

- 노드 활용하기 

tcpschool.com/javascript/js_dom_nodeAccess

코딩교육 티씨피스쿨