IT 개발 블로그

프로그래머스 코딩테스트 광탈 방지 강의 내용을 스크랩 해 온것이다. https://programmers.co.kr/ 1. 구조 분해 할당을 이용한 변수 swap ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swap 할 수 있다. let a = 5, b = 10; [a, b] = [b, a]; console.log(a, b); // 10 5 2. 배열 생성으로 루프 제거하기 단순히 범위 루프를 돌고 싶다면 다음과 같은 코드를 작성한다. let sum =0; for(let i=5; i k + 5) .reduce((acc, cur) => acc + cur, 0); 3. 배열 내 같은 요소 제거하기 set을 이용할 수 있다. const names = ['Lee', 'Kim', 'Park', 'Lee', ..

한번은 규칙을 기록해보면 좋을것 같아서 정리해봤다..! ■ 대괄호 [ ] list를 나열할때 list의 인덱스를 지정해줄때 ex) array[0], array[1] ■ 중괄호 { } dictionary를 만들때 ex) { "key" : "value" } style tag를 적용할때 ex) .style { color: "red" } 특정 function에 대해 정의해줄 때 ex) function () { 실행 할 내용 } 반복문(for, while), 조건문(if) 뒤에 실행할 내용을 적어 줄 때 ex) for (i=0; i

(1) 자바스크립트가 html과 어떻게 상호작용할것인가? - document는 console에 있는 내장객체를 이용해 html에 접근한다. 자바스크립트는 단지 html을 읽을 뿐이고, 브라우저가 html 정보가 많이 들어있는 document라는 object를 전달해주는것이다. 타이틀도 자바스크립트를 통해 변경할 수 있다는 것을 알수있다. 이미 셋팅이 다 되어 있기 때문에 우리는 html과 javascript를 따로 연결하지 않아도 된다. 그렇다면 html과 javascript 둘다 타이틀을 변경하였을때 어떤것이 적용될까? 정답은 자바스크립트..!! 이렇게 object인 document를 통해 property까지 접근하고 가져올수 있다..! (2) getElementById로 가져오기 이렇게 많은 정보를 ..

1. 역사 자바스크립트를 만든이는 이 언어를 만드는데 10일밖에 걸리지 않았다고 한다. 만든 이유는 넷스케이프때문이다. 넷스케이프를 사용할 당시에는 html,css밖에 없었기때문에 개발자들은 넷스케이프를 좀더 active하게 만들고 싶었고 그래서 새로 고안해낸 언어가 자바스크립트이다..! 2. 특징 (1) 프론트로 쓸수 있는 유일한 언어 (2) 모든 브라우저에 내장되어있어서 따로 프로그램을 깔지 않아도 된다. ex) 파이썬, 자바.. (3) html,css,javascript의 관계성 브라우저를 여는 것은 html이고, html이 css와 javascript를 가져온다. => 다시말해 html은 접착제 역할을 한다. (4) html,css,javascript를 브라우저에서 확인할때 개발자도구(F12)에서..