본문 바로가기

Knowledge Wiki

 (169)
[ JavaScript / jQuery ] 웹 개발 방식 1. 웹 개발 방식 1) 서버가 HTML 파일을 완성해서 유저에게 보내는 방식 2) 서버가 빈 HTML파일 + 데이터 보냄, 그 후 JS를 이용해서 채워넣기 (요즘 웹앱 만들 때 트렌드) - 서버에서 데이터를 가져오는 건 AJAX 배우면 됨
[ JavaScript / jQuery ] 문자열, 역따옴표 1. JavaScript에서 역따옴표, 바벨을 쓰면 HTML 태그를 여러 줄에 연달아 쓸 수 있다. ex) `문자 자료형` 2. 기존 HTML 태그 지울 땐 -> $('myDiv').html('') 3. JavaScript에서 HTML element에 데이터를 넣고 싶은 경우 역따옴표를 쓰고 ${} 로 감싸면 된다. var tp = `${myValue}`;
[ JavaScript / jQuery ] append() 함수 1. JavaScript로 HTML을 만들고 넣는 방법 - append() 함수 var template = ''; $('#myDiv').append(template);
[ JavaScript / jQuery ] input, select의 change 이벤트 1. change 이벤트 input 태그 => 입력 후 포커스를 잃을 때 change 이벤트 발생 select 태그 => 아이템을 선택하자마자 change 이벤트 발생
[ JavaScript / jQuery ] 자료형 1. 자료형 Array => [ ] Object => { } var arr = [ 'A', 100 ]; // Array var obj = { name : 'A', price : 100 }; // Object
[ JavaScript / jQuery ] javaScript에서 html 태그 조작하기 1. html 태그에 "data-작명" 형태로 정보를 저장해 놓으면 JavaScript에서 쉽게 데이터를 꺼내 쓸 수 있다. IE 11 이상에서만 사용 가능해서 호환성 고려해야 함. 그래서 jQuery 문법으로 데이터 심는 경우가 많음. 2. jQuery 문법으로 HTML 태그에 정보를 저장할 수도 있다.
[ JavaScript / jQuery ] jQuery 반복문 1. $(...).eq(X)
[ JavaScript / jQuery ] $(window) 1. $(window)는 ViewPort를 뜻한다. (현재 화면이 나오는 영역)

티스토리툴바