Category: 수업내용

  • 03/27-1

    Ajax http통신 : 웹 브라주어가 웹 서버(웹 사이트가 저장된 위치)와 통신 할 수 있도록 하는 메세징 프로토콜 http함수 : request target:요청의 의도(get-받아오기,post-전달하기,delete-제거, update-최신화) http Response 구조-응답코드[자주 보는것만 적어놓음] : 200[성공]404[요청한 페이지 없음] Ajax 동작 원리 즉, 전체를 다시 로딩하는 시간보다 훨씬 짧아질 수 있기 때문에 쓰는 것이다. response로 서버로 받은 값을 찾아 올 수 있는데,… Read more

  • 03/24-1

    JQuery : 자바스크립트의 플러그인 중 하나. 과거에는 많이 썼는데 현재는 의존도 하락 추세 의존도 하락 이유 : 웹 표준 API의 확장, 가상 돔을 사용하는 라이브러리의 등장(React, Vue) 직접 접근 및 조작을 하면 성능저하가 생김 적용방법 CDN : 웹사이트의 접속자가 서버에서 콘텐츠를 다운받아야 할 때, 자동으로 가장 가까운 서버에서 다운받도록 하는 기술. 특정 서버에 형태 생성된… Read more

  • 03/23-01

    js에서 forEach forEach는 배열에 있는 각각의 값을 꺼내서 콜백함수를 통해 쓸 수 있다. Read more

  • 03/20-1

    setInterval(함수,시간[단위:ms]) : 시간마다 함수를 실행하는 타이머 함수 문자열.padstart(n,k) : 문자열 길이가 n 보다 작으면 k(문자)를 모자란 만큼 문자열의 왼쪽에서부터 생성해주는 함수. 대체로 시간을 보여 줄 때 한자리일 경우 위치가 어긋나게 될 수 도 있어서 그 점을 보안하기 위해 쓰인다. js파일마다도 서로 공유하기 때문에 한쪽에서 만든 함수를 다른 js에서도 쓸 수 있다. 반대로 생각하면 변수지정이나 함수가… Read more

  • 03/17-1

    CSS에 작성한 class를 js를 이용해 불러 올 수도 있다. -classList 이벤트 객체의 속성과 함수에 대한 설명 예를 들어 라고 짠 경우 클릭했을 때 value라는 함수가 발생하는데e.target은 abc가 class이름이 abc인 태그(div)이고, 그 자식인 p 태그의 style의 글자색을 빨간색으로 변경한다는 의미가 된다. Read more

  • 03/15-2

    이벤트 addEventListener : 객체나 요소의 함수에 이벤트 리스너를 전달하는 함수 하나의 객체에 여러 개의 이벤트 리스너를 등록 가능 반대로 제거는 removeEvnetListener 이벤트 리스너 호출 : 이벤트가 발생 시, 브라우저는 자동으로 등록된 이벤트 리스너를 호출 이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록된 이벤트 리스너를 제일 먼저 호출하고 그 뒤에 addEventListener()함수를 사용하여 등록한 이벤트 리스너를 등록한 순서대로… Read more

  • 03/15-1

    Node 관련 몇몇가지 textNode,textContent,innerHTML 셋 다 텍스트를 수정해주는 기능이다. 차이점은 innerHTML은 태그를 넣으면 태그는 반영이 되지만 ,나머지 둘은 문자열을 그대로 출력해준다. 복제 : let 복제할 개체명=기존객체명.colneNode(true); classlist : CSS의 클래스에 대한 것. Read more

  • 03/14-1

    Date 객체-날짜와시간 관련 Math 객체 Number 객체 : number로 접근해서 쓰는 함수와 속성이 존재, 객체로 만들어서 접근하는 함수가 있다. 래퍼 객체 : Numer,String 같은 원시 자료형을 임시로 객체로 만드는 것. 참조가 끝나면 만들었던 기능은 소멸 screen 객체 : 사용자의 디스플레이의 화면에 대한 다양한 정보를 저장하는 객체 location 객체 : 현재 브라우저에 표시된 HTML 문서의 주소를… Read more

  • 03/13-1

    내장 객체의 종류 Boolean,Number,String(new 키워드 사용 시) Date,Math,Array,Function,Object,기타 등등 prtoyotype 객체를 생성하고 객체를 통해 사용 할 수 있는 메소드 prototype이 없는 메소드는 생성자함수 이름을 통해서 사용하는 함수 자주 사용하는 객체는 생성자 함수 형태를 안쓰기도 한다(예 : array) string(문자열)-기본 생성자/new 키워드로 정의가능 문자열을 꾸미는 함수,정보를 가져오는 함수 2종류가 있다. 문자열을 꾸미는거는 HTML때랑 동일하다 Read more

  • 03/10-2

    for…in 문을 사용해서 객체 안의 변수나 함수명을 불러내거나 그 값을 불러 올 수 있다. 배열에서 쓰던 것과 같지만 단계실행으로 보면 a in b라고 가정했을 때 a의 값이 b(객체)에서 쓴 변수명이나 함수명이 순서대로 나오는 걸 볼 수 있다. Read more