TypeScript의 동작 원리  프로그래밍 언어의 실행대부분의 프로그래밍 언어는 컴퓨터 보다는 인간에게 더 친화적이고 영어에 가깝습니다. 그러므로 0과 1밖에 모르는 프로그램 코드를 컴퓨터가 해석하기 쉽게 변환해 주어야 합니다. 이런 작업을 ‘컴파일(Compile)’ 이라고 부릅니다. 코드를 컴파일 하여 컴퓨터가 이해하기 쉬운 형태로 바꿔주는 역할을 하는 프로그램을 ‘컴파일러’ 라고 부릅니다. 컴파일러는 우리가 작성한 코드를 AST(Abstract Syntax Tree, 추상 문법 트리)로 변환합니다. AST는 1차적으로 코드를 컴퓨터가 더 해석하기 쉽게 변경한 것 인데요. 공백이나 주석 탭 등 코드의 실행에 관계없는 요소들은 모두 제거하고 트리 형태의 자료구조에 코드를 분석해 저장한 형태를 말합니다...

JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유   ❗️타입 시스템타입 시스템이란 언어에서 사용하는 여러가지 값들을 묶어서 어떤 타입으로 정할지 결정하고 또 언제 어떻게 타입을 검사할지 등 우리가 프로그래밍 언어를 사용할때 타입과 관련해서 지켜야 하는 규칙들을 모아둔 체계입니다. 타입 시스템은 크게 두가지로 나눌 수 있는데 하나는 코드 실행 전에 모든 변수의 타입을 고정적으로 결정하는 정적 타입 시스템이있습니다. 다른 하나는 코드 실행 전에는 타입을 결정하지 않고 코드 실행하면서 유동적으로 변수의 타입을 결정하는 동적 타입 시스템이 있습니다. 정적 타입 시스템을 사용하는 언어에는 C나 Java 같은 엄격한 문법을 가진 언어들이 있습니다. 동적 타입 시스템을 사용하는 언어에는..

자바스크립트 내장함수(메서드) 정리   내장 함수1) 타이머 함수setTimeout(function, millisecond) : 지정된 시간 후 함수를 한 번 실행(밀리초 단위)setInterval(function, millisecond) : 지정된 시간마다 함수를 반복 실행*위 두 함수는 타이머 id를 리턴값으로 가짐 -> id를 변수에 저장해둬야 중지 가능clearTimeout(id) : setTimeout 함수 중지clearInterval(id) : setInterval 함수 중지 2) 인코딩과 디코딩 함수escape(), unescape()영문 알파벳과 숫자, 일부 특수문자(@ * - _ + . /)를 제외하고 인코딩1바이트 문자는 %XX, 2바이트 문자는 %uXXXX 형태로 변환encodeURI..

VSCode 한글 폰트 깨짐현상 해결    상황나 같은 경우에는 터미널에 git commit -m "" 여기서"" 안에 커밋 메시지를 작성하고 싶은데 한글이 계속 안써지거나 이상하게 써지는 현상때문에 조사를 하게되었다 해결방법1. 오른쪽 아래 보면 utf-8 을 클릭해본다 2. 클릭하면 상단에 이런 작업 선택이 나오는데 여기서 -> 인코딩하여 다시 열기를 클릭 3. 아래로 내려보면 Korean (EUC-KR)이 있는데 선택 하면 4. 화면에 보이는 한글이 이상하게 깨져있을거다 윈도우 ctrl + z 맥 cmd + z 하면 다시 원상태로 돌아온다 5. 설정창(cmd + , ) 을 들어가서 -> encoding 검색 6. Files: Auto Guess Encoding 체크 해주면 알아서 한글이 없을때는 U..

HTML 특수문자 사용하기     페이지 넘길때 사용하는 , >>등 이러한 특수문자를 어떻게 사용하는지 서치 해보았다.나같은 경우 span 태그안에 ex) ‹ 이렇게 작성하면 해당 문자의 특수문자가 나온다 ❗️사이트 공유https://www.digitalmediaminute.com/reference/entity/index.php HTML EntitiesThis page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really a..

HTML input 태그 readonly 속성    정의 및 특징 태그의 readonly 속성은 요소의 입력 필드가 읽기 전용임을 명시합니다. 읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수는 없지만, 해당 내용을 하이라이트하거나 복사할 수는 있습니다.따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있습니다. disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 입력 필드의 값은 서버로 제출됩니다. readonly 속성은 불리언(boolean) 속성입니다.불리언 ..

npm WARN deprecated tar@ 오류해결    npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap. 이라는 오류가 생겼다 ❗️원인tar이 뭔지 모르겠지만 구글링 해보니까 tar 버전이 낮다고 한다 ❗️해결방법npm install tar@6 -g하면 최신 tar이 다운된다고 한다끝!

EACCES: permission denied, mkdir 오류해결    꼭 yarn을 설치해야만 나오는 오류는 아니지만 새로운 프로젝트를 만들기 위해 yarn을 설치했는데 오류가 나왔습니다.❗️발생원인현재 접속 중인 local 계정이,  npm 설치 경로에 대한 권한을 가지고 있지 않아서 발생하는 문제입니다. 솔직히 구글 서치해서 나온 방법데로 전부 다 해봤지만 방법을 못찾았었는데하나 방법이 있었습니다 ❗️해결방법제일 앞에 sudo 를 넣어서 다운 받는 방법인데 별로 비추천하는 방법이라고 나와있지만 이 방법 말고는 설치가 안되서 지금은 잘 사용중입니다!

Pull Request와 이슈 연결하기    ❗️공식사이트 참조https://docs.github.com/en/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue Linking a pull request to an issue - GitHub DocsYou can link a pull request or branch to an issue to show that a fix is in progress and to automatically close the issue when the pull request or branch is merged.docs.github.comhttps://minny27.tistory.com/50 [Git] ..