전체 글
-
[TypeScript] Frontend Master의 TypeScript Fundamentals 후기Web Dev/1. JS 문법 관련 2021. 1. 26. 00:04
들은 강의 frontendmasters.com/courses/typescript-v2/ Learn the Fundamentals of TypeScript 3 to Add Type Checking to Your JavaScript TypeScript adds a powerful type system on top of your JavaScript to catch bugs before they happen and provides a superior developer experience for collaborative teams. frontendmasters.com 후기 TypeScript에 대해서 전반적으로 어떻게 쓰이는지 다 알려주셔서 좋았는데, 오늘 문득 든 생각이 '아, 이 길이 혹시 내 길이 아닌가....
-
[함수형 프로그래밍] 섹션 3. 제너레이터와 이터레이터Web Dev/1. JS 문법 관련 2021. 1. 25. 09:20
해당 Repository를 clone 하신 후, http-server ./section3 을 통해서 확인하실 수 있습니다 제너레이터/이터레이터 제너레이터: 이터레이터이자 이터러블을 생성하는 함수 제너레이터의 실행 결과가 이터레이터이자 이터러블 iter[Symbol.iterator] 값을 가지고 있는 이터러블 실향하면 next()로 값을 반환하는 이터레이터 자바스크립트에서 어떠한 값이라도 순회할 수 있는값으로 만들 수 있다는 것! odds 홀수만 만들어서 순회하는 이터레이터 for of, 전개 연산자, 구조 분해, 나머지 연산자 구조분해:
-
[함수형 프로그래밍] 섹션 2. ES6에서의 순회와 이터러블: 이터레이터 프로토콜Web Dev/1. JS 문법 관련 2021. 1. 21. 12:41
해당 Repository를 clone 하신 후, http-server ./section2 을 통해서 확인하실 수 있습니다 기존과 달라진 ES6에서의 리스트 순회 for i++ for of Array, Set, Map을 통해 알아보는 이터러블/이터레이터 프로토콜 이터러블: 이터레이터를 리턴하는 [Symbol.iterator]() 를 가진 값 이터레이터: {value, done} 객체를 리턴하는 next()를 가진 값 이터러블/이터레이터 프로토콜: 이터러블을 for...of, 전개 연산자 등과 함께 동작하도록한 규약 이터레이터 객체의 Symbol.iterator 값은 자기자신이다 Array Set Map은 JavaScript의 내장 이터러블이다. 사용자 정의 이터러블을 통해 알아보기 iterable 객체는 ..
-
[함수형 프로그래밍] 섹션 1. 함수형 자바스크립트 기본기Web Dev/1. JS 문법 관련 2021. 1. 21. 12:39
해당 Repository를 clone 하신 후, http-server ./section1 을 통해서 확인하실 수 있습니다 평가 코드가 계산(Evalutaiton)되어 값을 만드는 것 일급 값으로 다룰 수 있다 변수에 담을 수 있다 함수의 인자로 사용될 수 있다 함수의 결과로 사용될 수 있다 일급 함수 함수를 값으로 다룰 수 있다 조합성과 추상화의 도구 고차 함수 함수를 값으로 다루는 함수 함수를 인자로 받아서 실행하는 함수 apply1 times 함수를 만들어 리턴하는 함수(클로저를 만들어 리턴하는 함수) addMaker
-
C++을 할일이 좀 있어서 VS code 로 버텼는데, 도저히 이제는 참을 수가 없어서 설치한 Clionold/Algorithm 2021. 1. 20. 09:46
C++을 할일이 좀 있어서 VS code 로 버텼는데, 도저히 이제는 참을 수가 없어서 설치한 Clion 1. Jetbrain Clion 공식 사이트 What's New in CLion 2020.3 CLion 2020.3 brings significant improvements to key parts of the development process – code analysis, running and debugging applications, and unit testing. For embedded projects, CLion now comes with initial MISRA C and C++ support. Qt users can benefit www.jetbrains.com 2. Debugging in..
-
HTTP 완벽 가이드 5장 웹서버Web Dev/7. 네트워크 2021. 1. 17. 23:40
웹서버란? 웹서버 소프트웨어와 웹페이지 제공에 특화된 장비 크든 작든, 리소스에 대한 HTTP 요청을 받아서 콘텐츠를 클라이언트에게 돌려준다 웹서버 구현 웹서버는 HTTP 및 그와 관련된 TCP처리를 구현한 것 HTTP 프로토콜을 구현하고 웹 리소스를관리하고 웹서버 관리기능을 제공 웹서버의 형태 다목적 소프트웨어 웹서버 네트워크에 연결된 표준 컴퓨터 시스템에서 동작 ex) 아파치 직소 등등의 오픈소스나 상용 소프트웨어, nginx 마이크로프로세서의 기적 덕에, 사용자에게 판매할 전자기기안에 몇개의컴포터 칩만으로 구현된 웹서버를 내장 시켜서 완전한 관리콘솔로 사용가능(-> WOW) Node JS 웹서버 구현 예제: [생활코딩] 아파치와 엔진엑스를 비교해보자 Nodejs 서버 구성시 nginx를 사용해야하는..
-
[FakeFlix] HTML의 Dom events에 관해서(좌우 scroll과 상하 wheel event가 충돌할때 나의 해결법)Web Dev/5. Projects 2021. 1. 16. 16:51
dom events를 항상 아무 생각없이 써왔다. 그런데 최근에 dom 을 직접 조작하는 일을 하다가, 다시 React를 공부하는데, '워~~~' 하는 생각이 들었다. 어렵다... 정말 요즘 태어나서 요즘 개발자해서 너무 다행이다. 예전에 하셨던 분들 다들 훈장 받으셔야한다... 여튼 또 일하느라 급급하게 createElement로 dom 조작을 하고, event도 붙이고 하다가 React 컴포넌트에 onScroll 이벤트를 붙이려니까 순간 게슈탈트 붕괴가 왔다. 여튼 이 기회에 dom event에 대해서 문서를 찾아봤다. www.w3schools.com/jsref/dom_obj_event.asp HTML DOM Event Object HTML DOM Events HTML DOM Events HTML D..
-
HTTP 완벽 가이드 4장 커넥션 관리Web Dev/7. 네트워크 2021. 1. 14. 21:15
다른 많은 중요한 내용이 있었지만, 성능관련 내용 특히 정리하기 - TCP 성능 관련 중요 요소 TCP 커넥션의 핸드셰이크 설정 인터넷의 혼잡을 제어하기 위한 TCP의 느린 시작(slow-start) 데이터를 한데 모아 한번에 전송하기 위한 네이글 알고리즘 TCP편승 황인응답을 위한 확인 응답 지연 알고리즘 TIME_WAIT 지연과 포트 고갈 -HTTP 커넥션 관리 connection 헤더란? HTTP는 클라이언트와 서버 사이에 프락시 서버, 캐시 서버 등과 같은 중개 서버가 놓이는 것을 허락한다. HTTP 메시지는 클라이언트에서 서버(혹은 리버스 서버)까지 중개 서버들을 하나하나 거치면서 전달된다. 두개의 인접한 HTTP 애플리케이션이 현재 맺고 있는 커넥션에만 적용될 옵션을 지정해야할때가 있다. 이때..