- javascript let count : 카운트 시작 count += 1씩 증가
============================================================================
- JQuery : 특수한(편리한) 자바스크립트 , 자바스크립트의 줄임말 같은것이므로 꼭 <head> 에서 임포트를 해와야한다
- 중요!: JQuery 에서는 id로 바디요소를 결정한다!
- id 의 값을 지정하기 $('#id').val()
- id 값숨기기 $('id').hide() 반대는 .show()
- id 값의 내용 지우기 (새로고침용) $('id').empty()
- let temp_html : `(html 탬플릿)` / 백틱사이에있으므로 html은 아니고 모양만 지정한상태
이것을 $('#붙이고싶은위치').append(temp_html) - 하면 원하는위치에 탬플릿이 들어간다
-temp_html 쓸때 ${변수적용} 기능을쓰면 쓰기쉽다
-<style> 란에서 display 논 설정하면 처음에는 안뜨는 상태가된다
-퀴즈 틀린부분 .split() 함수를 중복쓸때는
let msg = $('#input-q2').val().split('@')[1].split('.')이런식으로 꼭 첫번째 스플릿배열에 배열번호를 넣고 다음 스플릿을 써야만 작동한다
- 로딩후 호출하기 기능 jQeury
$(document).ready(function(){
alert('다 로딩됐다!')
});
============================================================================
- Jsonview 는 API 를 배열과 라이브러리 형식으로 바꾸는 기능을한다 .
- AJAX는 json을 통해 바뀐정보를 받아온다
- AJAX 기본골격
$.ajax({
type: "GET",
url: "여기에URL을입력",
data: {},
success: function(response){
console.log(response)
}
})
type: ajax 동작방식 url: 주소및 파이썬서버위치등... data :수용데이터 내용
response: 받아온값 { } : 동작및 실행할 내용 - 정보를 배열할때는 배열 for문의 값을이용한다 이것으로 3주차 4주차 크롤링과 db정보를 받아오는데 핵심적으로 쓰인다
- 또한 for 배열문 방식의 {} 안에 if문을 사용하여 css적용을 함으로써 특정값의 색변경등을 할수있다/
$('#붙이고싶은위치').append(temp_html) 위쪽에 사용할것 - 이미지 바꾸기 : $("#아이디값").attr("src", 이미지URL);
- 텍스트 바꾸기 : $("#아이디값").text("바꾸고 싶은 텍스트");
'개발이야기 > 항해일지' 카테고리의 다른 글
| 항해 1일차 (0) | 2022.05.09 |
|---|---|
| 항해99 7기 d반 7조 미니프로젝트 S.A (0) | 2022.05.09 |
| 종합반 1주차 복습 (0) | 2022.04.28 |
| 웹개발 종합반 5주차 (0) | 2022.04.28 |
| 웹개발 종합반 3주차 (0) | 2022.04.26 |
