본문 바로가기
728x90
반응형

JavaScript11

jQuery 개발자 수업 69일차(1) - jQuery, 선택자(Selector), 이벤트(Event) 1. jQuery 2. 선택자(Selector) 3. 이벤트(Event) 1. jQuery [ 정의 ] - 클라이언트 측 HTML 스크립팅을 간소화하기 위해 고안된 크로스 플랫폼 자바스크립트 라이브러리다 - Lightweight footprint, 경량 - CSS3 Comliant, CSS3 선택자를 지원한다. (태그 검색하는 도구로 제공) - Cross-Browser(Chrome, Edge, FireFox, IE, Safari, Android, iOS) [ 설치 방법 ] 1) 로컬 설치 방법 - http://jquery.com 에 접속한뒤 필요한 버전을 다운로드한다. ( 마우스 우클릭 -> 다른이름으로 링크 저장 ) - 다운받은 링크를 내 현재 프로젝트 폴더에 넣는다. - 설치한 파일 경로를 head .. 2021. 7. 5.
JavaScript 개발자 수업 65일차 - 부모-자식-형제 태그, DOM 제어, DOM 이벤트 1. 부모-자식-형제태그 2. DOM 제어 3. DOM 이벤트 1. 부모-자식-형제태그 [ DOM Tree의 구성요소 ] - 페이지의 소스의 모든 요소들이 구성요소가 된다. - 선언문(), 주석, 태그, PCDATA, 속성 등... [ 자식 노드 접근 프로퍼티 ] 이름 설명 hasChildNodes 현재노드 기준으로, 자식노드가 있는지 없는지 true, false로 반환한다. childNodes 자식 노드 리스트를 확인한다. 유사 배열이며, 모든 타입의 노드를 자식으로 받는다. firstChild 첫번째 자식 노드를 확인한다. lastChild 마지막 자식 노드를 확인한다. [ 자식 노드 접근 예제 ] 나 첫째 자식 둘째 자식 셋째 자식 [ 자식 태그 접근 프로퍼티 ] 이름 설명 children 자식 태.. 2021. 6. 29.
JavaScript 개발자 수업 61일차(1) - Casting, String, Date, Array 1. Casting 2. String 3. Date 4. Array 1. Casting - 형변환 함수 1) 정수: parseInt(값) 2) 실수: parseFloat(값) [ 형변환 예제 ] var n1= 3.14; console.log(parseInt(n1)); //실수 -> 정수 var n2 = '100'; console.log(parseInt(n2)); //문자열 -> 정수 var n3 = 200; console.log(parseFloat(n3)); //정수 -> 실수 var n4 = '3.14'; console.log(parseFloat(n4)); //문자열 -> 실수 [ 형변환시 유의점! ] - 문자열 -> 정수 변환시 시작부터 연속된 숫자만을 취급하고, 나머지는 버린 뒤 형변환 된다. - .. 2021. 6. 24.
JavaScript 개발자 수업 60일차 - JavaScript, Data Type, Function 1. JavaScript 2. Data Type 3. Function 1. JavaScript [ 정의 ] - 브라우저에서 동작하는 프로그래밍 언어이다. - 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. [ 적용 방법 ] 1) 이벤트 핸들러 방식 : 해당 태그에 직접 기재하는 방법 2) 임베디드 방식 : 3) 외부 방식 : [ console.log(); ] - 디버그 전용 함수이다. - 개발자가 값을 콘솔창에서 확인 할 수 있으며, 보편적으로 많이 쓰인다. ( 사용자에게는 출력되지 않는다. ) - Node 환경에서도 출력이 가능하다. 2. Data Type [ Java & JavaScript 변수 차이점 ] - Java는 정적 할당 언어이기 때문에, 변수를 선언할 때 자료형이 정해진다... 2021. 6. 24.
프레임워크(Framework) & 라이브러리(Library) juyeop.tistory.com/23 프레임워크와 라이브러리의 차이 안녕하세요, 오늘은 프로그래밍을 할 때 자주 이용되는 위의 두 가지에 대해서 이야기하려고 합니다. 저를 포함한 많은 사람들이 프레임워크와 라이브러리의 차이에 대해서 잘 모르고 계셔서 juyeop.tistory.com 프론트엔드 로드맵을 보면서 많이 보았던 Framework와 Library의 뜻과 차이점이 궁금했는데, 위 링크의 도움을 받고 단번에 이해했습니다. 프레임워크(Framework) : 뼈대나 기반구조 비유 : 집 자체를 뜻하며 그 안에서 모든걸 한다고 생각하자 종류 - Java : Struts, Spring, 전자정부 프레임워크 - QRM : myBatis(iBatis), Hibernate - Javascript : Angul.. 2021. 3. 3.
728x90
반응형

티스토리툴바