MumuandSander

MumuandSander

  • All View (416)
    • * (323)
      • collection (118)
      • poetry (98)
      • interior (4)
      • scrap (103)
    • coding tutorial (93)
      • Java Script (39)
      • HTML (11)
      • CSS (24)
      • Computer Science (6)
      • Network (10)
      • Git, GitHub (2)
    RSS 피드
    로그인
    로그아웃 글쓰기 관리

    MumuandSander

    컨텐츠 검색

    태그

    제주오름투어 콘테나프로젝트 제주 제주오름프로젝트

    최근글

    댓글

    공지사항

    아카이브

    coding tutorial(93)

    • [gitHub] 로컬에서 원격저장소로 파일 업로드하는 방법 (add, commit, push)

      git add(변경사항 저장) ▶ git commit(변경사항 확정) ▶ git push(원격저장소에 업로드) ▶ git add git add - 다음 변경(commit)을 기록할 때까지 변경분 모아놓는 작업 git add 파일명 git add . // 전체 add (점(.)은 모든 것을 의미) git add *.txt // 모든 txt 파일 업로드 git add project/app/*/ //디렉토리 업로드 git add --update // 현재 git이 추적하고 있는 파일들만 add ▶ git status git status - 작업 디렉토리(working directory)와 스테이징 영역(staging area)의 상태를 확인 위에서 add 명령어로 staging area에 들어간 test.tx..

      2022.08.03
    • [JS] call, apply, bind

      call, apply, bind 는 함수 호출 방식과 관계 없이 this 를 지정할 때 사용하는 함수이다. .call(매개변수1, 매개변수2~) call 메서드는 모든 함수에서 사용할 수 있으며, this 를 특정값으로 지정할 수 있다. 첫번째 매개변수: this 로 사용될 값 두번째 매개변수~: 함수가 사용할 인수 .apply(매개변수1, [배열1, 배열2]) apply 메서드는 함수 매개변수를 처리하는 방법을 제외하면 call과 완전히 같다. call 은 일반적인 함수와 마찬가지로 매개변수를 직접 받지만, apply 는 매개변수를 배열로 받는다. 첫번째 매개변수: this 로 사용될 값 두번째 매개변수: 함수가 사용할 인수의 배열 apply 는 '배열 요소'를 함수의 매개변수로 사용할 때 유용하다...

      2022.07.26
    • [JS] 프로미스(Promise)

      Promise 는 new 연산자로 호출하여 사용 첫번째 인수는 성공 했을 때, 두번째 인수는 실패했을 때 실행되는 함수. const pr = new Promise((resolve, reject) => { //코드 }); 이렇게 어떤 일이 완료된 후 실행되는 함수를 callback 함수라고 한다. new Promise 생성자가 반환하는 promise 객체는 state 와 result를 프로퍼티로 받는다. new Promise state: pending(대기), result: undefined resolve(value) state: fulfilled(이행됨), result:value 이때 result 는 resolve 함수로 전달된 값 reject(error) state: rejected(거부됨), resu..

      2022.07.26
    • [JS] 클래스(Class)

      ES6 부터 클래스를 이용하여 객체 리터럴을 만들 수 있다. class 키워드 뒤 클래스명 첫문자는 대문자로 작성 constructor 내부에 프로퍼티를 넣어줌. 아래 예제 showName 함수처럼 바로 작성 시 객체 내부가 아닌 객체 내 프로토타입 내부에 위치하게 됨 new 키워드를 이용하여 호출하는 것은 생성자 함수와 동일하나, new 연산자 없이 클래스 호출시 error 발생 ㄴ 생성자함수의 경우 new 연산자를 제외시켜 호출해도 에러가 발생하지 않음 생성자 함수의 경우 prototype 을 사용하여 포로토타입 내부로 위치 시키면 결과는 유사해 보이나, class로 생성한 객체 리터럴의 경우 prototype > constructor 내부에 "class"가 명시되는 점이 다름 for( ... in ..

      2022.07.26
    • [JS] 상속, 프로토타입(Prototype)

      __proto__ 라는 객체는 프로토타입이라고 한다. 객체에서 프로퍼티를 읽으려고 하는데, 없으면 여기에서 찾는다. 프로토타입이 동작하는 방식을 알기 위해 상속 이란 개념이 필요하다. 중복되는 공통된 프로퍼티를 프로토타입으로 만들어 해결할 수 있다. for(.. in ...) 으로 순회하여 프로퍼티 확인 시 상속된 프로퍼티들이 모두 나옴. for in 문에서 구분하고 싶으면 .hasOwnProperty를 사용하면 됨. Object.keys() 나 Object.values() 등 메서드를 사용하면 상속된 프로퍼티는 나오지 않음 생성자 함수를 이용한 프로토타입 상속 클로저를 이용하여 생성될 당시의 컨텍스트를 기억하게 하기 - 조회만 가능하고 수정하지 못하게.

      2022.07.26
    • [JS] setTimeout, setInterval, clearTimeout, clearInterval

      setTimeout(fn, 시간, (인수)); 일정 시간이 지난 후 함수를 실행 setInterval(fn, 시간, (인수)); 일정 시간 간격으로 함수를 반복 setTimeout 과 사용 방법이 같다. 주의: delay time을 0으로 줘도 바로 실행되지는 않는다. 이유는 현재 실행중인 스크립트가 종료된 이후 스케쥴링 함수를 실행하기 때문이다. 또한 브라우저는 4ms 의 지연시간을 가진다. clearTimeout(tId); clearInterval(tId); 예정된 작업을 없앤다. setTimout, setIntarval 은 time ID를 반환(return값)하는데, 이것을 이용해 스케쥴링을 취소할 수 있다.

      2022.07.25
    이전
    1 ··· 4 5 6 7 8 9 10 ··· 16
    다음
    © 2023 Ye-jin Kim

    티스토리툴바