본문 바로가기

2023/02/113

[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.