우당탕탕 개발일지

JavaScript란? JavaScript는 인터프리터 언어이자 객체기반의 스크립트 프로그래밍 언어입니다. HTML 웹 페이지를 동적이고 살아 있게 만들어주는 역할을 합니다 특징 객체 기반의 스크립트 언어입니다. 동적이고 타입 명시가 필요가 없는 인터프리터 언어입니다. 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다. 장점 컴파일 과정이 없어 다른 언어들과 비교했을 때 빠른 시간 안에 스크립트 코드를 작성할 수 있습니다. 단순한 구조와 원칙을 가지고 있어 다른 언어에 비해 쉽게 배우고 이해할 수 있습니다. 단점 HTML 소스코드와 함께 작성이 되면서 소스코드가 외부로 공개되는데, 보안적으로 취약점이 발생할 수 있습니다. 항상 부족한 부분이나 피드백할 부분을 댓글로 남겨주시면 적극적으..

Hook이란? Hook은 react 버전 16.8부터 도입된 기능입니다. 함수형 컴포넌트에서 state와 Life cycle 기능을 연동할 수 있게 해줍니다. useState, useEffect등의 기능을 사용하여 함수형 컴포넌트에서 할 수 없는 다양한 작업을 할 수 있게 해줍니다. useState class Test extends React.Component { constructor(props) { super(props); this.state = { name: "Ujam" }; } render() { return this.setState({ name: e.target.value })} />; } } 기존 class의 state와 setState로 상태들을 관리했습니다. import { useState ..

React란? React는 자바스크립트 라이브러리 중 하나이며 UI(User Interfact)를 만들기 위해 사용되는 웹 프레임워크입니다. 특징 데이터 흐름(Data Flow)이 한 방향으로만 흐르는 단방향 데이터 흐름을 가집니다. 컴포넌트 기반 구조로 재사용성이 뛰어납니다. Virtual DOM기반으로 가볍습니다. 컴포넌트는 props와 state를 가집니다. Data Flow 위 특징과 같이 한 방향으로만 흐르는 단방향 데이터 흐름을 가집니다. 규모가 큰 프로젝트에서도 데이터 흐름에서 일어나는 변화들을 쉽게 예측 가능할 수 있습니다. (양방향 데이터 흐름을 가지게 되면 프로젝트 규모가 클 경우 데이터 흐름을 추적하기 복잡해지는 경향이 있습니다.) Virtual DOM (가상돔) DOM은 Docume..

TypeScript란? TypeScript는 MS에 의해서 개발과 관리되고 있는 오픈소스 프로그래밍 언어입니다. 그리고 자바스크립트의 슈퍼셋입니다. (슈퍼셋이란 A >= 일 경우, A는 B의 슈퍼셋이라고 할 수 있습니다.) TypeScript 장점 1. 정적 타입을 지원합니다. 2. 컴파일 단계에서 에러를 포착할 수 있습니다. 3. 명시적인 타입 지정은 개발자의 의도를 명확하게 드러내주며 가독성을 높이고 디버깅이 쉬워집니다. function sum(a, b) { return a + b; } sum(1, 2); // 20 sum('1', '2'); //12 위 자바스크립트 문법은 타입을 지정하지 않은 동적 타이핑에 의한 결과입니다. a와 b가 어떤 type인지 명시적이지 않아 의도가 명확하지 않습니다. 스..