Web development (2)

Web development (2)

웹개발 2주차 (6) -JQuery+Ajax 연습

▶현재 시간 : 2022년 10월 17일 4:51 P.M. 오늘은 JQuery+Ajax의 조합을 연습! 내 생각에는 반복적으로 실습을 통해 연습하는게 가장 빨리 실력 늘 수 있는 지름길 같다!. ▶서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 연습 jQuery + Ajax의 조합을 연습하자! 2. 서울시 OpenAPI(실시간 따릉기 현황)를 이용하기 모든 위치의 따릉이 현황을 보여주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트 거치대 위치 거치대 수 현재 거치된 따릉이 수 ▶르탄이 API를 이용하여 연습 JQuery+Ajax의 조합을 연습하자! 3. 르탄이 API를 이용하기! 아래를 르탄이 사진으로 바꿔주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 르..

Web development (2)

웹개발 2주차 (5) - Ajax

▶현재 시간 : 2022년 10월 17일 3:35 P.M. 오늘은 ajax 시작할 시간이다! 다듬고 또 다듬어 보자! :) 튜터님이랑 하면 쉬운데 혼자하면 아직 손에 익지 않아서 인지 시간이 좀 걸린다. 계속하면 좋아지겠지! ▶Ajax 시작하기 Ajax란? Ajax는 Asynchronous Javascript and Xml의 약자입니다. 이는 자바스크립트의 라이브러리 중 하나이며, 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법입니다. 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간에 XML 데이터를 주고받는 기술입니다. AJAX라는 네트워크 기술을 이용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과..

Web development (2)

웹개발 2주차 (4) - JSON, GET

▶▶▶현재 시간 : 2022년 10월 17일 3:17 P.M. 집중 하기 위해 데스크, 모니터,의자 전부다 바꿨다. 최상의 컨디션으로 코딩연습하기 위해...ㅎ 좋은 결과 있기를..! ▶JSON이란 ? 데이터는 무엇보다 중요합니다. 하지만 다양한 종류의 데이터를 어떻게 활용해야 할지 아는 일은 그보다 더 중요하죠. 프로그래머, 개발자, IT 전문가들은 어떤 언어에서든 데이터 구조와 실제 데이터를 다른 언어 및 플랫폼에서 해석 가능한 형식으로 전송할 수 있어야 합니다. JavaScript Object Notation(JSON)은 이를 가능케 하는 데이터 교환 포맷이죠. JSON이 개발자들 사이에서 인기를 얻게 된 이유는 인간이 읽을 수 있는 문서로 이루어졌기 때문입니다. 게다가 코딩도 더 적게 필요하고, 처..

Web development (2)

웹개발 2주차 (3) - jQuery + Javascript의 조합을 연습

▶현재 시간 : 2022년 10월 17일 3:03 P.M. 연습과 공부가 내가 할 수 있는 최선의 선택! 팀원들과의 스터디에서 피해가 되지 않기 위해 공부 하자! ▶JQuery 연습하기 퀴즈 완성본보기 http://spartacodingclub.shop/ajaxquiz/00_0 jQuery 연습하고 가기! spartacodingclub.shop 퀴즈 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이..

Web development (2)

웹개발 2주차 (2) - JQuery 연습

▶현재 시간 : 2022년 10월 17일 2:51 P.M. 날씨도 점점 추워지고 어느 덧 2추자가 넘어 간다. 아직은 개념 정리하고 좀 더 연습해야지 확실히 내꺼가 될 것 같다. 비록 어렵긴 하지만 이해 못 할정도는 아니니깐 공부를 더 열심히 해야겠다. :) ▶JQuery 적용하기(포스팅 박스) 포스팅박스 열기/닫기 기능을 붙여보기 연습 (2) 포스팅 박스 열기 버튼에 function을 달기 function open_box(){ alert('열린다!') } function close_box(){ alert('닫힌다!') } 영화 기록하기 닫기 (3) 클릭 해서 포스팅 박스를 여닫게 하기 포스팅 박스에 id 값을 주기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 ..

Web development (2)

웹개발 2주차 (1) - jQuery

▶현재 시간 : 2022년 10월 14일 9시 47 P.M. 2주차 배우는 중..쉽지는 않지만 막상 해보면 엄청 어렵지는 않다. 왠지 익숙해지면 괜찮아 질 거 같은 느낌이 든다. 많이 익숙해 지기 위해서 강의 실습 따라 해봐야될 것 같다. ▶단축기 모음 새로고침 F5 저장 Windows: Ctrl + S macOS: command + S 전체선택 Windows: Ctrl + A macOS: command + A 잘라내기 Windows: Ctrl + X macOS: command + X 콘솔창 줄바꿈 shift + enter 코드정렬 Windows: Ctrl + Alt + L macOS: option + command + L 들여쓰기 Tab 들여쓰기 취소 : Shift + Tab 주석 Windows: Ct..

요가하는 개발자
'Web development (2)' 카테고리의 글 목록