TypeScript와 React로 프론트 역량 키우기

컴퓨터는 우리가 작성한 코드를 바로 이해할 수 없다.그래서 사람이 작성한 프로그래밍 언어는 컴퓨터가 이해할 수 있는 기계어로 변환되는 과정을 거친 후 실행된다.이때 프로그래밍 언어를 실행하는 방식은 크게 컴파일 방식과 인터프리터 방식으로 나뉘는데,컴파일러 언어는 코드를

소프트웨어 개발자는 코드를 통해 컴퓨터에게 명령을 내리고, 컴퓨터는 이를 순서대로 실행한다.JavaScript에서 이러한 코드의 실행 구조를 구성하는 기본 단위는 표현식(Expression) 과 문(Statement) 이다.표현식은 평가(Evaluation)되었을 때

프로그래밍을 처음 학습할 때 JavaScript와 같은 스크립트 언어부터 배우는 경우가 많다.하지만 이러한 언어들은 개발자가 사용하기 편리하도록 많은 기능이 추상화되어 있기 때문에,프로그래밍 언어가 실제로 어떻게 동작하는지 이해하기 어려울 수 있다.프로그래밍 기본 원리

변수란, 변경 가능한 수를 의미한다. 프로그래밍 시 데이터를 메모리에 저장 후, 해당 데이터를 다시 꺼내 사용하려면메모리 상 저장된 주소값을 알아야한다. 메모리 주소는 0x1000 0x1001 과 같은 형태로 저장되는데,수 많은 데이터를 저장하고 꺼내써야하는 상황에

함수 포인터(Function Pointer)는 함수의 주소를 저장하는 포인터 변수이다. 일반적인 포인터가 변수의 메모리 주소를 저장하는 것처럼함수 포인터는 함수가 저장된 메모리 주소를 저장하고 해당 함수를 가리킨다. 즉 함수 포인터를 사용하면 함수를 변수처럼 저장

자바스크립트는 객체 기반(Object-based) 언어이기 때문에 객체의 생성 원리와 구조를 이해하는 것이 중요하다.객체지향 개념을 이해하면 코드 구조를 더 명확하게 설계할 수 있고, 복잡한 프로그램을 구성할 때 데이터와 기능을 논리적으로 묶어 관리할 수 있다.

타입스크립트는 자바스크립트에 정적 타입 시스템을 추가한 언어이다.기존 자바스크립트 문법을 그대로 사용하면서,데이터 타입을 명시적으로 선언할 수 있도록 확장된 언어라고 볼 수 있다. 자바스크립트는 동적 타입 언어이기 때문에 변수의 타입이 명확하게 정의되지 않아코드 규모

클래스는 객체를 만들기 위한 설계도이며,객체는 클래스를 기반으로 생성된 실제 데이터이다.클래스는 붕어빵 틀, 객체는 붕어빵과 같다고 이해할 수 있다. 클래스를 사용하지 않는 일반 함수 구현 시아래와 같이 데이터와 로직이 분리된다. 아래와 같이 User 클래스에 데이

업로드중..React는 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리이다.페이스북에서 개발되었으며,주로 웹 애플리케이션의 화면을 효율적으로 구성하고 관리하기 위해 사용된다.여기서 말하는 '효율'이란, UI 요소를 컴포넌트 단위로 나누어 재사용할 수 있게

React 컴포넌트는 두 가지 방식으로 작성할 수 있다. 클래스 컴포넌트과거에는 상태 관리와 생명주기를 사용하기 위해아래와 같은 클래스 컴포넌트를 사용해야 했다. 함수형 컴포넌트하지만 Hooks 등장 이후 아래와 같은 함수형 컴포넌트에서도동일한 기능을 사용할 수