서버 : 클라이언트에게 네트워크를 통해 서비스를 제공하는 컴퓨터 서버 구축 방법 1) 본인의 컴퓨터를 직접 서버로 구축하는 방법 2) 일정 요금을 내고 외부 서버를 임대해 사용하는 방법 서버 호스팅 : 서버 한 대(물리적으로 존재하는 컴퓨터 한 대)를 통째로 임대하는 방법 자체적인 관리 필요 # 컴퓨터의 작동 환경을 마음껏 유동적으로 설정 가능 # 웹 호스팅에 비해 가격이 비쌈 웹 호스팅 : 서버 한 대의 일정 저장공간만 임대하여 다른 사용자들과 해당 서버를 공유하는 방법 # 서버 호스팅에 비해 가격이 저렴함 # 서버 자체를 웹 호스팅 사에서 운영(쉽게 이용 가능함) # 트래픽, 용량 등 사용상의 제약이 있을 수 있음 클라우드 서버 : 실제 물리적인 컴퓨터 한 대로 서버를 운영하는 것이 아닌 VM(Vir..

JQuery 이벤트 리스너 : 이벤트가 발생했을 때 그 처리를 담당하는 함수 로딩 이벤트 : 문서가 로드될 때 바로 발생하는 이벤트(문서를 읽기 전 먼저 실행) 사람들에게 무언가를 보여주기 전에 해야하는 작업을 넣는 곳 맨 첫번째 함수만 실행(두 개 이상 사용X) 종류 1) .ready() 2) $() $(document).ready(function() { alert("document.ready"); }); // or $(function(){ alert("ready") }); 마우스 이벤트 : 마우스와 관련된 이벤트 종류 1) click() // 참고 on(”click”,function() {}) = click( function() {}) 2) mouseover() 3) hover() 4) scroll(..

JQuery : 자바스트립트 언어를 간편하게 사용할 수 있도록 단순화 시킨 오픈 소스 기반의 자바스크립트 라이브러리 장점 HTML DOM를 손쉽게 조작 가능, CSS 스타일도 간단히 적용 가능 애니매이션 효과나 대화형 처리를 간단하게 적용 같은 동작을 하더라도 코드를 더욱 짧게 구현 가능 오픈 라이선스를 적용해 누구나 자유롭게 이용 가능 사용 방법 1) 파일 다운로드 2) cdn 사용 JQuery 검색 > CDN클릭 > 코드 긁어오기 * uncompressed: 압축이 되어있지 않은 형태 * compressed: 압축된 형태 JQuery 기초 $(선택자).동작함수(); // $는 JQuery()의 축약 형태로, 식별자 역할 JQuery 메소드 값 가져오기 및 변경하기 //값 가져오기 $(선택자).val(..

프레임워크와 라이브러리 : 개발을 보다 효율적으로 하기 위해 누군가가 쓴 코드를 가져다 사용하는 것 차이점? 뭐가 뭐를 컨트롤 하는가 프레임워크: 프레임워크가 나를 컨트롤함 라이브러리: 내가 라이브러리를 컨트롤함 프레임워크 : 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것 따라서, 누군가가 정해준 규칙을 따라 코딩해야 함(이미 짜여진 틀). 더보기 프레임워크가 어디에 코드를 넣어야 하는지와 같은 코드의 규칙을 알려줌(문서를 참고해서 적절한 위치에 코드를 넣어 나가야 함) ex) Bootstrap, Django 등 라이브러리 : 재사용이 필요한 기능으로 반복적인 코드 작성을 없애기 위해 언제든지 필요한 곳에서 호출하여 사용할 수 있도록..

DOM(Document Object Model) : 문서 객체 모델 문서(HTML, XML 등)에 작성해 놓은 요소, 태그들에 접근하는 방법 제공 DOM 역할 새로운 HTML의 요소나 속성 추가 존재하는 HTML 요소나 속성 제거 HTML 문서의 모든 HTML 요소, 속성, css 스타일 변경 HTML 문서에 새로운 HTML 이벤트 추가 HTML 문서에 모든 HTML 이벤트에 반응 Document : 웹 페이지에 존재하는 HTML요소에 접근하여 행동하고자 할 때 사용하는 객체 [ Document 속성 ] document.documentElement document.head document.title document.body document.URL document.domain [ Document 요소 선택..

Javascript 자료형 기본 자료형 vs 객체 자료형 기본 자료형: 다른 변수에 값을 할당하거나 함수 인자를 넘길 때 값을 복사해 전달 = 값을 가지고 있는 변수 객체 자료형: 값을 복사해 전달하는 것이 아닌 메모리 주소를 복사(같은 객체를 참조) = 주소를 가지고 있는 변수(객체의 주소를 저장) Object(객체/참조) 자료형 : Object 클래스 뿐 아니라 배열과 함수, 클래스 등 모두 Object에 포함 [ 객체 ] : 참조할 수 있는 메모리 상의 값 ex) ▼▼▼ 객체: 고양이 그 자체 속성: 이름-나비, 나이-1살 메소드: mew()-울다, eat()-먹는다 var cat = { name: "나비", age: 1, mew: function() { return "야옹"; } }; # 리턴값 ..