▶현재 시간 : 2022년 10월 17일 3:35 P.M. 오늘은 ajax 시작할 시간이다! 다듬고 또 다듬어 보자! :) 튜터님이랑 하면 쉬운데 혼자하면 아직 손에 익지 않아서 인지 시간이 좀 걸린다. 계속하면 좋아지겠지! ▶Ajax 시작하기 Ajax란? Ajax는 Asynchronous Javascript and Xml의 약자입니다. 이는 자바스크립트의 라이브러리 중 하나이며, 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고 페이지의 일부만을 로드하는 기법입니다. 자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버간에 XML 데이터를 주고받는 기술입니다. AJAX라는 네트워크 기술을 이용하여 클라이언트에서 서버로 데이터를 요청하고 그에 대한 결과..
▶▶▶현재 시간 : 2022년 10월 17일 3:17 P.M. 집중 하기 위해 데스크, 모니터,의자 전부다 바꿨다. 최상의 컨디션으로 코딩연습하기 위해...ㅎ 좋은 결과 있기를..! ▶JSON이란 ? 데이터는 무엇보다 중요합니다. 하지만 다양한 종류의 데이터를 어떻게 활용해야 할지 아는 일은 그보다 더 중요하죠. 프로그래머, 개발자, IT 전문가들은 어떤 언어에서든 데이터 구조와 실제 데이터를 다른 언어 및 플랫폼에서 해석 가능한 형식으로 전송할 수 있어야 합니다. JavaScript Object Notation(JSON)은 이를 가능케 하는 데이터 교환 포맷이죠. JSON이 개발자들 사이에서 인기를 얻게 된 이유는 인간이 읽을 수 있는 문서로 이루어졌기 때문입니다. 게다가 코딩도 더 적게 필요하고, 처..
▶현재 시간 : 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. 이메일이 아니면(@가 없으면) '이..
▶현재 시간 : 2022년 10월 17일 2:51 P.M. 날씨도 점점 추워지고 어느 덧 2추자가 넘어 간다. 아직은 개념 정리하고 좀 더 연습해야지 확실히 내꺼가 될 것 같다. 비록 어렵긴 하지만 이해 못 할정도는 아니니깐 공부를 더 열심히 해야겠다. :) ▶JQuery 적용하기(포스팅 박스) 포스팅박스 열기/닫기 기능을 붙여보기 연습 (2) 포스팅 박스 열기 버튼에 function을 달기 function open_box(){ alert('열린다!') } function close_box(){ alert('닫힌다!') } 영화 기록하기 닫기 (3) 클릭 해서 포스팅 박스를 여닫게 하기 포스팅 박스에 id 값을 주기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 ..
▶현재 시간 : 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..
▶현재시간 : 2022년 10월 14일 4:57 A.M. 3일차. 오늘은 자바스크립트 정리하는 날! 조금 더 정확히 개념을 알기 위해 정리정리!! ▶자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다. 클라이언트가 서버에 요청하면, 서버가 클라이언트에게 HTML+CSS+Javascript를 줍니다. 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있습니다. ▶자바스크립트 - HTML 연결. 버튼을 클릭하면 경고창이 뜨게하기 ▶Javascript 기초 문법 배우기(1) 크롬 개발자도구 콘솔창은 어떤 의미? > 띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들..
▶현재시간 : 2022년 10월 14일 3:57A.M. 사실 5주차 강의 다 듣고 2번째로 다시 들으면서 정리 중이다. 2번째라 그런지 강의 듣는 속도도 조금씩 빨라지면서 정리 되어 가고 있는 중이다. 앞으로 계속 정리 해야지 ~~ ▶ bootstrap이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.) ▶bootstrap - 시작 템플릿 남이 미리 작성한 CSS를 내 HTML 파일에 적용한다는 점에서, bootstrap 적용은 CSS 파일 분리와 원리가 동일합니다. 다만, CSS의 파일이 인터넷 어딘가에 있다는 점이 다를 뿐입니다. ▶bootstrap 예..
▶현재 시간 : 2022년 10월 14일 9:14 A.M. 11월 7일 수업전까지 나의 목표는 2번 웹종합 강의 다 듣기 + JavaScript 문법 뽀개기 + 파이썬 문법 뽀개기 듣기!! 계획했던 목표 일단 해보자! [1주차 수업 목표] 서버와 클라이언트의 역할에 대해 이해한다. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다! Javascript 기초 문법을 익힌다. ▶HTML은 뼈대, CSS는 꾸미기! HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 ..
