반응형

react 4

TypeScript 변수 선언부터 객체 인터페이스까지 기본 문법과 타입 시스템 - TypeScript #2

TypeScript의 기본 문법과 타입 시스템에 살펴보고, 코드를 더 안전하고 효율적으로 작성할 수 있는 방법에 대해 정리해 보겠습니다.   TypeScript 기본 문법과 타입 시스템  기본 타입 (number, string, boolean 등)프로그래밍에 처음 입문하는 분이라면 "타입"이라는 말이 조금 생소하게 느껴질 수 있습니다. 간단히 말하자면, 타입은 컴퓨터에게 "이 데이터가 어떤 종류인지" 알려주는 일종의 표지판 같은 역할을 합니다. TypeScript에서는 숫자(number), 문자열(string), 참 또는 거짓(boolean) 같은 기본 타입을 분명하게 지정할 수 있는데, 이게 중요한 이유는 컴퓨터가 실수를 덜 저지르도록 도와주기 때문입니다. 예를 들어, 숫자만 들어가야 하는 변수에 실수..

TypeScript로 정적 타입 코딩 효율성 높기 방법을 배워보자 - TypeScript #1

이번 글에서부터 TypeScript에 대해 정리해 보겠습니다. 요즘은 프로그래밍 언어에 대한 공식 자료를 비롯해서 다양한 채널에서 쉽게 학습 자료를 접할 수 있는데요, 이들 자료를 취합해서 조금 더 쉽게 설명할 수 있도록 한번 정리해 보려 합니다. 오늘은 첫 번째 시간으로 TypeScript 소개 및 설치부터 진행해 보겠습니다.  TypeScript 배우기 첫걸음  TypeScript가 뭐예요?TypeScript는 한마디로 "JavaScript에 규칙을 추가한 언어"라고 할 수 있어요. 2012년 마이크로소프트에서 세상에 내놓은 이 언어는 JavaScript가 가진 모든 맛을 살리면서, 코드를 쓸 때 변수나 함수에 어떤 종류의 값을 넣을지 미리 정할 수 있게 해 줍니다. 가령, 숫자만 담으려는 변수에 실..

React Native API 연동 쉽게 하는 방법 Fetch와 Axios 비교 - React Native #6

React Native로 앱을 개발할 때, 데이터 관리는 필수적입니다. 사실 거의 모든 응용서비스에서 필수죠. 이번에는 React에서 화면에 표시되는 텍스트, 숫자, 버튼의 상태 등은 모두 데이터이며, 이를 효과적으로 다루려면 상태 관리(State Management) 방법에 대해 정리해 보겠습니다.  데이터 처리와 API 연동  상태 관리(State Management)React Native로 앱을 만들다 보면 "데이터"라는 개념이 빠질 수 없어요. 화면에 보이는 숫자, 텍스트, 버튼의 상태 같은 것들이 바로 데이터인데, 이걸 잘 다루려면 상태 관리라는 기술을 알아야 합니다. 상태는 쉽게 말해 앱이 기억하고 있는 정보예요. 예를 들어, 버튼을 눌렀을 때 화면에 숫자가 1씩 늘어나게 하고 싶다면, 그 숫..

React Native란 - 모바일 앱 개발 초보자를 위한 React Native #1

이번부터는 모바일 앱 프로그래밍 언어에 대해 시작해 보려 합니다. iOS나 Android 플랫폼 각각에 전용됐던 프로그래밍 언어들이 얼마 전부터는 크로스플랫폼(Crossplatform)이라는 이름으로 하나의 프로그래밍 언어로 사용되게 되었죠. 오늘은 중 하나인 React Native라는 프로그래밍 언어에 대한 이야기를 시작하겠습니다.  모바일 앱 개발 초보자를 위한 React Native #1React Native는 2015년 페이스북(Meta)에서 처음 오픈소스로 공개된 모바일 앱 개발 프레임워크입니다. 원래 페이스북 내부에서는 ‘React’라는 웹용 라이브러리를 사용하여 빠르고 효율적인 사용자 인터페이스(UI)를 구성하고 있었는데, 이 React의 아이디어를 모바일 환경으로 확대해보고자 한 시도가 바..

반응형