타입스크립트3 데코레이터 사용법 데코레이터는 타입스크립트 5.0에서 추가됐습니다. 데코레이터는 클래스의 기능을 증강하는 함수로 여러 함수에서 공통으로 수행되는 부분을 데코레이터로 만들어두면 좋습니다.아래 코드는 클래스 메서드들에는 중복되는 start, end 로그가 있습니다. class ANoDeco { eat() { console.log('start'); console.log('eat'); console.log('end'); } work() { console.log('start'); console.log('work'); console.log('end'); } sleep() { console.log('start'); console.log('sleep'); console.log('.. 2024. 4. 25. 컨트롤 + S로 타입스크립트 파일 재실행하기 이 글을 통해 얻을 수 있는 것 타입스크립트 파일을 컨트롤 + s로 저장을 하면 자동으로 재실행할 수 있습니다. 하는 방법의 결론부터 말씀드리면 아래처럼 해주면 됩니다. nodemon --exec ts-node 경로/파일.ts 이 아래부터는 설명입니다. 급하신 분들은 안 봐도 됩니다. 😃 준비물 우리의 목표를 수행하기 위한 준비물은 nodemon, ts-node이에요. nodemon이란? 파일에 변경이 일어나면 다시 시작시켜주는 도구예요. 즉 index.js 파일에 코드를 작성하고 저장을 누르면 자동으로 nodemon이 실행시켜줍니다. 다들 아시죠? npm i nodemon // 설치법 ts-node이란? 타입스크립트는 브라우저나 OS가 읽고 해석해서 실행할 수 가 없어요. 그래서 자바스크립트 파일로 변.. 2023. 5. 10. CRA없이 리액트(타입스크립트) 프로젝트 생성하기 웹팩이란? 모듈 번들러 중 하나이다. 그럼 번들러는 또 뭔데 번들러는 여러 개의 모듈을 하나의 파일로 묶어주는 도구이다. 이걸 사용하는 이유는 모듈 시스템 사용: 모듈 시스템의 필요성 즉 변수를 파일 단위로 관리 가능 파일 크기 최적화: 여러 개의 파일을 하나로 묶으면, 네트워크 비용 감소. 번들러는 여러 파일을 하나의 파일로 묶어서 요청 횟수를 줄이고, 파일 크기를 최적화해줌 코드 최적화: 번들러는 불필요한 코드를 제거하거나, 코드를 압축하여 파일 크기를 최소화해줌 다양한 형식의 파일 로드: 번들러는 자바스크립트 파일뿐만 아니라 CSS, 이미지, 폰트 등 다양한 혁신의 파일도 로드할 수 있음. 근데 왜 웹팩 써야 함? 웹팩이 선호되는 이유 중 몇 가지는 다양한 플러그인 시스템과 로더를 통해서 훨씬 많은.. 2023. 3. 12. 이전 1 다음
