본문 바로가기

전체 글179

[ Typescript ] Typesctipt 내용 정리, 다양한 예제 실습 Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있으며 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어라고 합니다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있고 타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트에서 사용 가능한 오픈 소스입니다. 타입스크립트 장점.. 2023. 4. 1.
[ Typescript ] 타입스크립트 인터페이스 ( Interface ) Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 타입스크립트 인터페이스 ( Interface ) Property를 정해서 객체를 표현하고자 할 때 interface를 사용합니다. 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미하며 TS에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있습니다. 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 장점: 단순히 인터페이스를 사용할 때 속성을 선택적으로 적용할 수 있고 인터페이스에 정의되어 있지.. 2023. 4. 1.
[ Typescript ] Typesctipt 타입 종료, 다양한 예제 실습 Typescript 요즘 IT 기업들의 채용정보를 살펴보다 보면 상당수의 기업이 TypeScript를 원하거나 우대하는 것을 확인 할 수 있습니다. 면접준비를 하면서 Typescript 뭔지 왜 사용할지 정리해봤습니다. 간단한 예제 실습 간단한 더하기 함수를 만들어, 다양한 변수를 입력해 타입 오류 어떻게 나오는데 실습해봅니다. 우선 이미 익숙한 js 더하기 함수부터 만들어보면 index.js function add(num1, num2){ console.log(num1 + num2); } add(); // Nan add(1); // NaN add("a", "b"); // ab add(1,2); // 3 add(1, "a") // 1a 슷자와 문자 더하는 것도 성공적으로 컴파일! 이제 같은 더하기 함수를 .. 2023. 4. 1.
[ JavaScript ] JavaScript 총 내용 정리 1. JavaScript JavaScript는 웨페이지에서 복잡한 기능을 구현할 수 있도록 하는 객제현 스크린팅 프로그램밍 언어입니다. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다. Interpreted Language as JavaScript, Python Ruby Compiled Languages: Java, C/C++, Swift 2. Data Types JavaScript is a dynamic language with dynamic data types Primitive values: We refer to values of these types as primitive values. A.. 2023. 3. 4.
[ CSS + Bootstrap] Css, Bootstrap 기초 내용 정리 CSS is Cascading Style Sheets 1. Css types inline Css include inline styles of Html tag. Text internal Css internal css places into the head tag with tag and can style all of element included in this page. external css The external style sheet is generally used when you want to make changes on multiple pages. Order By CSS inline Css > internal Css > external Css 2. Css Syntax and selector { prop.. 2023. 3. 3.