반응형

프로그래밍 스터디( 공부노트 )/개발세팅 & 기타등등 4

vscode 프리티어 Prettier 세팅하기

vscode에 들어갑니다. 익스텐션에 들어가서 프리티어를 설치합니다. 설치가 되면, 저장을 누를 때 자동으로 정리가 되는것을 원하시는 거죠? 그럼 저와같이 아래의 세팅을 해주면 됩니다. 일단 settings.json 으로 들어가 줍니다. settings.json에 들어가는 방법은 제 다른글에 설명이 되어 있습니다. 자 이제, 아래의 코드를 붙여넣기 하시면 됩니다. // prettier settting "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.printWidth": 120, "editor.formatOnSave": true 저는 원래 printWidth가 80으로 설정이 되어 있던가? 그렇습니다. 그러나 html을 작성할 때 이상하게 ..

뉴스 , 신문 api 로 개발하기 / newsapi

저는 원래부터 뉴스의 전체적인 정보를 빠르게 볼 수 있는 플랫폼을 가지기를 원했습니다. 대부분의 신문사는 제 마음에 들지 않았기 때문입니다. 시대에 뒤쳐지는 마인드를 가지고 있는것 같습니다. 구식의 느낌이 느껴집니다. 너무 잡다하게 많은 광고를 달아서 어지럽기만 합니다. 그리고 ui / ux 도 엉망이라고 생각합니다. 쌍팔면도 마인드로 개발된 유저 인터페이스는 정말이지 마음에 들지 않습니다. 그래서 새로운 변화와 느낌에 대응을 할 수 있는 것을 만들고 싶습니다. 정말 짭은 시간을 들이고, 많은 정보를 획득할 수 있는 아주 쌈빡한 플랫폼을 만들어 보고 싶습니다. 그래서 이참에 React와 Next.js에 대해서 배우는 김에 플랫폼을 한번 개발을 해볼까? 생각하게 되었으며 한번 실행에 옮겨야 함을 느꼈습니다..

vscode 주석 색깔 변경하는 방법 - 핑크색, Visual Studio Code

오늘 글에서는 비주얼 스튜디오 코드의 주석 색깔을 이쁘게 변경하는 방법을 보여드리겠습니다. 제가 설정하는 방법으로 하시면 주석의 텍스트가 핑크색으로 변경이 됩니다. 일단 vscode에서 주석 처리를 하는 방법을 설명 드리겠습니다. 1. 원하는 텍스트를 드래그하여 선택한다. 2. 맥 ( Command + / ) , 윈도우 ( 컨트롤 + / ) 을 누르면 주석처리가 됩니다. 주석 처리를 하면 내가 원하는 중요사항을 메모할 수 있고, 내가 작성한 코드에 영향을 주지 않게 됩니다. 이제 vscode 주석 색을 변경해보겠습니다. 먼저 vscode를 켜주시고, settings.json에 들어갑니다. ( settings.json 에 들어가는 방법은 제가 이전 글에 설명을 했습니다. ) 위의 그림과 빨간색 박스의 내용..

vscode setting.json 에 들어가기, 비주얼 스튜디오 코드

저는 개인적으로 개발을 처음으로 배우게 되고, 비주얼 스튜디오 코드 ( vscode ) 세팅하는 것을 매우 어렵게 했습니다. 처음이라서 그런것 같습니다. 그중에 setting.json에 들어가는 것도 어렵더라구요... ㅎㅎㅎ ( 개발을 처음 배울때~ ) 공식적으로 들어가는 것에 대해서 설명을 해보겠습니다. 한번 공식문서는 어떻게 설명하고 있는지 보겠습니다. https://code.visualstudio.com/docs/getstarted/settings Visual Studio Code User and Workspace Settings How to modify Visual Studio Code User and Workspace Settings. code.visualstudio.com 이 페이지로 들어가셔..

반응형