본문 바로가기

분류 전체보기120

20210115 TIL 배운 것들 Bees Sprint pesudoclassical 패턴 상속 구현 class 상속 구현 더 알아볼 것 npm install --save VS --save-dev pesudoclassical 패턴에서 함수 구현 시 prototype.eat = function(){}과 같이 표현해야 하는 이유 pesudoclassical 패턴 상속 시 Grub.call(this)를 해줘야 하는 이유 class의 constructor Bees Advanced sprint를 통하여 상속을 구현하였다. es6전 객체 프로그래밍을 위해 사용하던 방식을 배우고 구현해보면서 객체지향 프로그래밍의 중요성을 느꼈다. 필요하다면 만들어 바꾼다. 개발자라는 직업이 정말 매력적으로 느껴진다. 배운 것을 놓치지 않으려면 정리를 잘해야.. 2021. 1. 15.
javascript 조건문 -switch js에는 if 조건문과 같이 switch 조건문이 있다. switch의 값과 case의 값이 일치할 시 case문이 실행이 된다. case의 값과 일치하는 값이 없을 경우 default문이 실행이 된다. let num = 1; switch (num) { case 1: console.log('num은 1'); break; case 2: console.log('num은 2'); break; case 3: console.log('num은 3'); break; case 4: console.log('num은 4'); break; default: console.log('num은 default'); } // num은 1 이때 case 의 값을 소괄호로 표시해 줄 필요가 없다. 또한 case문을 중괄호로 표시해 줄 필.. 2021. 1. 15.
20210114 TIL 배운 것들 Object Oriented Programing (OOP) Instantiation Patterns (js를 객체지향적으로 쓰기 위한 시도) Prototype Chain 더 알아볼 것 OOP 정리 Instantiation Patterns 복습 (Pesudoclssical) constructor super class (es6) OOP, Prototype Chain 등,, 이해하는데 한참이 걸렸다. 단순하게 생각하면 그리 어렵지 않은 개념이지만 파고들수록 의문점이 많이 들었다. 모든 것을 이해하려고 하지 말고 조금씩 찾아봐야겠다. 꼬리를 물며 알아가야 할 지식들이 많다. 꾸준히 반복한다면 괜찮을 거라고 다독여본다.. super 나 constructor는 특히 아직 많이 부족하다. 관련해서 정리를 .. 2021. 1. 15.
20210113 TIL 배운 것들Hiring Assessments 리팩터링eslint 사용법nvm, npm, npx (간략) 더 알아볼 것eslint 검사 조건 완화하기bind로 callback에 인자 전달하기 리팩터링을 진행하면서 조금 더 코드가 간단해지고 팬시 해진 것 같다. 배우면 배울수록 코드가 깔끔해지는 모습을 보면 앞으로 배울 것들에 대해 기대가 된다. 이머시브를 진행하면서 배우는 양도 많아지고 난이도도 확실히 달라졌다. 아직 모든 게 이해가 되는 것은 아니지만 익숙해지고 조금 더 computational thinking을 하려고 노력해야겠다. 2021. 1. 15.
20210112 TIL 배운 것들 화살표 함수 구조 분해 할당 this new call, apply, bind (this와 관련된) 더 알아볼 것 객체 분해 setTimeout, 화살표 함수에서의 this 자세히 이해하려고 하니 시간이 오래 걸렸다.. 그래도 관련 레퍼런스 및 강의를 보며 이해하려 하니 많은 도움이 되었다. 주말에 공부량을 늘려야겠다. 객체지향에서 함수 지향으로 추세 바뀌고 있다는 글을 보았다. 하지만 legacy코드에 아직도 많이 쓰였기에 정리를 잘해놔야겠다. 완벽히 이해를 한 것은 아니지만 성과는 있었다. 2021. 1. 13.
20210104 TIL 배운 것들 stringfy 함수 구현해보기(재귀 함수 사용) seriealize, deserialize Tree UI 구현하기 더 알아볼 것 재귀 함수와 메모리 사용량 간의 관계 꼬리 재귀 하노이의 탑 재귀 조합 재귀 함수 js 객체와 JSON의 차이 stringfy함수를 구현해보았다. stringfy가 어떠한 구조로 돌아가는지 이해할 수 있어 재밌게 다가왔다. 함수를 구현해보는 게 굉장히 중요한 과정이라 생각이 들었다. 단순히 넘어갈 수 있는 문제이지만 이해를 하는 데 있어서 굉장히 큰 차이점이 있다고 생각했다. 배우면 배울수록 꼬리를 물며 알아가야 할 것들이 많아진다. 한편으로는 재밌지만 한편으로는 더 열심히 해야겠다는 생각이 든다. 꾸준히 하자. 2021. 1. 4.
20201231 TIL 배운 것들 재귀 함수 Tree 구조 for 문과 forEach에서의 return 방식 재귀 코플릿 빈 객체 확인 법 더 알아볼 것 Tree 구조 typeof Null === object?? 재귀 활용 시 문제를 쪼개기 재귀에 대하여 공부를 하면서 생각보다 머리가 잘 돌아가지 않았다. 재귀를 하며 계속적으로 반복을 한다고 하니 이해가 더 안 되는 것 같고 복잡하게만 느껴졌다. 재귀를 할 때에 문제를 쪼개어 간단한 문제로 만들고 이를 해결하는 연습을 해야겠다. 2021. 1. 4.
javascript Truthy & Falsy falsy 한 값 undefined, null, 0, -0, NaN, false, '' 위를 제외한 모든 것이 truthy 한 값이다. [] , {} , function () {} 이러한 값들 또한 falsy 하다 생각할 수 있으나 레퍼런스 타입이기에 truthy 한 값이다. 2020. 12. 30.
20201230 TIL 배운 것들 동기(sync)와 비동기(async) sort 메서드 underbar advanced reduce 함수에서 return 이 없을 시 발생하는 문제 타이머 API (setTime, setInterval) 더 알아볼 것 underbar _. sortBy, _. shuffle, _. once. _. delay, _. memoize, _. throttle 콜백 함수 reduce 화살표 함수? 언더바 어드벤스 부분을 풀기 전 동기와 비동기에 관하여 공부하였다. 처음 보는 내용이어서 그런지 조금 어렵게 다가왔다. 동기와 비동기를 커피숍의 시스템, 전화, 문자 등과 비교하여 설명을 들었는데 이를 활용하면 한 단계 높은 프로그래밍을 할 수 있을 것 같아 중요하다고 생각하였다. 언더바 문제를 풀면서 문제를 이.. 2020. 12. 30.

티스토리툴바