잼's Tech

[함수형 프로그래밍] Array vs ArrayLike Array와 ArrayLike의 차이점을 간단히 설명하고 해당 카테고리에서 해 나갈 것을 설명하겠다. JS에서는 Object를 사용해도 배열처럼 보이게 만들수가 있다. ※ JS에서 [ ]는 배열 { }는 객체 두 변수의 내부적 구조를 보면 같아보이나 다르다. li1은 배열 li2가 유사배열이다. ※ 유사 배열의 조건 1) index 번호는 0부터 시작 2) length가 필요 그렇기에 ※ filter : 조건에 만족하는 값 return map : 로직을 반영하여 새로운 배열 생성 후 반환 li1은 Array의 함수가 사용이 가능하나 li2는 불가능하다. 배열 뿐 아니라 이런 유사 배열들을 모두 처리하기 위해 앞으로 함수형 프로그래밍을 통해 함수를 작..

[함수형 프로그래밍] Functional Programming JS에서는 함수 자체를 값으로 취급이 가능하다 함수형 프로그래밍 = 부수 효과를 피하고 조합성을 높인다. = 대부분 순수 함수를 이용하여 문제를 해결하는 기법 가독성이 높다. 모듈화 수준이 높다. => 유지보수가 용이하고 생산성이 높다. 앞으로 이 카테고리에서는 함수형 프로그래밍에 대하여 배우고 나중에 ES6를 이용할 것인데 우선 함수형 프로그래밍에서 사용하는 단어들에 대하여 배우고 가자 - 순수 함수 순수함수란 부수 효과가 없는 함수들을 일컫는다. ※부수효과는 밑의 것들을 말한다. 1) 객체의 필드 값을 설정 2) Console이나 File의 입출력이 발생 3) Exception이나 예외로 인한 실행 중단 4) 변수 Data의 구조를 바로 ..

[JS] 정의, 버전, 명칭, 차이 자바스크립트(JavaScript) Object 기반의 스크립트 프로그래밍 언어 웹의 동작을 구현 표준 웹 페이지의 3 가지 레이어 중 하나 ​ (Structure Layer) HTML: 구조(Structure), 내용(Content) -> 웹 페이지 문서를 만드는 데 사용 ​ (Presentation Layer) CSS: 시각적 디스플레이 (Visual Display),디자인(Design) -> 웹 페이지의 스타일을 관리 ​ (Behavior Layer) JavaScript: 행동(Behavior), 상호작용(Interactivity) -> 웹 페이지의 요소를 조작 = 웹의 동작 바닐라 스크립트(Vanilla JS) 어떤 라이브러리나 프레임워크도 사용하지 않는 JS =..