JavaScript_tools

순수 자바스크립트만을 사용하였습니다. Only Vanilla(pure) Javascript is used in repository.

0

0 번은 JavaScript, html, CSS 관련된 기본 정보들을 담은 list 입니다. 기본적인 변수와 사용법 등을 익히는데 도움이 되도록 구성하였습니다. 추가적으로 유용한 정보를 담은 읽을만한 자료들을 모아놓은 reading list 가 있습니다.

0_1 기본 변수들 : 체크박스, input , 버튼 , placeholder

0_2 javascript 따오기, CSS 따오기 , 내부에 하기

0_3 document.write , window.alert , console.log , confirm 등등

0_4

1

1_1 체크 박스

참고 링크 : http://chongmoa.com/javascript/8388

1_1_1 체크 할 때, 안 할 때 같은 알람 ... 변화에 대한 알림

1_1_2 체크 할 때, 안 할 때 다른 알람 ... 상태에 대해서 정확하게 알림

1_1_3 전체선택 및 해제

1_1_3_1 누르면 전체선택

1_1_3_2 누르면 전체선택 해제

1_1_3_3 1_1_3_1 과 1_1_3_2 를 합친 것

1_1_4

1_1_4_1 체크된 박스 개수 반환

1_1_4_2 체크된 박스 value 값들 반환

1_1_4_3 체크된 박스 개수 화면에 표시 ..... 일단 되기는 했는데 변화시켜야 함

1_1_4_4 각기 다른 값 합쳐서 표시 해야됨

1_1_5 체크박스 만들기

1_1_5_1 체크박스 동적 생성

1_1_5_2 체크박스 삭제

1_2 정보 제출 내용 추가해야함

2 페이지 전환 / 탭 전환

2_1 페이지 전환 내용 추가해야 함

2_2 Tab 구현

참고 링크 : https://hyounjp.tistory.com/10 https://zoltantothcom.github.io/vanilla-js-tabs/

2_2_1 간단한 2개 Tab 구현, 넘길 때마다 내용도 같이 변함

2_2_2 현재 잘 안됨

2_3 내용 접고 피기

2_3_1 1개 접고 피기 (보이기 없애기와 거의 유사)

2_3_2 다수 접고 피기 (보이기 없애기와 거의 유사)

참고 링크 : https://mainia.tistory.com/2710

grrrrreee / JavaScript_tools