일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- HTTP Web Server
- Linux 파일 관리 명령어
- AWS EC2 서버 만들기
- Linux oh my zsh
- JavaScript EventLoop
- 자바스크립트 런타임
- javascript 정렬
- 서버의 서비스 방식
- Linux cd
- linux background
- Linux apt
- linux foreground
- EC2 HTTP 호스팅
- JavaScript 실행 디버깅
- Linux ls
- Linux 디렉터리 명령어
- Logback
- Linux mkdir
- EC2 Apache2
- javascript scope
- Linux rmdir
- Navigation Pattern
- EC2 oh my zsh
- Linux 디렉터리 구조
- EC2 zsh
- Linux apt-get
- 자바스크립트 이벤트 루프
- Linux pwd
- Linux cat
- Linux 디렉터리 역할
- Today
- Total
목록전체 글 (120)
HyunJun 기술 블로그
1. 비동기 함수 비동기 함수란, 하나의 요청(함수 실행)에 따른 응답(리턴)을 즉시 처리하지 않아도, 동기적인 함수를 실행하는 동안 뒤에서 따로 실행되는 함수이다. 자바스크립트에서의 비동기 함수는 아래와 같은 특징을 가진다. 자바스크립트 런타임의 콜 스택 내에 글로벌 컨텍스트(전체적인 코드를 담고 있는 컨텍스트)까지 제거되어야 비동기 함수의 콜백 함수가 동작한다. 비동기 함수의 종류에는 아래와 같은 것들이 있다. setTimeout 이벤트 리스너 setInterval 2. setTimeout setTimeout 함수의 콜백 함수와, 지연 시간을 입력하면 해당 ms가 지난 뒤 콜백 함수의 내용이 동작한다. setTimeout(() => { console.log("내용"); },3000) 만약 아래처럼..
1. Form 버튼 1 버튼 2 버튼 3 form의 경우 기본적으로 submit 타입의 버튼 사용 시 폼 데이터 전송과 동시에 페이지 이동이 일어난다. form 태그 안의 button 태그들의 경우 타입을 지정해 주지 않으면 submit type으로 동작한다. onsubmit 핸들러를 통해 submit 할 때의 event에 preventDefault()를 사용해 주면, 폼의 동작(데이터 전송, 페이지 이동)을 막는다. document.getElementById("test-form").onsubmit = (e) => { e.preventDefault(); console.log(e); }; 2. Focus 활용 onfocus: input에 포커싱 됐을 때 동작한다. onblur: input에서 포커싱이 빠져..
1. Template literal 템플릿 리터럴은 ES6에서 나온 문자열 표기법이다. 템플릿 리터럴은 `` 백틱으로 감싼다. 템플릿 리터럴 안에서 String interpolation을 통해 변수, 삼항 연산자, 배열, 객체, 함수 등을 사용할 수 있다. let temp = 5678; let tempObj = { a: 1234, b: 5678, }; let templateLiteral = ` string ${1234}, ${temp} ${1 + 2 + 3 + 4} ${[1, 2, 3, 4]} ${tempObj.a} ${tempObj.b} `; console.log(templateLiteral);
1. Spread Operator (스프레드 연산자) ES6에서 나온 연산자이며, 스프레드 연산자를 사용하면 배열, 문자열, 객체 등 반복 가능한 객체 (Iterable Object)를 편리하게 개별 요소로 분리해 준다. 1) Array const tempArray = [ [1, 2, 3, 4, 5], [1, 2, 3, 4, 5], ]; console.log(tempArray); console.log(...tempArray); 2) object const tempObject1 = { a: 1, b: 2, c: 3, d: 4, }; const tempObject2 = { d: "d", e: 5, f: 6, }; console.log(tempObject1); console.log(tempObject2); c..
1. Math 자바스크립트에서는 수학(수)과 관련된 여러 가지 편리한 프로퍼티, 메서드를 위해 Math를 제공한다. 1) Math.abs 숫자의 절대값을 반환한다. // absolute: 절대값 console.log(Math.abs(12345)); console.log(Math.abs(-12345)); 2) Math.min, Math.max 입력된 매개 변수 중, 최소값과 최대값을 찾는 메서드이다. console.log(Math.max(1, 120, -7, 0.6, 0, -900)); // 최대값을 찾는 메서드. console.log(Math.min(1, 120, -7, 0.6, 0, -900)); // 최소값을 찾는 메서드. 3) Math.pow 거듭제곱을 해주는 메서드이다. 거듭제곱 연산자인 (**)..
1. GMT, UTC 그리니치 평균시 (Greenwich Mean Time, GMT)는 그리니치 천문대를 기준으로 하는 표준시를 의미하고, 런던을 기점으로 웰링턴을 종점으로 하는 시간이다. 협정 세계시 (UTC)는 원자의 진동 주기와 윤초를 이용하여 매우 정확한 원자시계를 기반으로 한 시간 표준으로, 1972년 1월 1일부터 1970년 1월 1일을 기점으로 하는 국제 표준시가 시행되고 있다. GMT와 UTC는 초의 소수점 단위에서만 차이가 발생하기 때문에 일상에서 혼용된다. 기술적인 표기에서는 UTC가 사용된다. 2. Date new Date()가 실행된 현재 시간을 UTC 기준으로 나타낸다. console.log(new Date()); let dateTime = new Date(); console.lo..