vscode 4

Cannot use JSX unless the '--jsx' flag is provided.ts(17004) 빨간줄 없애기

갑자기 재택을 하게 되어서 회사 노트북은 아닌 개인 노트북으로 작업을 하게되었다. git 계정 변경하고 노드 버전 nvm 설치하고 오전을 거의 셋팅하는데 시간을 쓴 듯 싶었다. 그런데 clone을 잘하고 나서도 vscode에 빨간줄이 쫘아악나는 걸 볼 수 있었다. 오류는 아니고 typescript버전에 따른 문제였다. F1을 눌러 typescript 입력 TypeScript : Select TypeScript Version...을 클릭한다. 보면 Use VS Code's Version 이 선택되어 있음을 알 수 있다. 요걸 아래에 있는 Use Workspace Version 을 클릭하여 바꿔준다. node_modules 맞춘다는 뜻이다. 그러면 빨간줄이 모두 없어진다! .vscode파일 내에 있는 .se..

Developer/React 2022.02.09

VSCode에서 Xampp로 php 파일 브라우저에 띄우기 : How to run php file in visual studio code with xampp

VSCode에서 Xampp로 php 파일 브라우저에 띄우기 : How to run php file in visual studio code with xampp Xampp 설치가 완료된 이후의 내용입니다. 1. C:\xampp\htdocs 안에 프로젝트 폴더 만들기 - xampp 폴더는 설치시 위치가 다양하겠지만, 프로젝트들이 xampp\htdocs 폴더 안에 있어야 합니다. - 저는 test라는 프로젝트 폴더를 만들었습니다. - C:\xampp\htdocs\test 3. 상단 메뉴에서 Terminal > Configure Default Build Task >Open task.json file 클릭 4. task.json 파일 자동으로 생성됨 5. 위의 task.json 내용 아래와 같이 작성한 후 저장 -..

Developer/Tools 2019.06.04

VSCode로 갈아타기_2 : 확장 플러그인 인스톨

글은 조금씩 쓰고 있었는데, 완성되지 않아서 비공개로 해놨다가 공개로 돌리는 형식으로 하고 있다.(라고 귀차니즘을 포장해본다.....) 2019/04/14 - [Developer/Tools] - VSCode로 갈아타기_1 : 설치방법 이번에는 저번 VSCode 설치( 위의 링크 참고! )에 이어 확장 플러그인 설치를 해봅니다. 이것 저것 써보면서 나에게 맞는 것들을 골라서 설치하면 좋지만, 조금은....귀찮고 이미 좋은 블로그(https://junhobaik.github.io/vsc-plugin-list/)가 많기 때문에 참고해서 설치해봤습니다. 기본적이라고 생각하는 것들을 설치했고, 추가적인 플러그인들이나 후기는 나중에 업데이트 해나갈까합니다. VSCode를 키고! 왼쪽 세로 메뉴에서 네모난 아이콘(E..

Developer/Tools 2019.05.11

VSCode로 갈아타기_1 : 설치방법

난 처음에 에디터 플러스로 마크업을 배우기 시작했고, 그 이후에는 아톰을 잠깐 거치고 작년 이맘 때쯤 학생계정이 있어서 WebStrom 웹스톰을 지금까지 무료로 사용해오고 있다. 하지만, 1년 간의 무료가 곧 끝난다ㅠㅠ!! 그래서 다른 에디터를 찾게되었다. 웹스톰을 이어서 쓰고 싶단 생각도 있지만, 우선 돈이 든다는 점이 단점이었고, 한편으론 다른 에디터를 써보고 싶기도 했다. 스택오버플로우 조사(https://www.software.com/review/ranking-the-top-5-code-editors-2019)에 따르면 VSCode가 빠르게 힛업하고있다는 자료를 접했다. 물론 사용해봐야 알겠지만, 괜히 많이 쓴다니까 궁금해서.... 써보도록 한다 (⁄ ⁄•⁄ω⁄•⁄ ⁄) 1. 설치방법 https:..

Developer/Tools 2019.04.14