본문 바로가기
반응형

창고(2021년 이전)38

[JS] DOM(Document Object Model) 개인적으로 헷갈리거나 잘 몰랐던 부분들을 정리하는것이라 글이 다소 두서없음 https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/%EC%86%8C%EA%B0%9C DOM 소개 이 문서는 DOM에 대한 개념을 간략하게 소개하는 문서이다: DOM 이 무엇이며, 그것이 어떻게 HTML, XML 문서들을 위한 구조를 제공하는지, 어떻게 DOM 에 접근하는지, API 가 어떻게 사용되는지에 대한 참조 정보와 예제들을 제공한다. developer.mozilla.org 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(struc.. 2019. 10. 3.
[JS] 매개변수 길이가 유동적일때 1. Rest Parameter Rest Parameter를 이용해 매개변수를 지정해준다. MDN : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/rest_parameters Rest 파라미터는 정해지지 않은 수를 배열로 나타낼 수 있게 한다. Rest 파라미터 Rest 파라미터 구문은 정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 나타낼 수 있게 합니다. developer.mozilla.org 예시 function myFun(a, b, ...manyMoreArgs) { console.log("a", a); console.log("b", b); console.log("manyMoreAr.. 2019. 10. 1.
[JS] 클로저(예시 위주) MDB - 클로저 https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Closures 클로저 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. developer.mozilla.org 예시1 //함수 리턴 예시 function outerFn(){ let outerVar = 'outer'; console.log(outerVar); function innerFn(){ let innerVar = 'inner'; console.log(innerVar); } return innerFn; } outerFn(); //위 의 경우 outer.. 2019. 10. 1.
Test 기반 개발방법 테스트 주도 개발 Overview TDD(Test-driven Development)는 코드를 작성하기 전에 테스트를 쓰는 방법론입니다. Pros 대부분의 사람은 TDD를 버그 잡는 방법이라고 생각합니다. 그런 면도 있지만 생각해보면 버그를 잡기 위해 테스트를 짠다는 생각은 비직관적입니다. 테스트를 실행하고 그 후에 버그를 잡는다고 생각하는 것이 더 논리적일 것입니다. 실제로 TDD를 통해 정교한 테스트를 짜기 위해서 코드를 어떻게 구성할지 고민하게 되며, 그 과정에서 버그가 더 적은 코드를 짜게 됩니다. 테스트가 쉽도록 코드를 디자인하는 것도 같은 효과를 내게 됩니다. TDD는 무턱대고 코드를 바로 작성하지 않고 코드를 면밀하게 살펴보도록 합니다. 자신이 작성할 코드가 어떤 역할을 하게 되며, 전체와 .. 2019. 10. 1.
[Git] Command Line Command Line(커맨드 라인) 이란, 프롬프트(propt), 콘솔(console), 터미널(terminal) 이라고 불리는 텍스트 기반 응용프로그램이다.(GUI x) 왜 Comand Line interface를 사용하는가? - 빠르고, 강력하며, 접근성이 좋기 때문! 왜 NIX(LINUX/UNIX)를 사용하는가? - 서버시장에서 nix 의 점유율이 매우 높다. - AWS 및 Azure 모두 nix계열 - open source이다! 반드시 알아야할 commands 파일 보기 - ls 디렉토리 이동 - cd 홈 디렉토리 - cd ~ 루트 디렉토리(시스템 최상위 디렉토리) - cd / 현재 디렉토리(띄어쓰기 주의!!) - cd . 부모 디렉토리 - cd .. 현재 디렉토리 확인 - pwd 주요 명령어 .. 2019. 9. 30.
[JS] array Method(forEach, map, filter,reduce) 모두 https://developer.mozilla.org/ko/ 와 CodeStates 수업을 참조하였음 arr.forEach(callback) - immutable function printArray(currentElement, index) { console.log(index + ": " + currentElement); } ['hello', 3, 5].forEach(printArray); /**** 출력 ****/ // 0 : hello // 1: 3 // 2 : 5 ※순서가 무조건 정해져있음 ( 매개변수명은 벼뀌어도 가능 ) - 1번째 parameter : currentElement - 2번째 parameter : index - 3번째 parameter : array [100, 200, 300]... 2019. 9. 29.
[JS] truthy, falsy https://developer.mozilla.org/ko/docs/Glossary/Truthy 참 JavaScript에서, 참 같은 값(Truthy)인 값이란 불리언을 기대하는 문맥에서 true로 평가되는 값입니다. 따로 거짓 같은 값으로 정의된 값이 아니면 모두 참 같은 값으로 평가됩니다. (예: false, 0, "", null, undefined, NaN 등) developer.mozilla.org 자바스크립트에 truly와 falsy한 자료형들이 있는데. 정확한 데이터 type 이 true 와 false 는 아니지만, if문에 들어갔을때 true 를 반환하는가, 혹은 false를 반환하는가에 따라 truly하다, 혹은 falsy하다고 인지하면 될것같다. falsy한 자료형에는 false, nul.. 2019. 9. 29.
728x90
반응형

티스토리툴바