Back to the Basics

**예제는 MDN을 참조하였다 코플릿을 다시 보면서 잘 사용하지 않던 method가 있어 정리해보았다. flta method에 대해 기능을 알아보고, filter가 어떻게 작동되는지 기능을 직접 코드로 구현해 보았다. arr.flat() : 배열 내부의 sub-srray 요소들을 특정 차원으로 새로운 배열로 return 한다. - syntax : flat() ,flat(depth) - param : depth는 optional 이며 중첩돤 배열 구조를 얼마나 깊게 flattering을 하는지를 지정하는 깊이를 나타낸다. 기본값음 1 기본값은 1이며, 아래의 코드는 2차원 배열 내부의 배열인 [4,5]을 1차원 배열 수준으로 flattering 한 것이다. const arr1=[1,2,3,[4,5],6,7..

이번 포스팅은 JavaScript 고차 함수 (Higher order function)에 대해 학습해보겠다. 1. 고차 함수 이해하기 Achievement Goals 일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다. 고차 함수(higher-order function)에 대해 설명할 수 있다. 고차 함수를 JavaScript로 작성할 수 있다. JavaScript 에서 함수는 1) 변수에 assignment 가 가능하고, 2) 다른 함수의 argument로 전당 될 수 있으며 3) 다른 함수의 결과로써 리턴될 수 있다 는 특징이 있어 특별하게 취급된다. 이를 first-class citizen (일급 객체)라고 한다. 이 중 고차 함수(Higher oeder functio..

1. 클로저 자바스크립트에서는 다른 언어와 달리 크롤저 라는 개념이 있다. JavaScript MDN 에서의 클로저 정의 : "클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저는 독립적인 변수를 참조하는 함수이다. 독립적인 변수란 로컬에 선언되지도 않고, 파라미터로 넘져지지도 않는 변수를 말한다. 클로저에 선언된 함수는 생성되었을 때의 환경을 기억한다. 클로저를 이해하려면 JavaScript가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping) 먼저 이해해야 한다 어휘적환경(Lexical Environment) 란? 어휘적 환경이란 선언 당시의 환경에 대한 정보을 담은 객체이다. 정적인 환경 이라고도 한다 스코프와 클로저는 밀접한 관계가 있는데 스코프는 변수의 유효 범위이고, ..

1. 원시 자료형과 참조 자료형 Achievement Goals 원시 자료형과(primary type) 과 참조 자료형(Reference Type)의 구분이 왜 필요한지에 대해 이해할 수 있다. 원시 자료형과 참조 자료형의 차이를 이해하고, 사용할 수 있다. 원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때에는 보관함의 주소(Reference) 가 담기는 개념을 코드로 설명할 수 있다. 참조 자료형은 기존에 고정된 크기의 공간을 사용하는 것이 아니라, 동적으로 변하는 공간을 사용함을 이해할 수 있다. 원시자료형, 참조 자료형 원시 자료형 (primitive data type) Stack에 저장된다. 각 변수 간 원시타입 데이버를 복사항 경우 데이터 값이 복사되기..

JS/Node 배열, 객체 Achievement Goals - 배열 배열 기초 배열에서 사용되는 다음 용어에 대해 이애할 수 있다. index, element, length arr[0], push, pop 배열에서 특정 인덱스(Index)의 요소(element)를 조회하거나, 변경할 수 있다. 배열의 요소가 배열인 이중 배열을 이해할 수 있다. 이중 배열의 요소를 조회하거나 변경할 수 있다. 배열의 요소를 반복적으로 불러오는 방법을 이해하고 사용할 수 있다. 배열의 각 요소에 대하여, 반복하는 코드를 실핼시킬 수 있다. 기본적인 for 문 for (let i=0;i obj typeof {a:1} --> obj 무엇이 object인지 판단하기 어려움 --> Array.isArray() 를 사용하여 판별한다..

Coplit 문자열, 반복문 Review 드디어 두 번째 코플릿을 진행하였다. 나는 문제를 풀 때 한 가지 방법이 아닌 다양한 방법을 생각해보고, 더 효율적인 방법이 있는지 고민하면서 푸는 편이다. 이번 pair도 나와 비슷한 성향이어서 잘 맞았던 것 같다. 지금은 빨리 문제를 푸는 것보다 다양한 방법을 시도해 보면서 문제를 풀기 때문에 이번 코플릿 문제도 다는 못 풀었던것 같다. 그래도 저번 코플릿을 했을 때 보다는 많이 풀었으니 좀 더 속도도 향상? 되었다고 해도 되지 않을까...ㅎ 저번 코플릿에서 미흡했던 점을 생각하며 , 이번 코플릿 에서는 나의 진행 방향과 코드를 Pair 가 이해할 수 있도록 차분하게 설명하려고 노력했다. 저번보단 설명하는 것과 수도 코드 작성이 좀 더 부드러워지긴 한 것 같다..

[학습 내용] -- 문자열(string) 1. 문자열의 Properties and methode length : 문자열의 길이 확인. str.length; 문자열의 글자에 접근하는 방법 : str[1] ---> 배열 이라고 생각하면 될듯 연산자를 이용하여 문자열 합침 : "Sora"+"is a programmer in Google" 문자열을 나눌 수 있음 : str.sloce(0,3) or str.substring(0,3) --> 파이썬의 slice와 비슷한듯하다. 대문자로 변환 : str.toUpperCase() 소문자로 변환 : str.toLowerCase() 문자열 내 특정 문자의 index return 가능. : str.indexOf('a) or str.lastIndexOf('a) 문자열 내 특정..

1. 첫 Pair Programming에 대한 느낀 점 처음으로 Part programming을 하였고, 2시~9시 약 7시간 동안(꾀나 오래) 진행을 하였다. 나의 첫 Pair 괜찮았다. 배려도 있고 말을 하는 데 있어 어색하지도 않았다. 쉬운 문제든 어려운 문제든 정말 열정적으로 하셨던 분 같다. 처음 해보는 페어 프로그래밍에서 첫 페어를 잘 만났다고 생각한다. 시작 전 대충 문제를 보았을 때 문제의 수는 많았지만, 난이도는 그렇게 높아 보이지 않았다. 해서 조금 천천히 느긋하게 진행을 해도 빨리 끝내고 개인 공부를 할 수 있을 줄 알았다.. 결과를 미리 말해보면 시간 내에 모든 문제를 풀지 못했다 ^^;; 이미 파이썬이나 다른 언어를 접하면서 기본적인 문제들은 풀어보았기에 금방 할 줄 알았지만, 혼..