본문 바로가기
풀스택 개발/프런트앤드

TypeScript 시작!

by act2 2024. 10. 30.
728x90

10월 18일에 리액트를 시작하고, 오늘부터 타입스크립트를 시작합니다.

 

누가 백앤드 쪽이 쉽다고 했나요?

리액트를 공부하니까 결코 백앤드가 쉽지 않다는 생각이 드는군요.

 

인프런과 코드잇에서 인강을 시청하면서 프로젝트도 만들어봤는데, 

꼭 다시 한번 복습해야겠다는 필요성을 느끼고 있습니다.

 

'타입스크립트도 리액트의 연장선에 있겠지'라고 생각했는데, 타입스크립트는 자바스크립트 연장선에 있군요

타입스크립트 기본 문법을 학습하고 보니, '리액트에 타입스크립트 적용하기' 토픽이 있군요. 이 역시 리액트와 연결해 공부해야 할 것 같습니다.

백앤드 쪽은 타입스크립트와 피그마까지만 공부하고 일단 잠시 멈추려고 합니다. 

 

이후로는 프런트앤드와 백앤드를 연결해서 정말 하나의 프로젝트를 완성할 계획입니다. 

 

블록체인 과정에서는 월요일부터 solidity에 대한 공부를 시작했습니다. 

Remix에서 온라인으로 코드를 작성하는 게 신기하네요. 

solidity를 사용해 블록체인과 프런트앤드 쪽을 연결한 앱을 개발하는 게 과정 목표인데,

11월 한 달 착실하게 따라가며 공부할 생각입니다. 

 

오늘부터 시작하는 타입스크립트 공부, 타입스크립트가 어떤 건지 궁금해지는데요. 

참, 비주얼스튜디오에서 타입스크립트 프로젝트를 진행하는데 필요한 npm 명령어를 정리합니다. 

처음 구동하는 건 이렇게 메모하지 않으면 나중에 쉽게 잊어버릴 것 같아서요.~

 

npm init
npm install --save-dev typescript
npx tsc --init
npm run build
// node main.js

// package.json 파일에 추가
"scripts": {
    "build": "tsc",
    "start": "node main.js"
  },
  
npm start
728x90