dalsu
close
프로필 배경
프로필 로고

dalsu

  • 분류 전체보기 (37)
    • TIL(Today I Learn) (9)
    • 코딩테스트 공부 (5)
    • FE 개발일지 (8)
    • Spring (2)
    • Typescript (5)
    • Javascript (2)
    • DevOps (1)
    • Redis (3)
    • CSS (1)
    • React-Native (1)
      • [AWS] KVS(Kinesis Video Str.. (1)
    • React.js (0)
    • Vue.js (1)
  • 홈
  • 태그
  • 방명록
JavaScript에서 TypeScript로: 3가지 방법으로 타입스크립트 도입하기

JavaScript에서 TypeScript로: 3가지 방법으로 타입스크립트 도입하기

시작에 앞서...React와 TypeScript의 결합은 현대 웹 개발에서 점점 더 인기 있는 조합입니다.TypeScript는 JavaScript에 정적 타입 검사를 추가하여 코드의 안정성과 유지 보수성을 높이는 데 도움을 주며,React는 사용자 인터페이스를 효율적으로 구축할 수 있게 해줍니다. 그러나 기존의 JavaScript(jsx) 프로젝트를 TypeScript(tsx)로 전환하는 과정에서 고민이 생길 수 있습니다.특히, 기존의 컴포넌트에 타입을 추가하거나, 타입스크립트의 이점을 활용하기 위해 어떤 접근 방법을 선택해야 할지에 대한 고민이 클 것입니다. 이 글에서는 기존의 JSX 파일을 TypeScript(TSX)로 변환하는 세 가지 방법을 소개할 예정입니다.각 방법은 프로젝트의 규모나 상황에 따..

  • format_list_bulleted Typescript
  • · 2024. 9. 2.
  • textsms
TypeScript 환경 설정

TypeScript 환경 설정

TypeScript 사용하기 위한 단계별 가이드타입스크립트 프로젝트를 시작하기에 앞서, 타입스크립트를 사용할 수 있는 환경을 설정해야합니다.이번 포스팅에서는 타입스크립트를 연습하기 위해 사용했던 타입스크립트 환경 설정 과정을 다뤄보겠습니다. 1. Node.js 설치Node.js 공식 웹사이트에서 LTS 버전을 다운로드하고 설치합니다.설치 후 터미널에서 node -v와 npm -v 명령어로 설치를 확인합니다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 프로젝트 초기화새 디렉토리를 만들고 그 안에서 프로젝트를 초기화합니다:mkdir ts..

  • format_list_bulleted Typescript
  • · 2024. 8. 31.
  • textsms
TypeScript에서 DOM 요소를 선택하는 방법

TypeScript에서 DOM 요소를 선택하는 방법

TypeScript에서 DOM 요소를 선택하는 방법: 안전하고 효율적인 접근법DOM (Document Object Model)은 웹 페이지의 구조와 내용을 정의하는 중요한 개념이다.HTML 문서의 html, body, div와 같은 요소들은 자바스크립트를 통해 동적으로 조작할 수 있다. 간단히 말해, 문서 객체는 자바스크립트로 수정 가능한 웹 페이지의 구성 요소들이다. 현대 웹 개발에서는 DOM을 직접적으로 다루기보다, React, Vue와 같은 프레임워크를 활용하여 DOM을 간접적으로 다루는 것이 일반적이다.이러한 프레임워크들은 복잡한 UI를 효율적으로 관리하는 데 도움을 주지만, TypeScript의 타입 안전성이나 타입 연습을 위해 직접적인 DOM 접근도 여전히 중요한 학습 대상이라고 생각한다. 이..

  • format_list_bulleted Typescript
  • · 2024. 8. 29.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (37)
    • TIL(Today I Learn) (9)
    • 코딩테스트 공부 (5)
    • FE 개발일지 (8)
    • Spring (2)
    • Typescript (5)
    • Javascript (2)
    • DevOps (1)
    • Redis (3)
    • CSS (1)
    • React-Native (1)
      • [AWS] KVS(Kinesis Video Str.. (1)
    • React.js (0)
    • Vue.js (1)
최근 글
인기 글
최근 댓글
태그
  • #react 지구본 라이브러리
  • #코딩테스트 C++ 입문
  • #데브코스
  • #TypeScript
  • #프론트엔드 데브코스
  • #코딩테스트입문
  • #자바스크립트 동작원리
  • #react-globe.gl 지구본 반응형
  • #C++
  • #react-globe.gl
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바