본문 바로가기

cs,코딩,알고리즘/스파르타코딩(불꽃대학반)웹개발일지

#2. 스파르타 2주차 개발일지(JQuery, AJAX)

728x90

JQuery

Java Script를 미리 작성해둔 라이브러리(css의 부트스트랩 느낌!!)

미리 작성된 Javascript=> 반드시 미리 import해야함!!

->but부트스트랩으로 이미 홈페이지를 꾸민 경우 부트스트랩에 JQuery가 포함되어 있어서 안해도됨

그리고 난 여전히 콘솔창이 신기하다.... 

어쨌뜬 중요한 건 라이브러리라 언제든지 가져다 쓸 수 있다는 거

1주차때도 엄급하셨던 w3school

근데 부트스트랩에서 이미 JQuery사용하기 때문에 이미 임포트되어있음

여기저기 구석구석가봐도 광고가 다 스파르타코딩클럽,, 몸이 불어나고 있음을 나도 같이 감지중이다..ㅋㅋㅋㅋ

JQuery도 홈페이지를 조작하려면 css처럼 지목을 해야한다.

JQuery는 id값을 줘서 지정하면 됨(css는 class로 지정했음)

지정하고  조작하는 방법은 $('아이디값').val()/$('아이디값').show()/$('아이디값').hide()

나홀로 메모장에 input에 저렇게 넣으래서 넣었음. 세종대왕 입력하고 콘솔창에 뭐 입력ㅎㅆ는지 물어보니 세종대왕이 나왔고, 콘솔창에 장영실을 입력하랬더니 나홀로 메모장 id칸이 장영실로 바뀜.. 뭔지 모르겠지만,, 느낌상 세종대왕라인은 지칭이고 장영실은 입력하라라는 명령인거 같은데,,, 호오 일단 신기했음....
우오어,,, 사라지기도함,,,,
요로코롬 이름도 바꿀 수 있다!!

JQuery_퀴즈

근데 그이후로는,, 뭐가 뭔지,, 모르겠다,, 일단 하래서 했는데,, 호에에엥ㅠㅠㅠ

울자마자 퀴즈.... 나죽어진짜,, 다시 해보니 좀 알 것 ㄱㅌ다 좀 후련해진 느낌도 들고 허허

 

1번문제) input에 입력한 값을 console에 넣어줄 것
2번)더어렵다...@를 포함하느냐는 쉬웠는데 도메인만 찾아서 올리는거,,,가 진짜,,ㅠ
remove는 쉬운데 이름붙이기,, 태그는 또 뭐꼬..

서버-클라이언트(JASON_get요청)

클라이언트가 뭘(타입) 요청하느냐에 따라 처리방식이 다르다

GET : 데이터 조회

https://movie.naver.com/movie/bi/mi/basic.naver?code=161967

  서버 주소(우리은행 용산 지점) 우리은행 용산 지점 안에서의 창구이름 가지고 가는 데이터

-> 물음표 ? 를 기준으로 앞부분은 서버주소, 뒤에는 영화 정보

POST : 데이터를 만들고 바꾸고 삭제할 때

 

AJAX

:HTML 페이지 전체가 아닌 일부분만 갱신할 수 있도록 서버에 요청

JQuery를 임포트 한 페이지만 동작가능!

여기서만 가능!(왜냐면 나홀로 메모장에서는 JQuery 썼잖아!)

음 또 길을 잃었다.. 뭐가 뭔지 모르...겠다.....하아아아ㅏㅇㅇ 남이 만들어놓은거 갖다 쓰지도 못할,,거 같은데,,,,

 

 

 

1주차 간신히 한 거 같은데 폭풍같이 지나가서... 다시 들으러 가야겠다... 제대로된 정리는 다시한 번 더 보고 나서 하는거로..

 

 

https://www.notion.so/2-f9706fef663a4b5ca7c7013a57c1785d

 

[스파르타코딩클럽] 웹개발 종합반 - 2주차

매 주차 강의자료 시작에 PDF파일을 올려두었어요!

www.notion.so

스터디

우와 어떻게 이렇게 연결이 안될 수가 있지ㅜㅜㅜ 뭐 방법이야 줌도 되고 다른 방법들도 되지만,, 게더진짜 한번 해보고 싶은데ㅠㅠㅠㅠ