타입스크립트 자바스크립트 간단한 차이 > javascript
javascript

타입스크립트 자바스크립트 간단한 차이

조회 2,115회 댓글 0건
  • 현재 페이지 주소 복사
  • 페이스북으로 공유
  • X 로  공유
  • 트위터로  공유
  • 네이버 블로그로 공유
  • 네이버 카페 공유하기
  • 네이버 라인 공유하기
  • 네이버 밴드 공유하기
  • 링크드인으로 공유하기
  • 핀터레스트에 공유하기

타입스크립트는 마이크로소프트에서 주도적으로 개발하고 있는 언어 입니다.

언어의 변수를 정적타입, 동적타입 이렇게 구문을 하는데요.

쉽게 자동변수 지원 되느냐 안되느냐 라고 보면 됩니다.


자동변수 쓰면 이게 언제는 숫자형 이었다가 문자형도 되고. 지 맘대로까지는 아니지만 자동 변수 사용해보면 편한점도 있지만 문제도 적지 않습니다. 그럴바에 처음 부터 어떤 변수 타입인지 정하고 사용하는게 좋을 정도 입니다.


 

PHP도 경고 메시지 같은것이 나오는것이 예전하고 다릅니다.


자바스크립트가 여러곳에서 많이 사용되고 있네요.

nodejs 처음 사용하면 실행이 일반 절차형하고 달라서 처음에 당황하죠. 하나 하나가 별도 스레드 형태로 실행 되어 결과가 순서대로 나오는게 아니라 먼저 끝난것이 먼저 나와서 웹브라우저 통해서 실행할때 이런게 문제가 없었는데 서버에서 실행 시킬때는 DB 처리 하는데 문제가 되더군요. 그래서 처리 하는 방법이 있어서 적용 시켰는데 시간 될때 정리 해서 올려 둬야 겠습니다.


자바스크립트는 확장자를 .js 로 사용 합니다.

타입스크립트는 확장자를 .ts 를 사용하여 표시 합니다.

변수 초기화 및 문자, 숫자 구분을 하는것은 복잡한 프로그램과 상당량의 코딩이 필요한곳에선 사용해보면 타입을 쓰지 말라고 해도 쓰고 싶어 집니다.


-----

nodejs에서 typescript 설치는 아래와 같이 하면 됩니다.

npm install -g typescript


그리고 tsc 명령을 통해서 변환이 가능 합니다.


tsc: TypeScript 컴파일러 - 버전 4.5.5

                                                                                                                     TS

공통 명령

  tsc

  현재 프로젝트를 컴파일합니다(작업 디렉터리의 tsconfig.json).


  tsc app.ts util.ts

  tsconfig.json을 무시하고 지정된 파일을 기본 컴파일러 옵션으로 컴파일합니다.


  tsc -b

  작업 디렉토리에서 복합 프로젝트를 빌드하십시오.


  tsc --초기화

  작업 디렉터리에 권장 설정으로 tsconfig.json을 만듭니다.


  tsc -p ./경로/to/tsconfig.json

  지정된 경로에 있는 TypeScript 프로젝트를 컴파일합니다.


  tsc --help --all

  가능한 모든 컴파일러 옵션을 보여주는 이 정보의 확장된 버전


  tsc --noEmit

  tsc --대상 esnext

  추가 설정으로 현재 프로젝트를 컴파일합니다.


명령줄 플래그

     --help, -h 이 메시지를 인쇄합니다.

    --watch, -w 입력 파일을 감시합니다.

          --all 모든 컴파일러 옵션을 표시합니다.

  --version, -v 컴파일러의 버전을 출력합니다.

         --init TypeScript 프로젝트를 초기화하고 tsconfig.json 파일을 생성합니다.

  --project, -p 구성 파일 또는 'tsconfig.json'이 있는 폴더에 대한 경로가 제공된 프로젝트를 컴파일합니다.

    --build, -b 오래된 경우 하나 이상의 프로젝트 및 해당 종속성을 빌드합니다.

   --showConfig 빌드하는 대신 최종 구성을 인쇄합니다.


-----

테스크탑, 모바일, 런타임환경 지원되는 현황

ECMAScript 6 compatibility table (kangax.github.io) 



 







  • 현재 페이지 주소 복사
  • 페이스북으로 공유
  • X 로  공유
  • 트위터로  공유
  • 네이버 블로그로 공유
  • 네이버 카페 공유하기
  • 네이버 라인 공유하기
  • 네이버 밴드 공유하기
  • 링크드인으로 공유하기
  • 핀터레스트에 공유하기
전체 99건 1 페이지
  • profile_image 보통 마우스의 휠은 세로 스크롤을 작동시키는데 사용하는데요.이번에 테스트로 만든 페이지의 가로의 양이 상당해서 아래쪽에 가로스크롤을 마우스로 움직이는데 상당히 거슬려서 만들어 보게 된것입니다. ▶ JavaScript에서 wheel 이벤트 감지  - event.deltaY 값(세로 스크롤)을 감지하여 가로 스크롤(scrollLeft)을 이동  - event.preventDefault();로 기본 세로 스크롤 방지    <!DOCTYPE html>    <html>    <head>    &nb…
  • profile_image 자바와 자바스크립트는 직접적인 관계는 없습니다. 다만 문법이 C계열인 정도 인데 의미는 없습니다.의미가 없다는 의미는 자바스크립트 할줄 하는 개발자가 자바를 다르지 못하고 반대도 그렇다고 봐야 합니다.* 이런 생각도 가능!!  - 스크립트(SCRIPT) 비교적(프로그램에 비해) 간단한 형태를 말함  - JAVA + SCRIPT = 자바로 만들어진 스크립트?그런데 같은 줄 아는 사람이 있는 경우는 왜? 그런가사람이 모르는 것을 접할 때 기본적으로 생각하는 방향에 따라 생각 하는 것일 뿐입니다.즉, 사람들이 Java와 JavaScript를 같은 것으로 오해하는 이유는 주로 인지적 작용과 언어적 연상에서 기…
  • profile_image 중복된 처리를 제외하고자 할때 일정 부분 쿠키로 가지고 있다가 비교해서 동일한 것은 처리 하지 않기 위한것입니다.이것을 쿠키를 이용하는 방법이 있고 요즘은 로컬스토리지를 이용하는 방법도 있겠습니다. 특정 게시물의 번호나. 방문자의 로그를 저장하여 처리 하는 경우는 중복 처리 방지를 위한 간단한 방식 입니다.게시물의 경우 중복제외 처리를 하지 않으면 들쑥 날쑥 하지만 최고 30% 넘게 차이나는 경우도 있었습니다.  <!DOCTYPE html>  <html>  <head>      <title>Click Eve…
  • profile_image 블로그에 있는 datepicker는  안되는것이 많아서 사용할 일이 있어서 완성한것 올립니다.jquery는 버전이 다르면 안될 수 있으니 버전을 맞우는것이 중요하며 아래 순서도 중요합니다.jquery를 이용하기 때문에 jquery-ui가 아래에 있어야 한다는 것입니다. 그리고 jquery-ui 압축 파일을 받으면 아래와 같이 CDN 이용하지 않고 사이트에 올려 놓고 사용할 수 있으며 압축 파일 안에 아래 cdn 링크 걸린 모든 파일과 더불어 필요한 다른 파일들도 같이 모두 들어 있습니다. 같이 사용되는 jquery 도 별도 디렉토리에 있습니다.△ 아래 달력 datepicker(데이트티커)minDate …
  • profile_image Node Express는 Node.js와 Express.js를 결합하여 웹 애플리케이션 개발에 사용되는 프레임워크입니다. 이를 통해 비동기적인 서버 측 코드 작성과 HTTP 요청 및 응답 처리 등 다양한 웹 개발 작업을 보다 쉽게 처리할 수 있습니다.  1) 간단하게 띄울 프로그램을 하나 준비 서버가 잘 작동하는지 확인을 할 수 있는 간단한 프로그램을 준비 하도록 합니다.자신이 하는것이 디비커넥션이 들어가게 되면 이 부분도 간단하게 CRUD 프로그램 하나 준비 하면 됩니다.  const express = require('express');  const app    …
  • profile_image -g 옵션을 주어 글로벌로 설치한것이 아닌데 현재 디렉토리에 node_modules이 없고 다른곳에 설치 된경우는 아래처럼 초기화하면 package.json 파일이 생성 되고 현재 디렉토리에 node_modules 디렉토리가 생기면서 설치 됩니다. 아래와 같이 초기화 후 설치 하면 됩니다.  npm init -y  npm install express 그리고 초기화 했는데 안되는 경우는 시스템 로그인할때 홈 디렉토리나 또는 기본적으로 있어야할 스크립트 등이 없는 경우는 아닌지 살펴 보면 됩니다.예를 들면 bash shell의 경우 로그인 하면서 실행 되는 스크립트 들이 있습니다. 파일명…
  • profile_image 실제 파일은 있는데 없는다는 메시지가 나올 경우는 PATH 설정 값을 확인해 봐야 합니다.만약 whereis env 했는데 있다면 로그인할 때 실행되는 파일에 PATH 설정을 추가해 주면 됩니다./usr/local/nodejs/bin/npm install yarn/usr/bin/env: node: 그런 파일이나 디렉터리가 없습니다위와 같은 오류가 발생 하는 경우는 경로를 추가해 주면 된다.vim /etc/bashrcexport PATH=$PATH:/usr/local/nodejs/bin이 경우는 nodejs를 압축파일을 받아서 별도의 디렉토리에 압축을 풀고 심복릴 링크 처리한 경우 입니다.

상업적 이용 금지. 컨텐츠는 개인 용도로만 사용이 가능 합니다.