[얼렁뚱땅] 콘솔로 369게임.. 말고 3의 배수게임 짜기
함수와 if/else 문 써서 369게임을 만들어 보았다.(369게임이 아니고 3의 배수일 경우 '박수', 아니면 '통과'를 콘솔창에 찍어보았다.)(369게임이 아니고 3의 배수일 경우 '박수', 아니면 '통과'.. + 9의 배수일 경우 '박수 박수'를 콘솔창에 찍어보
[얼렁뚱땅] 간단한 모달 창 만들기 (4) - 조건문 써서 조건에 안 맞으면 폼 전송 막기
전 포스트에서 이어가서... 아이디와 비밀번호 값 공백검사와 비밀번호 입력값이 6자 미만일 경우 alert 창을 띄웠다. (아이디값 공백검사) (비밀번호값 공백검사) (비밀번호 6자 이상 조건 검사) 코드 Memo > 1. 이벤트리스너 콜백함수에 'e'라는
[HTML/CSS 공부] 레이아웃 만들기 (2) - inline-block은 어울림 속성
(얼핏보면 똑같지만 float 속성을 inline-block 속성으로 대체했다.)저번 포스트에서 float 속성을 써서 레이아웃을 요리조리 만들어보았다.이번 포스트에서는 float 속성 말고도 가로로 정렬할 때 쓸 수 있는 속성을 써보았다.박스를 가로로 정렬할 때 배치
[HTML/CSS 공부] 레이아웃 만들기 (1) - float 속성 이용
이미지처럼 레이아웃을 구분하여 웹페이지를 만들어보았다.만들고 싶은 레이아웃 디자인을 네모박스로 쪼갠다.<div> 태그 써서 구현한다.<div> 태그를 만들고 그 안에 <div> 태그를 4개 더 만든다.css 파일을 연결한다.4개의 div 태그에 각각
[HTML/CSS 공부] 기본적인 웹페이지 스타일링 (3) - 박스 (Box) 만들기
이번엔 저번 포스트에서 만들어 놨던거에서 아래에 박스를 한 번 만들어 보았다.
[HTML/CSS 공부] 기본적인 웹페이지 스타일링 (2) - 심플 이즈 베스트..
(저번 포스트 이미지랑 똑같다. 다만 코드가 다를뿐)저번 포스트에선 태그에 직접 style 속성을 달아 꾸몄는데style 속성을 없애고 CSS 파일을 직접 만들어 분할하기로 한다.style이 너무 길면 css 파일로 만들어서 쓴다.<link>로 CSS 파일 연결h
[얼렁뚱땅] 간단한 모달 창 만들기 (3) - 나 <form>에 살고 죽고 폼 때문에 살고
사용: html, css, javascript, BootstrapKeyword: modal, , if문 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창
[얼렁뚱땅] 간단한 모달 창 만들기 (2) - 애니메이션을 곁들인
사용: html, css, javascript, BootstrapKeyword: modal 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창이 사라지도록
[얼렁뚱땅] 간단한 모달 창 만들기 (1)
사용: html, css, javascriptKeyword: modal 간단 설명: 모달 창을 만들기 위해 html에 버튼 하나를 만들고 버튼을 눌렀을 때 모달 창이 뜨게 코드를 작성하였다. 반대로 모달 창에서 버튼을 눌렀을 때 모달창이 사라지도록 코드를 작성하였다.
[얼렁뚱땅] 간단한 Navbar 만들기 & 서브메뉴 만들기 (2) - jQuery 곁들여서 코드 줄이기
사용: html, css, javascriptKeyword: jQuery, $, on, 간단 설명: 맨 위에 Navbar UI를 만들고 오른쪽 상단 메뉴 단추를 클릭하면 숨겼던 서브 메뉴가 나오는 형식의 코드를 작성하였다. jQuery를 써서 긴 자바스크립트 문법을
[얼렁뚱땅] 간단한 Navbar 만들기 & 서브메뉴 만들기 (1)
사용: html, css, javascript주요 키워드: 부트스트랩, css탈부착, classList.add(), classList.toggle(), querySelector(), querySelectorAll() 맨 위에 Navbar UI를 만들고 오른쪽 상단 메뉴
[얼렁뚱땅] 간단한 알림창 UI 만들기 (5) - onclick 대신 이벤트리스너 써보기
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다.근데 기존 onclick 대신 이벤트리스너 addEventListener를 써서 코드를 작성해보았다
[얼렁뚱땅] 간단한 알림창 UI 만들기 (4) - function에 파라미터를 만들어 버튼 2개를 한 번에 클리어
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다. 근데 기존 function 2개를 하나로 줄여서 만들었다.
[얼렁뚱땅] 간단한 알림창 UI 만들기 (3) - function을 여러 개 곁들인
사용: HTML, CSS, Javascript닫기 버튼을 클릭하면 간단한 알림 UI가 사라지고버튼1을 클릭하면 텍스트가 "아이디를 입력하세요" 로 바뀌고버튼2을 클릭하면 텍스트가 "비밀번호를 입력하세요" 로 바뀌는근데 이제 function을 곁들인코드 몇 줄을 만들
[얼렁뚱땅] 간단한 알림창 UI 만들기 (2) - 근데 이제 function을 곁들인
사용: HTML, CSS, Javascript버튼 (열기)을 클릭하면 간단한 알림 UI가 나타나고버튼 (닫기)을 클릭하면 UI가 사라지는 매우 간단한 코드를 작성해보았다.근데 이제 function을 곁들인