본문 바로가기

분류 전체보기433

제이쿼리 -선택자 -선택자선택자는 HTML요소를 선택하여 가져옵니다. 제이쿼리 선택자는 CSS선택자와 마찬가지로 선택한 디자인 속성을 적용할 때 사용할 수 있습니다. !이때! HTML에서 작성한 스타일은 사용자의 동작에 의해 스타일을 변경할 수 없기 때문에 HTML에서 작성한 스타일(CSS)은 ‘정적이다’라고 표현합니다. 하지만 제이쿼리 선택자를 사용하면 ‘동적’으로 스타일을 적용할 수 있습니다. -선택자 사용하기선택자를 사용하기 위해서는 문서 객체를 불러와야 한다. 영역에 문서 객체를 먼저 불러온 다음 선택자를 사용할 수 있도록 작성해야한다. 기본형 | 1.선택한 요소에 지정한 스타일을 적용한다. ex) $(“CSS선택자”).css(“스타일 속성명”,“값”); 2.선택한 요소에 지정한 속성을 적용한다. ex) $(“CS.. 2018. 11. 17.
제이쿼리 START -제이쿼리제이쿼리는 모질라 사의 자바스크립트 개발자였던 존 레식이 자바스크립트를 이용해 만든 라이브러리 언어이다.라이브러리 -> 자바스크립트로 만들어진 다양한 함수들의 집합 제이쿼리의 이점1.호환성 문제 해결2.쉽고 편리한 애니메이션 효과 기능 구현 -제이쿼리 라이브러리 연동1.다운로드 방식->제이쿼리 라이브러리를 제공하는 사이트에서 제이쿼리 라이브러리 파일을 직접 내려받아 HTML에 불러오는 방식입니다. 2.네이트워크 전송 방식->온라인에서 제공하는 제이쿼리 라이브러리 파일을 네트워크를 통해 HTML에 불러오는 방식 다운로드 방식CDNJS 사이트에서 다운로합니다. 종류1.jquery.js -> 소스에 들여쓰기,줄바꿈 , 주석까지 정리된 비압축 파일이다. 제이쿼리 자체를 개발할 때 유용하다.2.jquer.. 2018. 11. 17.
자바스크립트 내장함수 -자바스크립트 내장 함수내장 함수란 자바스클비트 엔진에 내장된 함수를 말한다. 개발자가 함수를 정의하고 호출문을 사용해 안에 있는 코드를 실행 했지만, 내장 함수는 함수를 직접 선언하지 않아도 된다.( 바로 호출 가능) 종류1)encodeURl() : 문자를 유니 코드값으로 인코딩 ex) encodeURl(“?query=값”); -> “?query=%EA%B0%91”2)encodeURl Component() : 문자를 유니 코드값으로 인코딩(영문,숫자 제외).ex)encodeURlComponent(“?query=값”)-> “%3Fquery%3D%EA%B0%91“3)decodeURl() :유니코드 값을 디코딩해 다시 문자화합니다.decodeURl(“?query=%EA%B0%91“)->“?query=값”4).. 2018. 11. 16.
자바스크립트 - 객체 생성자 함수 -객체 생성자 함수의 활용내장 객체를 생성할 때는 이미 자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성한다. 기본형 | function 함수명(매개변수1,매개변수2,...매개변수n) { //객체 생성자 함수 this.속성명=새 값; this.함수명=function() { 자바스크립트 코드; } } var 참조 변수 (인스턴스 네임) = new 함수명(); //객체생성 var 참조 변수=(속성: 새 값,함수명:function() {...} }ex) function checkWeight(name,height,weight){ //객체 생성사 함수 this.userName=name; this.userHeight=height; this.userWeight=weight; this.minW.. 2018. 11. 13.
자바스크립트- return,재귀함수와 함수 스코프 개념(지역,전역변수) -Return ?return문은 함수에서 결괏값을 반환합니다. 또한 강제로 종료 됩니다. 즉, 결괏값(data)를 반환하는 역할입니다. -데이터를 반환하고 강제 종료하는 return문기본형 | function 함수명() { 자바스크코드1; return 데이터(값); 자바스크코드2; } var 변수 = 함수명();->함수호출 -> 함수코드실행 -> 자바스크립트 코드2를 무시후 데이터 반환->다시 함수호출 (즉,return을 만나 코드 2는 무시 됨) -재귀 함수 호출함수 정의문 내에서 작성한 코드로 함수를 다시 호출하는 것을 말한다. 기본형 | function myFnc() { 자바스크립 코드; myFnc(); } myFnc(); ex) var num = 0; function testFnc(){ num++.. 2018. 11. 13.
자바스크립트 -함수 -함수 ?앞에서 데이터를 저장할 때 변수를 선언하여 저장했다. 변수에는 데이터만 저장할 수 있고, 코드는 저장할 수 없다. 하지만 함수는 코드를 메모리에 저장했다가 필요할 때 마다 호출 한다. % 변수와 함수의 차이점 ? -> 함수는 1.자바스크립트 코드를 저장 2.function 이라는 키워드를 이용해 선언 3.출력문 제어문등의 코드를 저장하고 데이터를 반환 -함수 정의문 기본형 | function 함수명 () { 자바스크립트 코드; } 익명함수(함수명이 없는 함수)를 선언하고 변수에 참조해도 된다ex) 참조 변수=function() { 자바스크립트 코드; } % 일반 함수 정의 VS 선언 참조 방식일반 함수 정의는 함수 호출 시 호이스팅 기술을 지원하여 함수 정의보다 호출문이 먼저 나와도 함수 정의문.. 2018. 11. 13.

티스토리툴바