TypeScript란?

TypeScript란?타입스크립트(TypeScript)는 자바스크립트(JavaScript)에 타입을 추가하여 정적 타이핑을 지원하는 언어이다.마이크로소프트에 의해 개발된 오픈 소스입니다. 대규모 애플리케이션을 개발할 때 코드 관리를 용이하게 하도록 도움을 준다.타입스크립트는 자바스크립트와 완벽하게 호환되며 모든 자바스크립트 라이브러리와 프레임워크를 사용할 수 있도록 설계되었다.TypeScript의 특징정적 타입 지정객체지향 프로그래밍 지원컴파일 시간 오류 검출ES6 및 그 이후 버전의 JavaScript 지원JIDE 지원 강화정적 타입 지정변수, 함수 매개변수, 반환 값 등에 명시적인 타입을 지정할 수 있습니다. 이는 개발 단계에서 타입 관련 오류를 쉽게 잡을 수 있게 도와준다...

• format_list_bulleted Frontend/TypeScript
• · 2024. 3. 6.
• textsms

JS 함수

JS 함수 선언 방법JavaScript에서 함수는 크게 선언문(Function Declaration) 방식과 표현식(Function Expression) 방식으로 정의한다.함수 선언문 (Function Declaration)함수 선언문은 function 키워드를 사용하여 이름이 지정된 함수를 정의한다.함수 선언문은 호이스팅 되므로, 선언 전에 호출할 수 있다.호이스팅(Hoisting)호이스팅(Hoisting)은 JavaScript에서 변수와 함수 선언을 코드의 최상단으로 끌어올리는 동작이다.이로 인해 코드의 어느 위치에서든지 함수를 호출할 수 있다.// 함수 선언문function sum(a, b) { return a + b;}console.log(sum(2, 3)); // 5함수 표현식 (Funct..

• format_list_bulleted Frontend/JavaScript
• · 2024. 3. 6.
• textsms

JS 연산자

JS 연산자산술 연산자기본적인 수학 연산을 수행한다. console.log(1 + 2); // 덧셈 console.log(4 - 2); // 뺄셈 console.log(3 * 2); // 곱셈 console.log(4 / 2); // 나눗셈 console.log(5 % 2); // 나머지할당 연산자변수에 값을 할당하며, 복합 할당 연산자를 통해 산술 연산과 할당을 동시에 수행할 수 있다.let abc = 0;abc += 2; // abc = abc + 2abc -= 2; // abc = abc - 2abc *= 2; // abc = abc * 2abc %= 2; // abc = abc % 2증감 연산자변수의 값을 1 증가시키거나 감소시킵니다. 전위(++i)와 후위(i+..

• format_list_bulleted Frontend/JavaScript
• · 2024. 3. 6.
• textsms

Markdown문서 개념과 작성법

Markdown 문서란? GitHub 소스를 참고하다보면 README.md 라는 파일이 흔하게 보인다. README.md 파일의 md는 markdown의 약어이다. markdown 문서는 간단하고 읽기 쉬운 형식으로 텍스트를 작성하는 경량 마크업 언어이다. 현재 글을 쓰고 있는 tistory에서도 markdown 형식의 글작성도 지원하고 있다. 💡 README.md란? README.md 파일은 GitHub 프로젝트 또는 저장소의 설명서로 사용된다. 보통 마크다운 문서로 작성되어 간결하고 가독성이 좋게 작성된다. 내용으로는 프로젝트 이름과 설명, 설치 방법, 사용예시, 라이센스, 저작권, 배포자 등의 정보가 포함된다. 장점 문법이 쉽고 간결하다. 관리가 쉽다. 호환성이 좋다. 단점 표준이 없다. 같은 문법..

• format_list_bulleted .ect
• · 2024. 3. 6.
• textsms

JS 데이터 타입

JavaScript의 데이터타입데이터 타입은 프로그래밍 언어에서 사용할 수 있는 데이터의 종류를 말한다.JavaScript의 데이터 타입은 크게 원시 타입(Primitive Types)과 객체 타입(Object Types)으로 나누어 진다.원시 타입 (Primitive Types)String텍스트 데이터를 나타내며 큰따옴표, 작은따옴표, 또는 백틱으로 묶어 표현한다.let name = "Hyeon"; // 큰따옴표 사용let greeting = 'Hello'; // 작은따옴표 사용let sentence = `My name is ${name}`; // 백틱과 템플릿 리터럴 사용Number정수 및 부동 소수점 숫자를 나타낸다.let integer = 10;let float = 10.5;BigInt매우 큰 정..

• format_list_bulleted Frontend/JavaScript
• · 2024. 3. 6.
• textsms

[CSS] CSS의 개념 - 선언방식과 선택자

CSS 개념CSS (Cascading Style Sheets)는 웹 페이지를 꾸미려고 작성하는 코드로 HTML이 텍스트나 이미지 등 구성 요소를 웹 문서에 만든다면 CSS는 색상, 크기 위치 등의 디자인 요소를 담당하는 코드이다.  CSS 구조기본적으로 CSS는 선택자 {속성 : 값;} 의 형태로 이루어져 있다.💡예시 div { color : red; }.btn {  color : blue;  margin-left : 30px;          }  CSS 선언 방식내장방식태그의 내용으로 스타일을 작성하는 방식이다. 링크방식html 파일 헤더 부분에 css파일 링크를 연결하여 사용하는 방식이다. import 방식 CSS문서 안에서 또 다른 CSS문서를 가져와 연결..

• format_list_bulleted Frontend/CSS
• · 2024. 3. 6.
• textsms