일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 이벤트위임
- 돔조작
- Await
- 어웨이트
- 리액트
- truthy
- 코딩공부
- async
- 단락회로평가
- 전역변수
- 프론트엔드
- 동기적
- INCLUDES
- 비구조화
- 중앙정렬
- addEventListener
- icoMoon
- 자바스크립트기초
- map()
- 비동기적
- text-align
- 이벤트리스너
- git
- 캡쳐링
- falsy
- 버블링
- js
- 논리연산자
- 자바스크립트
- 지역변수
- Today
- Total
목록Java Script (18)
피리부는 사나이 (pied piper)
# JS에선 함수도 객체, 일종의 값이 될 수 있음 -이것이 다른 언어의 함수와 다름 점 function a () {} //함수 a가 선언됐다. JS에선 함수는 객체의 값으로 포함될 수 있다. a = { b:function(){ } }; //그런면에서 볼 때 함수명 a라는 변수에 함수b가 값으로 담겼다고도 //볼 수 있을 것이다. 그리고 이렇게 '객체'의 '속성값'으로 담겨진 함수가 메소드이다. -함수는 값이기 때문에 다른 함수의 인자로 전달 될 수 있다. -함수는 함수의 리턴 값으로도 사용할 수 있다. -당연히 배열의 값으로도 사용할 수 있다. ##처리의 위임 함수의 인자로 함수를 전달할 수 있다고 했다. 이로써 함수의 동작을 완전히 바꿀 수 있다. 함수는 두 가지로 나눌 수 있다. 1. 자바스크립트 ..
pad.Start 메서드를 이용하면 시간을 알려주는 function을 짤 때 도움이 된다. pad.Start 메서드를 사용하지 않을 때와 사용할 때의 차이를 미리 보여주겠다. 보다시피 무언가가 어색하다 자바 스크립트에 내장된 new Date 객체는 한 자리수 숫자를 그대로 보여준다. 앞에 01, 02초 이렇게 반환되지 않으니 볼 때 뭔가 허전한 느낌이 들 수 있다. 여러 가지 방법으로 시간을 나타내주는 함수에 0을 한 자리수 일때 붙여주고 그렇지 않을 때는 굳이 붙여주지 않는 로직을 직접 고안해서 구현할 수도 있겠지만, 자바스크립트, 브라우저에서 기본적으로 제공해줌으로써 더 간편하게 코드를 짤 수 있는데 돌아가지 않는 것이 더 좋지 않을까? pad.Start();의 문법은 매우 간단하다 padStart(..
setInterval ( ) : 첫 번째 파라미터에 전달한 함수를 두 번째 파라미터에 지정한 ms를 주기로 반복해서 함수를 자동적으로 호출해주는 자바스크립트 메서드 1. 기본문법 2. 파라미터에 익명함수 선언도 가능 활용 예시) new Date를 메서드를 사용해서 시간을 띄워보자 new Date 메서드란? 표준 시간을 제공하는 고마운 존재 Date 객체의 메서드를 사용하면 현재 날짜 및 시간을 출력할 수 있는데 구성요소 각각의 요소 역시 따로 불러올 수 있게 친절하게 만들어져있다. getHours, getMinutes, getSeconds 매서드를 사용하면 스탠다드한 버전의 시간을 보여주는 무엇을 만들 수 있는 재료가 됨 바로 선언해보자 getClock이라는 시간을 표기해주는 함수 선언 => date 객..
자바 스크립트에서 input 태그는 굉장히 자주 쓰인다. 그만큼 Input을 JS로 잘 다루는 방법들을 습득시키는게 중요하다고 한다. 특히 브라우저 기본 동작으로 input이나 button은 기본적으로 submit 즉, 전송시키는 동작이 있다. 이 동작은 동시에 페이지를 새로고침하는 기능을 갖고 있다. 하지만 대다수의 작업중에는 새로고침을 하지 않고 그대로 value값을 가지고 있음을 의도하는 경우가 많다. 그렇다면 이 default값으로 새로고침을 해버리는 이 동작을 어떻게 하면 막을 수 있을까? 메서드에 적혀있는 그대로 Default값을 Prevent해주는 메서드이다. cancelable : true (취소해도 되는 이벤트)의 경우에는 이 메서드를 호출하면 기본 동작일지라도 실행하지 않게 해준다. 그..
기본적 예제 : 변수 (전역변수)가 밖에 선언 var vscope ='global' function fscope() { alert (vscope); } fscope(); //여기서 fscope라는 함수를 선언하 globa이라는 텍스트가 경고창에 출력 //함수안에 있는 alert이 함수 밖에 '변수'에 접근할 수 있다는게 취지 변수가 밖에 선언되고, 함수안에도 선언됨과 동시에 ‘local’이라는 문자열을 새로 갖게 되었을 때 결과는 어떻게 될까? var vscope ='global' //전역변수 function fscope() { var vscope = 'local';//지역변수 alert (vscope); } fscope(); 정답 ‘local’을 출력하게 됨 vscope는 가까운 함수를 찾게 됨, 만약..
함수 표현식 복습 콜백 함수 (자바스크립트의 정신을 대변) https://ko.javascript.info/function-expressions 함수 ask의 인수, showOk와 showCancel은 콜백 함수 또는 콜백이라고 불린다. 값으로서의 함수 함수를 함수의 인수로 전달하고 필요하다면 인수로 전달한 그 함수를 나중에 호출하는 것이 콜백 함수의 개념 익명 함수 : 변수에 할당 된게 아니기때문에 선언된 함수 밖에서 접근할 수가 없음. 함수는 “동작"을 나타내는 값 문자열이나 숫자는 데이터를 나타냄 함수는 하나의 action을 나타냄 함수 선언문과 함수 표현식의 차이 함수 선언문 // 함수 선언문 function sum(a, b) { return a + b; } 함수 표현식 독자적인 구문형태로 존재 ..
배열의 선언방법 let arr=[]; //빈 배열 선언 arr = [1, 2, 3, 4, 100]; //배열에 값 할당 **접근 방법** arr[0] -> 1 arr[4] -> 100 //5가 아닌 4인데 5번째 100이 나온 이유 //컴퓨터는 숫자를 0부터 센다. 배열은 순서가 있다, 인덱스로 구성 (0부터 매김) 그 값들은 요소라고 부른다, 쉼표로 구분 대괄호를 통해 만듬 객체의 선언방법 let user = {}; // 빈 객체는 중괄호로 선언 user = { key : value key: value } //객체에 값 할당 접근방법 (2가지) **obj.key //돗 방식 (더 많이 씀)** obj['key'] //브라켓 방식 항상 키와 값을 넣어야한다. 그 값들은 속성(프로퍼티)라고 부른다, 마찬가..