반응형 전체 글601 js : break, continue 반복문에서 필요한 경우 마지막 까지 실행하지 않고 바로 빠져나오거나 다음 단계를 위해 건너뛰어야 할 경우가 있다. 1. break 중간에 반복문을 중단하고 빠져나온다. 다음은 x가 1씩 증가하다가 5가 되었을때 반복문을 빠져나오는 코드이다. let x = 1 while(1)//무한르푸 { if(x===5)//x가 5일때 반복문 종료 { break } x++ console.log(x) } //실행결과 //2 //3 //4 //5 2. continue continue를 만나면 아래를 실행하지 않고 반복문의 다음단계를 실행한다. x가 5가 되면 밑의 console.log(x)를 실행하지 않고 바로 다음으로 넘어가는 코드이다. let x = 1; while(x 2021. 8. 7. 얕은 복사와 깊은 복사 원시값과 참조값 원시값은 변경할 수 없다. (변수를 변경할 수 없다는 것이 아니다.) 그렇기 때문에 원시값을 할당한 변수를 재할당하면 새로운 메모리 공간에 새로운 값을 재할당한다. 하지만 참조값은 메모리 공간의 주소를 가리킨다. 이 주소를 참조값이라고 하는데 이 참조값에 접근하여 객체에 접근하는 방식이다. 같은 참조를 공유하는 객체들은 1개 이상일 수 있고, 같은 참조를 공유하는 객체들은 서로 사이드이팩트를 일으킬 수 있따. 얕은 복사 복사를 새로운 메모리 공간을 만드는 것이라고 정의했을때, 얕은 복사는 1depth까지만 복사를 한다는 뜻이다. 즉, 2depth부터는 같은 참조를 가리키기 때문에 사이드이펙트가 일어난다. 전개구문을 이용하여 얕은복사를 할 수 있다. const a = {name:'j',a:.. 2021. 8. 7. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +19일 오늘한 것. DOM DOM을 이용하여 회원가입 Form 제작 및 CSS 연습 DOM(Document Object Model) : HTML을 바라보는 또 다른 관점이다. DOM을 이해하고 조작할 수 있으면, HTML을 단순한 문서에서 웹 앱으로 업그레이드 할 수 있다. 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작할 수 있다. DOM은 프로그래밍 언어는 아니지만 DOM이 없다면 자바스크립트는 웹 또는 XML 페이지 및 요소들과 관련된 모델이나 개념들에 대한 정보를 다룰 수 없게 된다. CRUD Creat : creatElement() , document객체를 통해 HTML 엘리먼트를 만든다. Read : querySelector(), HTML 엘리먼트를 조회한다. Update : textConte.. 2021. 8. 7. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +18일 오늘 배운 것 Spread/Rest 구조분해 (Destructing) 1. Spread/Rest 문법 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용한다. function sum(x,y,z){ return x+y+z; } const numbers = [1,2,3] sum(...numbers) // 6 // //배열을 풀어서 각각의 요소로 들어간다. //sum(1,2,3) 이 된다. Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용하다. function sum(...the Args){ return theArgs.reduce((previous, current) => { return previous + cur.. 2021. 8. 6. 이전 1 ··· 137 138 139 140 141 142 143 ··· 151 다음 반응형
