Web Dev/8. 메모
-
Mac Finder에서 VS-Code 바로 열기(automator 기능 활용)Web Dev/8. 메모 2021. 2. 15. 10:40
Mac에서 vs code를 열때마다 terminal을 이용하는게 너무 귀찮아서 방법을 찾아보니, automator 기능을 활용하면 된다. 1. automator를 킨다 2. service를 선택한다. service가 현재 애플리케이션이나 finder에서 text나 files를 받아서 뭔가를 처리할 수 있게 해준다. 3. 내가 하고 싶은건 원래는 shell에서 code "파일명" 하던걸 자동화 하고 싶은거다. 그래서 아래처럼 해준다. 이 서비스는 finder에서 files이나 folder를 받는다고 선택해준다. 그리고 이 input을 arguments 형태로 넘겨준다고 체크한다. 그리고 아래에 처리할 행동은 아래와 같다 open -n -b "com.microsoft.VSCode" --args "$*" 4...
-
DOM 이란?Web Dev/8. 메모 2021. 2. 8. 21:02
developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction Introduction to the DOM - Web APIs | MDN The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web. In this guide, we'll briefly introduce the DOM. We'll look at how the DOM represents an HTML or XML document in memo developer.mozilla.org DO..
-
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 라고 설정하면 된다. ..
-
어쩐지 docker로 mongodb 설치해보기Web Dev/8. 메모 2021. 1. 6. 22:05
mongodb atlas를 써보려다가 그냥 깔아서 써도 되지않을까?(왜 잘안깔려고 하는건지는 잘모르겠다!!) 싶어서 설치방법을 알아봤다. 그런데 뭔....넘 복잡해보여서 docker로 설치할 수 있지않나 방법을 찾아봤다. 우선 내 컴터에는 docker, docker-compose 가 둘다 잘 설치되어있다! docker mongodob 아래는 mongodb의 docker official images관련된 링크이다! hub.docker.com/_/mongo mongo - Docker Hub We and third parties use cookies or similar technologies ("Cookies") as described below to collect and process personal dat..
-
Netlify next 프로젝트 설정방법(Netlify 플러그인과 UI를 통해서 간단하게 업로드)Web Dev/8. 메모 2021. 1. 5. 20:55
Next Js에 잠깐 눈독을 들이느라 좋은 예제를 클론을 해보는 연습을 했다. 사실상 잘 만들어놓은 예제를 그냥 보는정도였는데, 그래도 나름 Netlify에 올리고 마무리를 지으려고 했다. github.com/hayoung0Lee/Real-world-next-app hayoung0Lee/Real-world-next-app https://github.com/reck1ess/next-realworld-example-app - hayoung0Lee/Real-world-next-app github.com 아래는 나의 package.json 형태인데, Netlify UI를 통해서 간단하게 업로드를 하는 방법을 찾고자했다. 실패한 방법 처음에는 여기서 Build command 에서 "npm run build && ..
-
Gatsby Netlify Page not found 계속 뜰때!!!Web Dev/8. 메모 2020. 12. 21. 21:56
아니증말... Gatsby 샘플 사이트 다운로드받고, 계속 netlify에 안올라가서 보니까, stackoverflow.com/questions/57541316/gatsby-site-page-not-found-when-deploy-on-netlify-or-surge Gatsby site 'page not found' when deploy on Netlify or Surge I could run on localhost, however the site could not show up on Netlify and Surge as I tried to push it on Git. Feel free to check my code: https://github.com/treycwong/bean-tracker I'm no..