차마시는 개발자

TIL Done it 비동기: 특정 코드의 연산이 끝날 때 까지 기다리지 않고 다음 코드를 먼저 실행 addEventListener: 인자로 들어오는 함수를 addEventListener동작 후 사용 setTimeout, setInterval: 시간 후 함수 동작 XMLHttpRequest(XHR): 데이터를 비동기로 요청하고, 요청 후의 동작을 비동기로 처리 제작 tip this.state : 들어오는 데이터 상황 this.setState: Update를 위해 필요한 부분 this.render: 실행 부분 을 기본으로 알고 Component별로 데이터가 어떻게 들어오는 지 잘 알아야 하며 Object형 데이터를 잘 사용하도록 연습해야 합니다. Promise : 비동기 작업을 Chaining 식으로 제어..

TIL Done it Cookie Http 요청시 헤더에 Cookie가 같이 나가기 때문에 주의 document.cookie Local Storage key=value 기반으로 Local에 저장 도메인 기반 Storage 생성(도메인이 같으면 여러탭에 같은 Storage 공유) 직접 삭제 안하면 삭제되지 않는다. JSON.stringify(), JSON.parse() 주로 사용 //저장 localStorage.setItem('문자열', '문자열'); //불러오기 localStorage.getItem('문자열'); //삭제 localStorage.removeItem('문자열'); //전체 삭제 localStorage.clear(); Session Storage 전반적으로 Local Storage랑 같다 B..

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 Linked List 만들기 Can I get JS variable Memory Address? 알고리즘 문제 :) 과제(전위, 중위, 후위) Feeling 아직도 문제를 풀때 정리를 제대로 하지 않고 코드부터 짜기 시작한다. 그리고 갑자기 왜 1문제가 안풀리는 건지 참,,,, LinkedList, Queue, Stack 종류 별로 혼자 구현 다했는데 프린터라는 문제에서 막혔다... 왜일까? 참 궁금하다. 하루 사용량이 있는 로봇인 줄 REF https://www.techtarget.com/searchnetworking/definition/big-endian-and-little-endian#:~:text=Big%2Dendian%20is%20an%20order,the%20sequenc..