2주차강의는 3일만에 다끝냈다!!!오예오예
Java Script 맛만 본 상태에서 jQuery랑 Ajax를 배운다고 하길래 처음에 아주 긴장을 했었다.
알아 들을수나 있을까 하는 걱정도 들었다
하지만 2주차 수업을 모두 들은 현시점에 느낀건 문법을 모두 외우려고 하는것 보다,
전체적인 프로세스를 이해하고 문법을 구글링하며 계속해서 문제를 풀어보는게 답인거 같다.
문제 혼자풀어보면서 머리 쥐어짜보고 기억안나서 짜증내고 구글도 뒤져보고 이상한 자존심에 강의는 다시 안돌려보곸ㅋㅋㅋ
하다보니 머리에더 깊게 남는것 같기도 하다
2주차에도 역시 Java Script/jQuery/Ajax가 서로 어떤식으로 연동되어 웹사이트에서 구현이 되는지 감이오기 시작하는것 같다.
감만!! 오는것같닼ㅋㅋ 아직도 처음부터 끝까지 혼자 다 해봐라 하면 벙쪄있을거같음 ㅠㅠ
이전에 한것도 또 가물가물한거 같기도 하고...
그래도 이렇게라도 더듬더듬 해내는게 혼자 뭔가 뿌듯해서 좋음 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ룰루😆✌️
이번주 코딩일기
2022.05.12 - [스파르타 코딩 웹개발 종합반/2주차] - 2-1 JS 복습 (홀짝 판별 onclick 함수 )
2022.05.12 - [스파르타 코딩 웹개발 종합반/2주차] - 2-2 jQuery 시작하기
2022.05.13 - [스파르타 코딩 웹개발 종합반/2주차] - 2-3 jQuery 다루기 ( $('#url') / hide / show / temp_html )
2022.05.13 - [스파르타 코딩 웹개발 종합반/2주차] - 2-4 JQuery 적용하기(포스팅 박스) _ .show & .hide / display:none
2022.05.13 - [스파르타 코딩 웹개발 종합반/2주차] - 2-5 Quiz_JQuery 연습하기
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-6 서버-클라이언트 통신 이해하기 _ JSON / JSONView /API
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-7 Ajax 시작하기
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-8 Ajax 연습 _ jQuery + Ajax 조합 (+ if 조건문)
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-9 Quiz_Ajax 연습하기_ OpenAPI이용 (서울따릉이 현황)
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-10 Quiz_Ajax 연습하기_API를 이용하여 이미지/텍스트 바꾸기
2022.05.14 - [스파르타 코딩 웹개발 종합반/2주차] - 2-11 2주차 마무리 연습_웹페이지를 로딩할때 날씨 API를 이용해서 날씨표시
배운 코드 정리
▶홀짝판별코드
let even = 4;
console.log(even % 2); // 2로 나눈 나머지가 0입니다.
let odd = 5;
console.log(odd % 2); // 2로 나눈 나머지가 1입니다.▶JS 와 jQuery 비교
document.getElementById("element").style.display = "none"; //JS
$('#element').hide(); // jQuery : 훨씬 직관적임▶jQuery 로 태그 값 가져오기
$('#url').val(); 값 가져오기
$('#url').val('여기다 쓰면 입력도 가능하다아아');▶jQuery 로 보이게/안보이게
$('#id값').hide(); // 안보이게
$('#id값').show(); // 보이게▶태그 내 html 입력하기
let temp_html = `추가할 html코드를 입력`; //html코드를 만들어주고
$('#id값').append(temp_html); // 코드를 써서 뒤에 연결시켜줌▶Ajax 기본 골격
$.ajax({
type: "GET",
url: "여기에URL을입력",
data: {},
success: function(response){
console.log(response)
}
})▶이미지 / 텍스트바꾸기
$("#아이디값").attr("src", 이미지URL); //이미지
$("#아이디값").text("바꾸고 싶은 텍스트"); //텍스트▶로딩 후 호출하기
$(document).ready(function(){
원하는 Action 코드
});얻은것
- 구글링 하는 실력 / 문제풀다 포기하지 않으려는 맘가짐이 0.5단계 상승 🤣
- Java Script/jQuery/Ajax의 큰 틀을 이해함 (완벽히는 아님)
- API 의 개념을 알게됨
- 열심히 들었더니 이번에는 랭킹 2위가됨 아아아아주 기분이 좋음
자주하는 실수
- 역시나 오타, 기호가 문제
- 언어를 사용할때 <head>부분에 임포트 되어 있는지 확인하기
- 코드를 간결하게 쓰려고 노력해야함
🔥3주차에도 화이팅 🔥
파이썬 시작이당 두근두근.....
'스파르타 코딩 웹개발 종합반 > 개발일지' 카테고리의 다른 글
| 3주차 개발일지 (0) | 2022.05.17 |
|---|---|
| 1주차 개발일지 (0) | 2022.05.12 |
