차마시는 개발자

TIL Done it 함수형 프로그래밍 나쁜 습관 지우기 reduce로 모든 것을 다 해결하려 하지 말자!!! => reduce + 복잡 함수 보다 reduce + 간단 함수 + map or filter TodoList 만들기 순서 Component 나누기 + html 구조 / 인자 들어오는 것 생각 html 제작(기본적인 틀) Component 기능 제작 this.render로 실행을 하는 식으로 제작 연결된 기능을 이용할 때는 setState 사용 App.js 제작 및 정리 Feeling 강의를 다 듣고 스스로 만드는 식으로 공부 방법을 바꾸게 되었습니다. 스스로 만들때 생각보다 막히는 것이 많아서 놀랐습니다. 그래도 뭔가 발전한다는 느낌이 들어 기분이 참 좋습니다. :) 젠지 화이팅! REF 프로그..

TIL Done it Promise Error handling Promise.reject을 있 을 때 Error을 출력하지 않고 나중에 원할 때 출력하는 방법 클로저 문제에 대한 var와 let의 차이점 명령형 프로그래밍 "어떻게" 처리하는 것이 있는 프로그래밍 일일이 과정이 다 나와 있는 프로그래밍 const a = (arr) => { for (let i = 0; i { arr.forEach((v, i) => console.log(v)); } Error handling 동기적 1. 인자 지정 fu..

TIL Done it document.createDocumentFragment() DOM 트리를 build하기 위해 DOM 노드를 추가할 수 있는 새 공간을 만들어 줍니다. => 가상 공간을 만들어 계속 DOM이 추가 되고 렌더링 되는 것을 막기 위한 방법 box-sizing content-box: width, height 포함, padding, border 미포함 border-box: width, height, padding, border 포함 Promise Callback 함수와 다르게 비동기 상황을 다룹니다. Promise라는 class를 통해 만들어진 instance를 반환하는데 그 값은 대기(Pending), 이행(Fulfilled), 실패(Rejected)를 다루는 일급 값으로 이루어져 있다...

TIL Done it Dynamic Programming(DP) Memoization 하향식 접근 (작은 것 -> 큰 것) => 작은 값(저장)을 통해 큰 값 찾는 방법 필요할 때 계산 Tabulation 상향식 접근 => 미리 답을 구해놓고 필요할 때 사용하는 방법 미리 계산 HTML : Structure + Semantic CSS: Expression 선택자, 복합 선택자 코드리뷰 초기 (고수준 피드백) 버그, 장애, 성능, 보안 Extract Method, Composed Method, Invert-if(복잡도) 후기 (저수준 피드백) (선택적인) 설계 개선 변수명 변경, 주석을 명확하게 하는 것 ... [Nit] 태그 활용: 고치면 좋지만 아니어도 그만 Feeling 마지막 커피챗을 하였습니다. ..

TIL Done it 함수형 프로그래밍 go : 즉시 평가하는 함수 const go = (...args) => reduce((a, f) => f(a), args); ex) go( 0, a => a + 1, a => a + 10, a => console.log(a)); //11 args: 인자들, a: 인자 pipe : 합성된 함수를 만드는 함수(함수를 return) //인자 1개 const pipe = (...fs) => (a) => go(a, ...fs); ex) const a = pipe( a => a + 1, a => a + 10, a => console.log(a)); a(0);//11 //인자 여러개 const pipe = (f, ...fs) => (...as) => go(f(...as), ....

TIL Done it iterable: 반복 가능한 객체 iterator를 return하는 [Symbol.iterator]() 를 가진 값 iterator : iterable 객체에서 반복을 실행하는 반복기 {value, done} 객체를 return하는 next()를 가진 값 iterable/iterator Protocol iterable을 for ... of, 전개 연산자 등과 함께 독작하도록한 규약 Generator: iterator이자 iterable을 생성하는 함수 iterator을 return 하는 함수 => iterator + iterable 문장을 값으로 만들 수 있어 어떠한 상태나 값을 순회할 수 있게 할 수 있다. Git commit Message Feeling 함수형 프로그래밍을 공부..

TIL Done it 이선협 강사님의 강의 내용입니다. 입력에 따라 문제 양상이 달라집니다. 입력 (b + a) - (a + b))이로 인해 문제가 해결되었습니다. :) Feeling 요즘 수업이 다 알고리즘이다 보니 알고리즘만 주구장창 풀고 있습니다. 수업겸해서 문제가 쉬울줄 알고 다 10분안에 풀 수 있을것 같다는 자만심으로 집중을 안하고 했는데 못풀었습니다. 그래서 다시 집중해서 30분 넘게 걸리는 상황이 나와 문제를 더 많이 풀어봐야 겠다는 생각을 가지게 되었습니다. :) REF 프로그래머스 특강

TIL Done it 베스트 앨범문제 totalMap을 통해 공통된 장르의 값을 더해 저장해서 Sort해서 먼저 나와야 하는 장르 순서를 구했습니다. for (let i = 0; i b[1] - a[1]); // let genMapSort = [...gen..