전체 글
-
VS code TODO 리스트를 효율적으로 관리하자!(Todo Tree 익스텐션 사용기)Web Dev/8. 메모 2021. 1. 28. 20:07
개발하다보면 솔직히 할게 넘 많아가지구 뭘하고있었는지, 뭘해야하는지, 뭘 나중에 해야할지를 관리하는게 어려운점이 있었다. VSCode를 IDE로 사용하는 사람들(나같은 JavaScript 개발자)에게는 VSCode가 이미 한트럭정도 필요한 Extension을 제공중이다. 그중에 Todo Tree 를 사용해보려고 한다. TODO Tree marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree Todo Tree - Visual Studio Marketplace Extension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree view marketplace.visuals..
-
Fira Code VsCode에서 font ligatures 사용하기(brew가 안먹힐때)Web Dev/8. 메모 2021. 1. 28. 16:02
github.com/tonsky/FiraCode tonsky/FiraCode Free monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub. github.com 여기서 폰트를 다운 받았다. 나는 installation 가이드를 따라서 했는데 안됬다. 이때는 그냥 zip파일을 다운로드 받아서 ttf파일을 직접 설치하니까 쉽게 해결됬다. 설치후에는 settings에 들어가서 font 설정을 바꾼다. 이때 Fira Code 라고 잘 바꾼다. Ligatures 설정의 경우에는 나는 json 파일내에서 수정해야 했는데, 이를 true 라고 설정하면 된다. ..
-
Nullish coalescing operator (??) 사용법Web Dev/1. JS 문법 관련 2021. 1. 26. 22:02
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator Nullish coalescing operator (??) - JavaScript | MDN The nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||..
-
nvm과 voltaWeb Dev/4. Node Js 관련 2021. 1. 26. 20:53
정리 - nvm: 여러가지 노드 버전을 관리하는 느낌. 버전을 바꾸면 node 폴더 경로를 바꾸는 느낌이다. - volta: rust로 되있어서 엄청 빠르고, 쓰는것마다 설치하는것. 실행되면 알맞은 버전의 노드를 설치한다. 명령어가 따로 없다. 그리고 node 와 yarn에서 둘다 작동한다. 글구 엄청 빠르다 - volta를 쓰라고 한다. Volta vs NVM 1. Volta 공식 사이트: volta.sh/ Volta - The Hassle-Free JavaScript Tool Manager ⚡ Universal No matter the package manager, Node runtime, or OS, one command is all you need: volta install. volta.sh 2...
-
Gatsby란? Tutorial 따라하기Web Dev/3. React 관련 2021. 1. 26. 16:55
Gatsby를 공부하게 된 이유 Site를 만들일이 있는데, 솔직히 서버는 필요없을 것 같고 Static한 파일만 있으면 될것 같았다. 이럴때 Gatsby를 쓴다는데, 사실 뭔지 잘모르겠어서 그런가보다 하고 살고 있었는데 이번기회게 공부를 해보려고 한다. Gatsby Intro Video Gatsby란? - Static Site Generator - Uses GraphQL to get data from anywhere - Uses React for templating and css for styling - Include Plugin Architecture Gatsby를 사용하는 이유? - Use Gatsby for speed, security, and dev experience A Review of Ga..
-
[함수형 프로그래밍] 섹션5 . 코드를 값으로 다루어 표현력 높이기Web Dev/1. JS 문법 관련 2021. 1. 26. 12:02
해당 Repository를 clone 하신 후, http-server ./section5 을 통해서 확인하실 수 있습니다 코드를 값으로 다루어 표현력 높이기 go: 앞에서부터 순서대로 실행되길 기대함 go(0, a=>a+1, a=> a+10, a=>a+100, log); reduce를 활용 함수들로 즉시 어떤 값을 구하는 용 pipe: 함수들이 나열되어있는 합성된 함수를 만드는 함수 const f = pipe(a => a+1, a=> a+10, a=> a+100); 를 통해서 함수를 합성하는 것을 기대 함수를 리턴함 내부에서는 go를 사용한다 curry: 함수를 값으로 받아두고, 원하는 시점에 실행하는 함수 인자가 원하는 만큼 들어왔을때 실행하는 것
-
[함수형 프로그래밍] 섹션 4. map, filter, reduceWeb Dev/1. JS 문법 관련 2021. 1. 26. 10:20
해당 Repository를 clone 하신 후, http-server ./section4 을 통해서 확인하실 수 있습니다 map 어떤 함수를 각각에 적용하는 함수 함수형 프로그래밍은 인자가 리턴값으로 외부세상과 소통하기를 원한다 map은 고차함수이기도 하다 이터러블 프로토콜을 따른 map의 다형성 document.querySelectorAll("*") 처럼 map 함수가 없는 이터러블도 map 할수 있게 된다 제너레이터도 map 할수있게 된다 즉, 이터러블이나, 제너레이터의 결과에 대해서도 map을 할 수 있게 된다 filter 어떤 기준에 대해서 걸러내는 함수 reduce 값을 축약해서 하나로 만드는 것 ex) const nums = [1,2,3,4,5]; 이런 값을 전체 다 더해서 하나의 값으로 만들..