본문 바로가기

스파르타코딩클럽13

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 3주차 1일 후기 1. 지난주 복습 겸 스파르피디아에 openAPI붙여보기 스파르타클럽에서 제공해 주는 API를 이용해서 스파르피디아에 내용을 만들어 보는 시간이었습니다. movies 안의 내용들을 이용해서 카드에 내용을 채워주었습니다. 관련 소스 $(document).ready(function () { listing(); }); function listing() { $(document).ready(function () { listing(); }); function listing() { $('#cardBox').empty(); $.ajax({ type: "GET", url: "http://spartacodingclub.shop/web/api/movie", data: {}, success: function (response.. 2023. 1. 3.

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 2주차 마무리 & 숙제 간단하게 1주 차에 완성한 팬명록에 날씨 정보를 넣어주면 됩니다. 추가로 로딩이 완료되면, 날씨 API을 이용해서 날씨를 표시되도록 만드는 숙제입니다. 1주 차에 만들었던 팬명록 2주 차 숙제에서 추가해야 하는 현재 기온 온도를 표기하기 위해 태그 아래에 태그를 작성했습니다. 온도만 바뀌어야 하기 때문에 온도 부분은태그 안에 태그를 작성하고 id를 설정해 주었습니다. 관련 소스 마마무(MAMAMOO) 팬명록 현재기온 : 0.00도 그리고 서울시의 온도를 받아와서 화면에 표시되도록 하였습니다. 문제에 로딩이 완료되면 날씨를 표시하라고 했기 때문에 jQuery ready() 함수를 이용합니다. 관련 소스 $(document).ready(function () { $.ajax({ type: "GET", url:.. 2023. 1. 2.

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 2주차 2일차 후기 1.Ajax 시작하기 Ajax 기본 골격부터 알아봤습니다. 관련 소스 $.ajax({ type: "GET", // GET 방식으로 요청한다. url: "http://spartacodingclub.shop/sparta_api/seoulair", data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요) success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음 console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성 } }) 2.Ajax 함께 연습하기 서울시 OpenAPI(실시간 미세먼지 상태)를 이용해서 Ajax에 대해 연습하였습니다. Ajax 기본 골격에 반복문 for 문을 이용해서 Realtim.. 2023. 1. 2.

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 1주차 마무리 & 숙제 한주가 끝나면 숙제가 주어지는데요. 강사님의 설명이 먼저 있고 개인적으로 만들어서 제출하면 됩니다. 스스로 해결하지 못해도 해결소스를 알려주기 때문에 막히는 부분이 있으면 참고해서 하면 될거같습니다. 1주차 숙제는 주어진 예시와 같은 팬명록을 만드는것이 목표입니다. 꼭 십센치를 할필요는 없고 개인이 좋아하는 아티스트의 팬명록을 만들면 됩니다. 저는 마마무의 이미지를 이용해서 팬명록을 만들었습니다. 완성화면 소스 마마무(MAMAMOO) 팬명록 닉네임 응원댓글 응원남기기 새로운 응원댓글1 새로운방문자1 새로운 응원댓글2 새로운방문자2 새로운 응원댓글3 새로운방문자3 앞에서 배운 내용을 바탕으로 숙제 내용을 따라해보면 어렵지 않게 완성할 수가 있었습니다. #스파르타 #스파르타코딩클럽 #코딩 #코딩인강 #후기 .. 2022. 12. 27.

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 2주차 1일차 후기 1.JQuery 시작하기 JQuery란 HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것이라고 생각하면 된다고 합니다. http://www.w3schools.com W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com:443 jQuery CDN 링크를 가져와서 사이에 삽입해야 사용할 수가.. 2022. 12. 26.

[스파르타코딩클럽] 비개발자를 위한, 웹개발 종합반 1주차 3일차 후기 1.Quiz_포스팅박스를 완성하기! 부트스트랩을 이용해서 만들기 영화 URL 입력 폼은 부트스트랩에서 Forms 의 Floating Labels 별점 선택 박스는 Input group의 Custom forms 코멘트 URL은 Forms 의 Floating Labels의 Textareas 참고해서 만들어줍니다. 2.Javascript 맛보기(기본문법) 변수 & 기본연산 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행합니다. 리스트 & 딕셔너리 리스트:.. 2022. 12. 21.

이전 1 2 3 다음

티스토리툴바