Array
array 출력
- 아래와 같은 3가지 방법이 있으며 결과는 동일하다.
const cities = ['seoul', 'incheon', 'busan'];
//for
for(let i = 0; i < cities.length; i++){
console.log(cities[i]);
}
//for..of
for(let city of cities){
console.log …
read more[javascript] arrow function
read moreconst people = [ { id: 1, name: 'Ichiro-Tanaka', nation: 'Japan', gender: 'male' }, { id: 2, name: 'Ming-Liu', nation: 'Tiwan', gender: 'female' }, { id: 3, name: 'Fei', nation: 'China', gender: 'male' }, { id: 4, name: 'Jane-Levy', nation: 'America', gender: 'female' }, { id: 5, name: 'Sangwu-Lee', nation: 'Korea', gender: 'male' }, { id: 6, name: 'Tom-Jackson', nation: 'England', gender: 'male …[javascript] async vs defer
async vs defer
- 브라우저는 html파일을 한줄 한줄 읽어 내려가며 읽는다.
- 자바스크립트 파일을 head 또는 body의 제일 맡에 놓는 것은 둘 다 단점이 있다 …
[javascript] aync & await
aync & await
개념
- aync
- promise를 사용하지 않고 함수를 비동기로 만드는 역할을 함
- return 값은 항상 promise다
- await
- async가 붙은 함수의 안에서만 사용 될 수 있음
- 비 …
[javascript] change element id and name
자바스크립트 id & name 값 변경하는 방법
setAttribute
document.getElementById("기존 id").setAttribute("name", "새로운 name");
document.getElementById("기존 id").setAttribute("id", "새로운 id");id와 name값을 동시에 변경할 때는 name을 먼 …
read more[javascript] changeCommaToHash
read moreconst changeCommaToHash = (str: string) => { if (!str) return str; return str .split(',') .map(tag => '#' + tag) .join(' '); };[javascript] Class
Class
class 생성과 사용
- static 메소드의 개념과 사용법은 자바와 동일함
- getter와 setter에서 this + 언더바(_)를 붙여주지 않으면 스택 오버플로가 됨
-
을 붙 …
[javascript] data types: primative
[javascript] Function
function
명명규칙
- 변수명은 명사, 함수명은 동사로
- doPunching, punch
함수의 특징
- 자바스크립트에서 함수는 object이다
- 변수에 함수를 할당할 수 있다는 …
[javascript] 정규식