Beny's Study

텍스트 상자 : 버튼 : 체크 박스 : 파일 : 이미지 : 패스워드 : 라디오 : 리셋버튼 : submit : HTML 삽입 미리보기할 수 없는 소스 "본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다. 이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우 민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."

input(입력창) 태그관련 이벤트 - focus : input태그에 focus되었을때 발생 * 주의 blur가 같이 처리됨 -> 무한루프가 됨 - blur : input태그의 focus가 사라졌을때 발생 - change : input태그의 value속성의 값이 변경됐을때 발생 * select태그 이벤트에 많이 사용 - submit : form태그에서 submit타입을 클릭했을때 발생 form태그로 데이터전송시 발생 - reset : form태그에서 reset타입을 클릭했을때 발생 mouse관련 이벤트 - click : 마우스 좌클릭했을때 발생 - dbclick : 마우스 더블클릭했을때 발생 - mouseenter : 지정한 영역안에 마우스가 들어왔을때 발생 - mouseleave : 지정한 영역안에서 ..

escape(), unescape() - 알파벳 대소문자, 0~9숫자, @*-_+./를 제외한 모든 문자열 인코딩/디코딩 함수 - 사용처 : 보안용도로 사용자가 특수문자를 사용하지 못하도록 막을 때 사용. 버튼 결과 값 HTML 삽입 미리보기할 수 없는 소스 encodeURI(), decodeURI() - 인터넷 주소에서 - : ; / = ? &를 제외하고 인코딩 하는 기법 - 사용처 : 영어가 아닌 다국어(한국어) 포함하여 uri를 요청할때 활용 버튼 결과 값 HTML 삽입 미리보기할 수 없는 소스 eval() - 문자열을 자바스크립트 코드로 변환해서 실행하는 함수 실행 결과 HTML 삽입 미리보기할 수 없는 소스 isFinite(), isNaN() isFinite() : number형 데이터가 맞는지..

1. 조건문 - if문 제출(숫자입력) HTML 삽입 미리보기할 수 없는 소스 2. 조건문 - switch문 제출 HTML 삽입 미리보기할 수 없는 소스 3. 반복문 - for 버튼 HTML 삽입 미리보기할 수 없는 소스 4. 반복문 - while 버튼 HTML 삽입 미리보기할 수 없는 소스 "본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다. 이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우 민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."

변수 - JS에서 데이터를 담을 수 있는 공간, Client 메모리에 생성되고 활용됨 - Type은 처음부터 갖지 않는 특성을 가지고, 값이 실제로 Asign(=)될떄 변수의 Type이 결정됨 - 전역변수 사용 시, 특정한 키워드 없이 선언하면 된다. ex)value = 10; - var : 일반적인 변수 script가 선언된 곳에서만 활용되고 버려짐 ex)var value = 10; - let : 임시 변수로 이름을 중복해서 사용할 수 없는 변수 ex)let value = 10; - const : 상수로 선언시 값을 변경 할 수 없음! HTML 삽입 미리보기할 수 없는 소스 script영역이 끊어져도 앞에서 선언한 변수는 뒤에서도 활용 할 수 있음 HTML 삽입 미리보기할 수 없는 소스 자료형 확인 :..

Resize the browser window to see the responsive effect. My Website With a flexible layout. Link Link Link Link About Me Photo of me: Image Some text about me in culpa qui officia deserunt mollit anim.. More Text Lorem ipsum dolor sit ame. Image Image Image TITLE HEADING Title description, Dec 7, 2017 Image Some text.. Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adip..

기본 애니메이션적용하기 이것도 애니메이션적용 기본 애니메이션적용하기 이것도 애니메이션적용 main board gallary warehouse " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스

1. transition-duration 2. transition-property - rotateZ 3. transition-duration & delay HTML 삽입 미리보기할 수 없는 소스

1. translateX 2. translateY 3. translate 4. scaleX 5. scaleY 6. scale 7. rotate 8. skewX 9. skewY 10. skew HTML 삽입 미리보기할 수 없는 소스

1. translateX 2. translateY 3. translate 4. scaleX 5. scaleY 6. scale 7. rotate 8. skewX 9. skewY 10. skew HTML 삽입 미리보기할 수 없는 소스