본문 바로가기
반응형

전체 글76

[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] 알파벳을 숫자로 변환하는법 문제 In this exercise, you are required to, given a string, replace every letter with its position in the alphabet. (문자열이 주어졌을때, 각각의 문자를 알파벳의 몇번째 인지 숫자로 바꾸는 함수를 작성하세요.) If anything in the text isn't a letter, ignore it and don't return it. a being 1, b being 2, etc. (만약 문자가 알파벳이 아니라면, 무시하고 결과값에 포함하지 마세요. a 는 1, b 는 2, 등등 으로 변환됩니다.) 예시 alphabetPosition("The sunset sets at twelve o' clock."); // "20.. 2019. 9. 30.
[JS] 만일 reduce를 잊는다면 일어나는일 문제 convert nested (2-dimensional) array to flatten array! (2차원 배열을 1차원 배열로 전환하세요.) Examples: flatten([1,2,[3],[4]]); // [1,2,3,4] 나의 코드 function flatten (array){ for(let i = 0 ; i < array.length ; i++){ if(Array.isArray(array[i])){ if(array[i].length===0){ array.splice(i,1); i--; }else{ let temp = array[i]; array.splice(i,1); i--; for(let j = 0 ; j < temp.length ; j++){ array.push(temp[j]); } } .. 2019. 9. 30.
[JS] reduce예제 문제 Write a function called "findShortestWordAmongMixedElements". ("findShortestWordAmongMixedElements" 함수를 작성하세요.) Given an array, "findShortestWordAmongMixedElements" returns the shortest string within the given array. (배열이 주어졌을때, "findShortestWordAmongMixedElements" 함수는 주어진 배열에서 가장 짧은 문자열을 반환합니다.) Notes: If there are ties, it should return the first element to appear in the given array. (만약 동률.. 2019. 9. 29.
[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.
728x90
반응형