스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 2주차 개발일지

스파르타코딩클럽
[왕초보] 비개발자를 위한, 웹개발 종합반 2주차 개발일지

1. jQuery
   : HTML의 요소를 조작하는 여러 기능들을 미리 작성해놓은 javacript 코드 (import 해야 사용 가능)

   • 구조 : 지칭+명령
     - ex) $('#article_url').val()
     - article_url : 지칭한 곳의 id
     - val() : 해당 명령

2. 서버-클라이언트 통신 이해하기

   • get 방식 : read

   • post 방식 : create, update, delete

   • json : 서버가 클라이언트에게 정보를 전달하기위한 언어

   • 대표적인 get 방식 : google.com/search?q=아이폰

3. ajax : json의 정보를 가져와서 html에서 사용가능

	$.ajax({
    	type: "GET",
        url: " ---- json url ----",
        data: {},
        success: function(response){
        	----  code  ----
            
            ex)
            let rows = response['getStationList']['row']
            console.log(rows)
        }
    })

4. 페이지 로딩 후 바로 작동하는 명령어

	<sript>
    	$(document).ready(function() {
        	---- code ----
        })
    </sript>

5. img 태그의 src 주소 변경하기

	$('#img_id').sttr('src', img_url)
    
    - img_id : img 태그의 아이디
    - img_url : 바꿀 이미지 주소

6. jQuery, json, ajax 등 처음 접하는 용어들이 많아서 각각 무엇을 의미하는지 파악하는게 중요했다. 처음에는 사용하는 방법이나 문법들이 낯설었지만 강의에서 여러번 연습하면서 말미에는 익숙해진 듯하다.