본문 바로가기

전체 글

 (32)
[새싹 프론트엔드] 인터페이스 interface 인터페이스는 자바스크립트 코드로 컴파일되지않는다. user: object; 를 사용하여 우리가 객체안에 key값을 찾는것처럼 user.name을 console.log에 찍어보면 user.name은 없는 속성이라고 나온다. object에는 name이 없기때문이다. interface를 사용하여 중복된값 타입지정하기 인터페이스 선택속성 ? interface를 사용할땐 interface안에 있는 모든 key값을 사용하여 작성해야한다. 이때 일부객체는 몇몇개의 프로퍼티를 작성하지않아도 될때 선택속성 ? 물음표를 사용한다. readonly const와 비슷하게 한번 초기화된 값은 바꿀 수 없게 지정한다. 여러개의 KEY값을 주고 싶을떄 [ ] 대괄호 아래코드에서 필요한 모든 key값을 대괄호 없이 입력하게되면 1?..
[새싹 프론트엔드] 동기 비동기 자바스크립트는 싱글쓰레드로 작동하는 언어이다. 하나의 작업이 완료되야 다음작업을 실행하는 것이 싱글쓰레드방식이며 동기방식이다. 싱글쓰레드,동기방식의 단점을 극복하고자하는것이 비동기 방식이다. 동기방식처럼 하나의 작업이 끝난 후 다음작업이 시작되는것이 아니라 , 동시에 다른작업을 실행시키는것이 비동기 방식이다. 학습리스트 동기방식 비동기방식 async await 동기방식 비동기방식 비동기 동기의 실행순서 console.log 내용 async부모, await자식 두개의 키워드는 부모자식 관계이며 반드시 같이 작성해야한다.(ul>li 와 같다.) await은 앞에 있는 값을 기다렸다가 값이 리턴되면 일을 시작하는 키워드가 비동기식 코드를사용하면 실행함수가 값을 리턴하기 전에 다음 코드가 실행이 되서 undef..
[새싹 프론트엔드]Typescript 기본문법 매개변수 자리에선 에러가 나진않지만 함수구현부에 값이 이상해질 수 있다. 예) "1" + "1" = 2가아닌 11 타입스크립트를 사용하면 글자와 넘버를 설정할 수 있다. number자리에 string이 오면 에러를 발생시켜준다. TS는 컴파일 과정이 필요하다. TS-> JS로 컴파일 과정을 거친후 브라우저가 이해할 수 있다. 설정한 type과 다른 type값을 넣을 경우 에러발생 튜플 (Tuple) 배열안에 서로 다른 type을 지정할 수 있다. number,string에 사용하는 메소드()들도 해당 type에서만 사용할 수 있다. 타입추론은 파일 명이 tsx일때만 발생한다. 타입추론이 발생한 경우 변수의 타입은 타입추론이 발생한 값으로 고정이 된다. 자주사용하게 되면 TS를 사용하는 의미가 희미해짐으로..

티스토리툴바