2023/024 [VS Code]Visual Studio Code javascript 확장 익스텐션 code runner 설치 및 사용방법 Visual Studio Code에서 javascript 출력을 도와주는 code runner 확장 익스텐션 입니다. "code runner" 이라고 확장 익스텐션 검색창에 입력하시면 첫번째 나오는 확장프로그램입니다. 설치를 하시고, js 파일을 만드셔서 아래 문구를 작성해보세요. var a='hello world'; console.log(a); 그리고 단축키 + 마우스 우클릭으로 "code run"을 눌러 확인해보세요. 윈도우 : ctrl + alt + n 맥 : control + optiion + n 하단 출력부분에 출력이 됩니다. 크롬 개발자 도구로 하셔도 되지만, vs code로 바로 확인이 가능합니다. 2023. 2. 11. [Typescript]타입 스크립트를 해야하는 이유 javascript 가 발전해가면서 ES5 ~ ESNext (2015년~ 현재까지) 프론트앤드와 백앤드에서 아주 중요한 언어이다. 하지만 javascript 는 타입(string)을 선언하지 않아도 유연하게 동작을 한다. 문제는 여러 개발자와 협업을 하면서 타입을 알수가 없어서 오류를 찾기가 쉽지가 않는 문제점이 있다. 하지만 타입스크립트는 타입을 지정해야하기 때문에, 함수가 어떻게 사용이 됐는지 오류는 무엇인지 쉽게 찾을수 있다. // javascript function makeWebmini(name, age){} // typescript function makeWebmini(name: string, age: number){} 타입을 지정해주므로 문자열인지 숫자인지 구분이 명확해진다. Typescrip.. 2023. 2. 11. [Javascript]arrow function 화살표 함수 ESNest 에서는 function 키워드 외에도 화살표 => 로 함수를 선언할 수 있다. function add(a, b){ return a + b; } // 화살표 함수 const add = (a, b) => a + b 간단한 함수는 화살표 함수를 사용함으로해서 소스를 간결하게 만들수 있다. 2023. 2. 11. [VS Code]비주얼코드 Live Server 확장팩 사용법 로컬에서 작업한 문서를 손쉽게 확인하려면 Live Server 확장팩을 설치해주시면 됩니다. 저장할때마다 새로고침을 할 필요성이 없습니다. html,css 작업물을 바로바로 확인한다고 보시면 됩니다. 먼저 확장 프로그램 설치하면 하단 우측에 Go Live 버튼이 생성됩니다. Go Live 버튼을 클릭하면 Port : 5500 으로 바뀝니다. 브라우저 주소창에 http://localhost:5500 으로 접속하시면 됩니다. 작업문서를 저장하면 새로고침을 안해도 실시간으로 변경되는 장점이 있습니다. 2023. 2. 5. 이전 1 다음
