이렇게 쉽고 간편한, jQuery! 응답하라 Ajax!

박다영·2022년 11월 6일
0

매일의 개발기록

목록 보기
3/28
post-custom-banner

[한마디로 요약하면~ jQuery]

CSS 템플릿을 부트스트랩이라고 한다면,
javascript 템플릿을 라이브러리라고 한다.
javascript 라이브러리 = jQuery
(javascript로 쓰면 긴~ 코드를 jQuery로 쓰면 간결하게 쓸 수 있다)

html 구조에서
CSS를 입힐 때는 class 로 그 항목을 지칭했지만,
javascript를 입힐 때는 id 로 그 항목을 지칭하면 된다.

$('#url').val('입력을 하고 싶다')

해석)
#url : url 이라는 id 에다가
$( ) : jQuery를 먹일건데~
val( 뭐가 써있는 경우 ) : 걔의 value에 '입력을 하고 싶다'를 넣고 싶다.
val( 아무것도 안 써있는 경우 ) : 웹사이트에 입력된 value 를 가져오고 싶다.

키보드에서 shift + ₩ 누르면
` 가 나옴 ( ' 랑 다른거!)

(Tip)
₩가 나온다면 키보드의 한/영 전환을 확인해보기!
한글일 때는 ₩ 영어일때는 ` 가 나온다

[응답하라! Ajax]

Ajax로 서버와 통신한다! 이게 무슨뜻이냐고?
API를 받아와서 서버에 올려져있는 자료들 중
필요한 정보만 취사선택해 내 웹사이트에서 활용할 수 있다는 소리!
한마디로, '이케아'에 놀러가서 '침대' 사서 '내 방'에다가 둘 수 있다는 소리다!

[실수와 배움!]

[오늘의 실수]

1)

{} 위계 잘 못맞춰서 제대로 정보 불러오는 것에 실패!
항상 탭과 command + option + L 로 정리해주자..

2)

오타.. rows 를 lows라고 쓴다던가... (눈 크게 뜨기~~)

3)

글씨나 태그를 '' 안에 안쓰는 것 까먹고 $('#temp') 를 $(#temp) 라고 쓴다던가..

[오늘의 배움]

1)

위에 말한 것처럼 '' 를 까먹고 빠뜨릴 때가 많은데..
코드의 앞 뒤에 커서를 두고 '를 각각 칠 필요 없이!
코드를 드래그 한다음에 ' 를 누르면
'' 이 한! 번! 에! 적용된다는 사실!
(이거 우연히 발견하기 전까지 하나 하나 쳐서 넣느라 아주 힘들었다^^;;

profile
개발과 디자인 두마리 토끼를!
post-custom-banner

0개의 댓글