http http (hypertext transfer protocol)은 웹상에서 client-server와 통신을 위한 protocol이다. http1.1 http1.1은 기본적으로 Connection 당 하나의 요청을 처리하도록 설계되어 있다. 그래서 동시전송이 불가능하고 요청이 응답이 순차적으로 이루어진다. http1.1의 문제점 1. HOL이 발생한다. HOL은 Head Of Line의 약자로 특정 응답의 지연을 뜻한다. 이미지 3개를 요청하는데, 첫번쨰 이미지의 용량이 크다면 2,3번째 요청이 지연된다. 2. RTT 증가 RTT는 Round Trip Time의 약자이다. (패킷왕복시간) 하나의 connection에 하나의 요청을 처리하므로 매번 요청할때마다 connection을 생성하고 3-wa..

아주 식상하다. 자기계발에서 항상 등장하는 말이고 너무 많이 책에서 듣고 알고 있어서 감흥도 별로 없다. 하지만 동시에 엄청 어려운 것이다. 그래서 나를 사랑하고 나의 행복한 감정을 컨트롤 하려고 매일매일 노력한다. 사람의 마음은 쉽게 감옥에 갇히기 때문이다. 스스로를 불쌍하게 여길수도 있고, 스스로를 너무 가혹하게 몰아붙이는 경우도 있고, 부정적인 생각에 사로 잡힐 수도 있는것. 그게 사람의 마음이다. 불안감에 사로잡힌 사람들을 실수를 하고 멍청한 짓을 한다. 그래서 스스로를 축복하고, 주변 사람들을 사랑하고, 많은 사람들에게 가치를 전달하려고 하는 사람. 우린 그렇게 될 수 있다. 어떤 환경에서도 어떤 상황에서도 행복해지겠다고 스스로 결정을 내리자. 나를 가두지 말고, 사랑하고 긍정적인 감정을 컨트롤..

마음으로는 알고 있지만, 말로 어떻게 설명할지 헷갈리는 box-sizing에서의 content-box, border-box를 정리해보고자 한다. box-sizing 속성은 CSS의 테두리 영역 크기를 결정한다. content-box: css width와 height를 컨텐츠 영역에만 적용한다. border, padding, margin은 따로 계산되어서 전체 영역이 설정값보다 커질 수 있다. border-box: css width와 height를 전체 영역에 적용한다. border, padding, margin을 모두 합산하기 때문에 컨텐츠 영역이 설정값보다 작아질 수 있다. 즉, 컨텐츠의 크기 = 전체크기 - border - padding - margin 이다. 참고 https://dasima.xyz/..

1. 왜? 왜 나는 일을하지? 왜 나는 학교를 다니지? 왜 나는 우테코에 참여했지? 왜 나는 책을 읽지? 왜 나는 블로그에 글을 쓰지? 왜 나는 이런 선택들을 했지? 2. 안할이유가 뭐지? 열심히 일을 안할 이유가 뭐지? 많은 것을 배우지 않을 이유가 뭐지? 여러사람과 협업하지 않을 이유가 뭐지? 성공하지 않을 이유가 뭐지? 많이 배워서 많이 베풀고 남들을 돕지 않을 이유가 뭐지? 학교에 다니지 않을 이유가 뭐지? 우테코에 참여하지 않을 이유가 뭐지? 책을 읽지 않을 이유가 뭐지? 블로그에 글을 쓰지 않을 이유가 뭐지? 이런 선택들을 하지 않을 이유가 뭐지? 3. 내가 아닐 이유가 뭐지? 내가 목표를 정하고 변화를 만들지 못할 이유가 뭐지? 성공한 사람이 내가 아닐 이유가 뭐지? 사람들에게 영감을 줄 사..

블로그에 포스팅할 것을 찾다가 그동안 정리 못한 export default와 그냥 export의 차이점에 대해서 정리해보고자한다. 아래 아티클을 참고했다. https://yhancsx.github.io/js/tree-shaking/ Javascript Tree Shaking front-end 최적화 방안 중 하나인 tree shaking에 대해 공부해 보자. yhancsx.github.io https://blog.neufund.org/why-we-have-banned-default-exports-and-you-should-do-the-same-d51fdc2cf2ad Why we have banned default exports in Javascript and you should do the same ES..

saga의 특징 공식문서 발췌(https://redux-saga.js.org/) 1. 비동기 - redux-saga는 ES6 문법인 generator를 사용하여 비동기 flow를 더 쉽고 가독성있게 작성할 수 있도록 돕고, test도 쉽게 만들수 있다. - 복잡한 side effect을 세부사항에 얽매이지 않고 생성할 수 있다. 2. 컴포지션(구성) 중심 - saga는 병렬 수행, 작업 동시성, 작업 경쟁, 작업 취소 등을 다루는 다양한 접근 방식을 가지고 코드 흐름을 완벽하게 제어한다. 3. 테스트하기 쉬운 - saga와 generator의 각 단계의 결과를 assertion할 수 있다. - side effect 테스트가 빠르고 간결하고 고통스럽지않게 된다. 아래는 너무 잘 정리된 특정 블로그의 글을 ..

당신은 실패를 할 준비가 되어있습니까? 처참하게 무너질 준비가 되어있습니까? 우테코를 수료하고 이제 형형색색의 꿈을 품고 개발자의 길을 시작하기 위해서 면접준비를 하고 있다. 우테코를 시작할 때 꽃길이었다면, 이제 우리앞에 놓인것은 가시밭길이다. 10개월간 스스로 개발에 대한 확고한 비전과 역량을 다지는 시간이었다면, 이제는 그렇게 예쁘지만은 않은 도전들만이 남아있다. 그리고 그 모든 도전 몇몇개는 처참이 무너지는 실패의 경험이 뒤따르게 되어있다. 이것은 아무리 운이 좋고, 실력이 있어도 피해갈 수 없는 필연적인 과정이다. 실패가 성공의 어머니라고 하고, 실패가 성공의 밑거름이 된다고 아무리 좋게 포장해도, 실패라는 것은 그렇게 긍정적인 감정을 주진 못한다. 멘탈이 붕괴되고, 세상이 무너지는것 같고, 포..

https://wormwlrm.github.io/2019/12/04/Why-JSON-parse-is-faster-than-object-literal.html 왜 JSON.parse가 더 빠를까? 최근에 처음 깨달은 사실인데, JSON.parse("{}")로 객체를 만드는 것이 쉽다고 한다. 그 이유는 자바스크립트 엔진에게 있어서, JSON을 분석하는 것이 매우 간단하기 떄문이라고 한다. 오오 너무 신기하다. 자바스크립트는 문맥에 민감하기 때문에 {}를 파싱하는 것에 여러가지 신경을 써야하고, Number, String, Boolean, Array, Object 등등의 리터럴들에 대한 대비를 해야한다. (토큰이라고 하는듯) 하지만 JSON.parse("{}")으로 객체를 생성한다고 하면 String 토큰만..