얼렁뚱땅 자바스크립트 기록
1.[얼렁뚱땅] 간단한 알림창 UI 만들기 (1)
버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다.
2.[얼렁뚱땅] 간단한 알림창 UI 만들기 (2) - 근데 이제 function을 곁들인
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다.근데 이제 function을 곁들인
3.[얼렁뚱땅] 간단한 알림창 UI 만들기 (3) - function을 여러 개 곁들인
사용: HTML, CSS, Javascript닫기 버튼을 클릭하면 간단한 알림 UI가 사라지고버튼1을 클릭하면 텍스트가 "아이디를 입력하세요" 로 바뀌고버튼2을 클릭하면 텍스트가 "비밀번호를 입력하세요" 로 바뀌는근데 이제 function을 곁들인코드 몇 줄을 만들
4.[얼렁뚱땅] 간단한 알림창 UI 만들기 (4) - function에 파라미터를 만들어 버튼 2개를 한 번에 클리어
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다. 근데 기존 function 2개를 하나로 줄여서 만들었다.
5.[얼렁뚱땅] 간단한 알림창 UI 만들기 (5) - onclick 대신 이벤트리스너 써보기
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다.근데 기존 onclick 대신 이벤트리스너 addEventListener를 써서 코드를 작성해보았다
6.[얼렁뚱땅] 간단한 Navbar 만들기 & 서브메뉴 만들기 (1)
사용: html, css, javascript주요 키워드: 부트스트랩, css탈부착, classList.add(), classList.toggle(), querySelector(), querySelectorAll() 맨 위에 Navbar UI를 만들고 오른쪽 상단 메뉴
7. [얼렁뚱땅] 간단한 Navbar 만들기 & 서브메뉴 만들기 (2) - jQuery 곁들여서 코드 줄이기
사용: html, css, javascriptKeyword: jQuery, $, on, 간단 설명: 맨 위에 Navbar UI를 만들고 오른쪽 상단 메뉴 단추를 클릭하면 숨겼던 서브 메뉴가 나오는 형식의 코드를 작성하였다. jQuery를 써서 긴 자바스크립트 문법을
8.[얼렁뚱땅] 간단한 모달 창 만들기 (1)
사용: html, css, javascriptKeyword: modal 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창이 사라지도록 코드를 작성하였다.
9.[얼렁뚱땅] 간단한 모달 창 만들기 (2) - 애니메이션을 곁들인
사용: html, css, javascript, BootstrapKeyword: modal 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창이 사라지도록
10.[얼렁뚱땅] 간단한 모달 창 만들기 (3) - 나 <form>에 살고 죽고 폼 때문에 살고
사용: html, css, javascript, BootstrapKeyword: modal, , if문 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창
11.[얼렁뚱땅] 간단한 모달 창 만들기 (4) - 조건문 써서 조건에 안 맞으면 폼 전송 막기
전 포스트에서 이어가서... 아이디와 비밀번호 값 공백검사와 비밀번호 입력값이 6자 미만일 경우 alert 창을 띄웠다. (아이디값 공백검사) (비밀번호값 공백검사) (비밀번호 6자 이상 조건 검사) 코드 Memo > 1. 이벤트리스너 콜백함수에 'e'라는
12.[얼렁뚱땅] 콘솔로 369게임.. 말고 3의 배수게임 짜기
함수와 if/else 문 써서 369게임을 만들어 보았다.(369게임이 아니고 3의 배수일 경우 '박수', 아니면 '통과'를 콘솔창에 찍어보았다.)(369게임이 아니고 3의 배수일 경우 '박수', 아니면 '통과'.. + 9의 배수일 경우 '박수 박수'를 콘솔창에 찍어보