주니어 개발자 모몽'-' 주니어 개발자 모몽'-'

JSON(제이슨, JavaScript Object Notation) 속성-값 또는 키-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷 JSON 구조 - 데이터는 이름과 값의 쌍으로 이루어짐 - 쉼표(,)로 나열 - 객체(Object)는 중괄호({})로 표현 - 배열(Array)는 대괄호([])로 표현 JSON 데이터 - 이름과 값의 쌍으로 구성 - 데이터이름, 콜론(:), 값 순 문법 "데이터이름":값 데이터 자료형 - 숫자(number) - 문자열(String) - 참/거짓(boolean) - 객체(Object) - 배열(Array) - NULL

Ajax Asynchronous JavaScript And XML의 약자 자바스크립트를 이용해 비동기식으로 서버와 통신하는 방식. 이때 XML 이용 => 비동기식: 여러가지 일이 동시적으로 발생한다는 뜻. 서버와 통신하는 동안 다른 작업 수행 가능 => 웹페이지 전체를 다시 로딩하지 않고 웹페이지 일부분만 갱신 가능 => 백그라운드 영역에서 서버와 통신하여 그 결과를 웹페이지 일부분에 표시 최근에는 json을 더 많이 이용 HTML, CSS, JavaScript, DOM, XML 등 기존 사용 기술을 함께 사용하는 새로운 개발 기번 비동기식 참고 더보기 "jQuery", 생활코딩, opentutorials.org/course/53/49 "Ajax", 생황코딩, opentutorials.org/course..

jQuery? $()? jQuery 생성자 함수 $() 팩토리(공장)함수 내부적으로는 new JQuery() 를 init 하여 공장처럼 찍어냄 함수를 호출하는 것 제이쿼리 기본 문법 $(선택자).동작함수(); 달러($) 기호: 제이쿼리 의미. 제이쿼리에 접근할 수 있게 해주는 식별자 선택자를 이용하여 원하는 HTML 요소를 선택하고 동작함수를 정의하여 선택된 요소에 원하는 동작 설정 $() 함수 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해주는 역할 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery Object)라고 함 참고 더보기 "$", TCPSCHOOL, tcpschool.com/jquery/jq_basic_syntax , 2020-11-02 tistory, "$()"..

== != Equality 연산자(동등 연산자) 사전적 의미) equality 평균, 균등 느슨한 동등 비교. 강제형변환 예시) 1 2 3 4 5 6 7 123=='123' // true '123'=='123' // true false==false // true false==0 // true false=="" // true false==null // false false==undefined // false false==NaN // false cs ===, !== Identity 연산자(일치 연산자) 사전적 의미) identity ID, 신원, 신분, 정체 엄격한 동등성 비교. 타입과 값 둘다 같아야 함 예시) 1 2 3 4 5 6 7 123==='123' // false false===false // t..

HIghCharts란? 순수 JavaScript로 작성된 차트 작성용 소프트웨어 라이브러리 HighCharts 홈페이지 www.highcharts.com/

keyup 키보드에서 손을 뗐을 때 실행 현재 누른 값을 가지고 있음 keydown 키보드를 눌렀을 때 실행(한번 실행) Ctrl, Alt, Shift 등 키 작동 이전 누른 값 정보를 가지고 있음 keypress 키보드를 눌렀을 때 실행(누르고 있는 동안 계속 실행) Ctrl, Alt, Shift 등 키 작동 하지 않음 이전 누른 값 정보를 가지고 있음 keyCode ASCII 값 keyup, keydown => a=65 A=65 동일 keypress => a=65 A=65 동일 X

ajax 요청 시작과 응답시 함수 설정 $(document).on({ ajaxStart: function() { // ajax 요청 시작 직후 실행 }, ajaxStop: function() { // ajax 응답 완료 후 성공 여부와 상관없이 실행 } }); => 로딩화면 생성 시 사용

사용이유 스타일을 부여하기 위해 사용 1. attr() 2. css() 3. addClass() attr()나 css()를 사용할 경우 inline 형태로 스타일 부여됨 => 코드와 스타일 분리되지 않음 => !important 필요할 수 있음 위 단점들은 보안 addClass() 클래스을 추가하는 메소드 $(element).addClass('클래스명'); removeClass() 클래스을 제거하는 메소드 $(element).removeClass('클래스명'); hasClass() 클래스명이 존재하는지 확인하는 메소드 $(element).hasClass('클래스명'); 참고 더보기 "addClass", jQuery, api.jquery.com/addclass/ "removeClass", jQuery, a..