Develop/TypeScript

리액트로 파일을 작성 하게되면 확장자 ".tsx" 를 사용하는데, 이 때 발생하는 react module을 찾지 못한다는 발생하였다. 이와 같은 문제가 발생 했을 때, 하단의 코드를 통해 해결이 가능하다. npm install --save @types/react @types/react-dom

2021. 3. 19.

Develop/TypeScript

1. 타입이란? 변수를 선언 할 때, 이를 저장하는 데이터의 종류를 의미합니다. 2. 인터페이스란? 인터페이스는 동일한 기능을 수행하게끔 하는 "룰"과 같은 역할을 한다. 3. 비교 분석 아래의 코드를 보면 타입과 인터페이스의 역할을 "명확히" 구분 하기 어려울정도로 비슷한 역할 및 형태를 취하고 있다. 그러한 점을 고려하여, 각각 가지는 목적을 명확히 아는 것이 중요한데, 위에서 언급했던 내용처럼 타입이라고 하는건 "변수"가 가지는 데이터의 종류를 의미합니다. 즉, 어떤 "형태"와 "구조"를 강조화 하는 것이 아니라 "종류"를 정하는데 포커스가 맞춰져 있습니다. 그와는 반대로 인터페이스는 하나의 "룰" 로써 단순한 타입만이 아닌 클래스 또는 함수가 가져야 하는 구조 등을 "강제화"하는데 목적을 맞춰 사..

2021. 3. 16.

Develop/TypeScript

인터페이스 ( Interface ) 1-1 인터페이스가 뭔가요? 인터페이스 들으면 어떤 느낌이 가장 먼저 떠오르시나요? 유저와 서버를 연결 해준다는UI(User Interface) 가 가장 먼저 떠오르는데 오늘 배워 볼 인터페이스는 다소 다른 느낌을 가지고 있습니다. 실제로 학부과정에서 배운 자바를 배울 때에도 : 인터페이스 = 법 || 룰" 정도로 배워왔는데, 다시 배우는 입장에서도 가장 적합한 예시라고 생각이 듭니다. 역시 말로만 하면 이해가 어려우니 하단의 코드와 설명을 통해 자세히 이야기 해보겠습니다. * 인터페이스는 어느정도 추상화(Abstraction)와의 연관성도 있어 여기서 잠깐 설명 드리고 가겠습니다 :) 1-2 추상화란 뭔가요? 추상화란 쉽게 말해서 작동원리를 알지 못해도 사용 할 수 ..

2021. 3. 11.

Develop/TypeScript

캡슐화 ( Encapsulation ) 1-1 캡슐화란 무엇인가? 캡슐화가 가지는 이미지를 생각해보면, 우리가 먹는 '알약'과 같이 다양한 것들이 하나의 캡슐 안에 들어감으로써 내용물을 보지 못하는 상태를 의미한다. 1-2 캡슐화를 왜 하는건데? 필자는 타입스크립트를 접하기 전에도, 자바에 그래도 가장 큰 관심이 있어 수업도 듣고, 나름의 주언어로 사용을 했었다. 그때 당시에는 컴퓨터를 배운지 얼마 안된 시점이였던터라, 언어가 주는 느낌과 목적을 생각 할 겨를이 없었기에 " 굳이 왜 그걸 돌려가며 접근을 해야하는지?" 에 대한 이해가 부족했었다. 하지만, 이번 타입스크립트 강의를 보고 정리하는 과정을 통해, 다시금 캡슐화의 필요성을 느꼈는데 그것은 바로 " 유효하지 않은 접근"을 막기 위함이라고 생각한다..

2021. 3. 11.

Develop/TypeScript

1. 객체지향이 뭔지 그대는 알고 있는가? 자바, C++ 등을 사용하는 유저라면 자신이 사용하는 언어가 "객체 지향적" 이라는 사실을 알고 있을 것이다. 필자는 과거 자바를 주언어로 사용하며 객체는 "특정 사물"을 연결하는 느낌의 언어 라고 추상적으로 알고 있었는데, 실제 면접장에서 자바의 특징을 설명해달라고 했을 때 구체적인 말이 떠오르지 않았던 기억이 난다. 최근 타입스크립트를 배우며, 객체지향과 관련된 강의가 시작되었는데 이를 계기로 객체 지향에 대해 이해 해보고자한다. 2. 절차형 vs 객체 지향 1. 절차지향 프로그래밍 (Procedure programming) 1-1 절차지향 프로그래밍이 무엇인가? 절차지향 프로그래밍이 무엇인가? 라는 질문을 했을 때, 우리 머리 속에 먼저 떠오르는 느낌이라면..

2021. 3. 8.