1. Type Annotation TypeScript uses colon ( : ) behind variables to annotate a type const myMaxHamburger: number = 3; const answer: string = "Yes I can"; const drinks: boolean = true; You can code like variable: It is essential to write this annotation, so be careful to pass by this 1_01. Type Declaration_string let str: string; let red: string = 'Red'; let green: string = 'Green'; let myColor: s..

When we code with a typescript, we can see 2 extensions of it. CASE .tsx In this case, it means for files that contain JSX TSX file is a TypeScript(.ts) file witten using JSX syntax. It contains code that is most likely part of a single-page or mobile application We usually open this in source code editors like VSCode CASE .ts In this case, it means for pure TypeScript files .ts files have diffe..

이번에 알아볼 내용은 CSS 프레임워크이다. 프론트의 메타 자체가 빠르게 바뀌는 편이므로 작성일을 기준으로 많이 쓰이는 프레임워크 기준으로 정리를 해 두었다 + 이 글에서 쓰인 수치들은 별도의 명시가 없을 시 2021년 데이터 수치를 작성해 둔 것이다 CSS 프레임워크란? 미리 개발 해 둔 완성형 디자인을 쉽게 가져다 쓸 수 있도록 한 것 바로 아래에 이전년도까지의 만족도, 흥미, 사용률을 나타내는 사이트에서 정보를 얻어왔다 The State of CSS 2021: CSS Frameworks The Rankings chart can be toggled between satisfaction, interest, usage, and awareness to give you a fuller picture of a..

공통 객체 지향 프로그래밍 패러다임 = 데이터 추상화에 중심 - 객체와 클래스라는 두 주요 개념을 기반으로 한다 객체 기반의 스크립트 언어이다 웹의 동작을 구현하는 데에 쓰이는 언어이다 컴파일 타임?? 런타임?? 소스코드(Input) -> 전처리기 -> 컴파일러 -> 어셈블러 -> 링커 -> 실행파일(Output) -> 실행 [-----------------------------------------컴파일타임---------------------------][---------런타임---------------] 동적 타입 언어는 런타임 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정해 줄 필요는 없다 정적 타입 언어는 컴파일 시에 자료형이 결정 -> 소스코드 작성 시 자료형을 먼저 지정 해야..

주로 HTML과 CSS를 웹페이지를 만드는 데에 많이 쓰곤 한다 그리고 이 두 파일을 연동하는 방법은 생각보다 간단하다 1. main.html 생성 2. style.css 생성 3. 안녕하세요 5. style.css에 속성 아무거나 지정 후 작동되는 지 확인 body{ color: aqua; }

Ctrl+f를 통해 관련 내용으로 이동할 수 있습니다 더보기 body br p b i h# a img table span li form +들어가기 전에 기본적으로 css 태그는 다음과 같이 정의 내려진다 태그이름 { 속성1: 속성값1; 속성2: 속성값2; } 또한 해당되는 태그 전체에 적용된다 직접 적용해보기(h# tag) h1태그 h4태그 h 태그를 사용해서 style tag에 직접 적용해보았다 h# tag?? html tag 주로 글자의 크기를 결정하는 태그 h1부터 h6까지 있다 h# tag 전체 적용해보기 혹시 몰라서 h7, h8까지 넣어 보았다 h1태그 h2 h3 h4태그 h5 h6 h7 h8 style 안에 h1과 h4에 대한 css를 넣어두었기에 두 부분에 대한 결과만 css가 따로 적용된 ..