본문 바로가기
  • soldonii's devlog

Javascript 공부123

자바스크립트의 함수형 프로그래밍 2 : 고차함수 *Udemy의 "Advanced Javascript Concepts"강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 고차 함수(Higher Order Function)와 클로져(Closure) // HOF const hof = () => () => 5; hof(); // [Function] hof()(); // 5 // Closure const closure = function() { let count = 0; return function increment() { count++; return count; } } const incrementFn = closure(); incremen.. 2019. 10. 22.
자바스크립트의 함수형 프로그래밍 1 : 순수 함수란? *Udemy의 "Advanced Javascript Concepts"강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 순수 함수(Pure Functions) 순수 함수란, 1. 함수 외부의 그 어떤 데이터(state)도 변경시키지 않는 함수(no side effect) 2. 동일한 input이면 언제나 동일한 output을 리턴하는 함수 const array = [1,2,3]; function a(arr) { arr.pop(); } function b(arr) { arr.forEach(item => arr.push(1)); } a(array); console.log(array); /.. 2019. 10. 22.
자바스크립트의 객체 지향 프로그래밍 2 : 클래스(Class) 사용 *Udemy의 "Advanced Javascript Concepts"강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 객체지향 프로그래밍의 마지막 단계 # OOP를 향한 마지막 5단계 : ES6 Classes class는 ES6에서 추가된 Syntactic Sugar로, 만들고자 하는 대상에 대한 청사진을 그려주는 역할을 한다. class Elf { constructor(name, weapon) { this.name = name; this.weapon = weapon; } attack() { return 'attack with ' + this.weapon; } } const pete.. 2019. 10. 20.
자바스크립트의 객체 지향 프로그래밍 1 *Udemy의 "Advanced Javascript Concepts"강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 프로그래밍 패러다임? 객체지향 프로그래밍(OOP - Object Oriented Programming), 함수형 프로그래밍(FP - Functional Programming) 모두 프로그래밍 패러다임의 종류 중 하나이다. 프로그래밍 패러다임을 사용하는 목적은 아래와 같다. 1. Clear + Understandable 2. Easy to Extend 3. Easy to Maintain 4. Memory Efficient 5. DRY(Do not Repeat Yours.. 2019. 10. 19.
바닐라코딩 수강 후기(prep 코스) 안녕하세요, 개발자가 되기 위해 자바스크립트를 공부하고 있는 예비개발자입니다. 현재 만족하면서 다니고 있는 '바닐라코딩'의 prep 코스 수강후기를 공유합니다. 인터넷에 바닐라코딩 수강후기가 많지 않아서 최대한 자세하게 작성하고자 합니다. 바닐라코딩의 강의는 HTML, CSS, 자바스크립트의 기초를 다지는 prep 코스와 이를 기반으로 5개월 간 풀스택 개발자를 목표로 공부하는 부트캠프 코스가 있습니다. 본 글은 prep 코스의 수강후기입니다. :) 저는 바닐라코딩을 다니기 전에, 다른 학원에서 강의를 수강한 경험이 있습니다. 그 학원에서 공부하면서 아쉬웠던 점들이 너무 많은데 바닐라코딩이 그 부분을 거의 100%에 가깝게 충족시켜줬습니다. 어떤 점이 아쉬웠는지 궁금하신 분들은 여기에서 확인하실 수 있습.. 2019. 10. 14.
코드스테이츠 프리코스 수강 후기 안녕하세요, 개발자가 되기 위해 회사를 그만두고 자바스크립트를 기반으로 개발을 공부하고 있는 학생입니다. 2019년 4월 30일에 프리코스 33기를 수강했었는데 한참 늦었지만 수강 후기를 기록하고자 합니다. 개발자로 커리어 전향을 위해 2019년 5월쯤부터 회사를 그만두고 프로그래밍 공부를 시작했습니다. 독학도 고려해보았으나, 아무런 기초지식조차 없는 분야에 뛰어들면서 스스로 이것저것 찾아서 공부한다는 것이 걱정되기도 했고, 제가 재수에 실패하고 삼수 끝에 대학 진학에 성공할 수 있었던 핵심 원인이 학습 환경의 차이였음을 뼈저리게 느꼈었기에 학원에 등록 후 따라가기로 결심했습니다. 1. 어떤 학원에 가야하지? 이 글을 읽는 분들은 대충 아시겠지만, 꽤 많은 학원들이 우리를 유혹하고 있습니다. 대표적으로 .. 2019. 10. 14.
자바스크립트의 자료구조 5 : 트리(Trees) *Udemy의 "Master the Coding Interview : Data Structures + Algorithms" 강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 트리(Trees)란? 트리는 우리가 아는 나무를 거꾸로 뒤집어 놓은 형태를 생각하면 쉽다. 가장 위는 뿌리인 Root, 그리고 아래로 가지를 치면서 뻗어 내려온다. 2. 바이너리 트리(Binary Trees) 바이너리 트리는 각 노드가 하나 혹은 2개의 자식 노드만을 가지고 있는 상태의 트리구조이다. 하나의 노드는 아래와 같은 코드가 된다. function BinaryTreeNode(value) { this.va.. 2019. 10. 8.
자바스크립트의 자료구조 4 : 스택(Stack), 큐(Queue) *Udemy의 "Master the Coding Interview : Data Structures + Algorithms" 강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 스택(Stacks)과 큐(Queues)란? 스택과 큐 모두 Linear한 자료구조형이다. 이 둘은 아주 유사한 자료구조이지만, element가 제거되는 방식에 차이가 있다. - 스택 : 스택은 흔히 아는 자바스크립트 엔진에서의 콜 스택이 제거되는 방식과 동일하다. 마지막으로 삽입된 element가 가장 먼저 제거되는 방식을 취한다. LIFO(Last In, First Out)인 것이다. 따라서 스택은 브라우저 히.. 2019. 10. 8.
자바스크립트의 자료구조 3 : 연결 리스트(Linked List) *Udemy의 "Master the Coding Interview : Data Structures + Algorithms" 강의에서 학습한 내용을 정리한 포스팅입니다. *자바스크립트를 배우는 단계라 오류가 있을 수 있습니다. 틀린 내용은 댓글로 말씀해주시면 수정하겠습니다. 감사합니다. :) 1. 연결 리스트(Linked List)란? Linked List는 1) value와 2) pointer가 한 쌍인 노드가 모여있는 자료구조형을 의미한다. 위 사진에서 푸른색 부분은 data를 저장하고 있고, 초록색 부분은 다음 노드를 가리키는 pointer 역할을 하는 address 부분이다. Linked List에서 가장 앞 쪽 시작부분(위 사진에서는 10을 가지고 있는 노드)을 Head, 가장 마지막 부분(40을.. 2019. 10. 8.