꿈꾸는 개발자

5.1 함수 매개변수 function sing(song){} 위와 같이 매개변수의 타입을 명시하지 않으면 TS에선 any로 간주함 변수와 마찬가지로 매개변수에도 타입 애너테이션을 선언 가능! function sing(song:string){ console.log(`Singing ${song}`) } 5.1.1 필수 매개변수 TS에선 함수에 선언된 모든 매개변수가 필수라고 가정함, 인수의 수가 잘못된 상태로 함수가 호출되면 타입 오류! ⇒ 타입 안정성을 강화하는 데 도움을 줌 5.1.2 선택적 매개변수 선택적 매개변수에는 항상 | undefined가 유니언 타입으로 추가돼 있다. 따라서, JS처럼 값을 할당하지 않았을 때 undefined이 나오도록 하고 싶으면 밑과 같이 function announceS..

4.1 객체 타입 {…}과 같이 객체 리터럴을 생성하면 TS는 해당 속성을 기반으로 새로운 객체 타입 또는 타입 형태를 고려한다. ⇒ 객체 값과 동일한 속성명 및 원시 타입을 갖는다. const hoho={ born:1948, name: "Mary", } hoho['born'] //number 타입 hoho.name //string 타입 hoho.end //에러 발생 (does not exist) 객체 타입은 TS가 JS코드를 이해하는 방법에 대한 핵심 개념이다. null과 undefined을 제외한 모든 값은 해당 값에 대한 실제 타입의 멤버 집합을 가짐(string, number 등 집합에 속함) ⇒ TS는 모든 타입의 값을 확인하기 위해 객체 타입을 이해해야 함 4.1.1 객체 타입 선언 명시적으로..

웹 페이지를 열심히 만들었다고 가정했을 때 구글이나 네이버 검색을 통해 사용자들에게 노출되지 않는다면, 그것만큼 허무한 것은 없을 것이다. 이와 같은 불상사를 방지하기 위해서 검색 엔진의 작동 방식에 따른 최적화 작업이 곧 SEO(Search Engine Optimization, 검색 엔진 최적화)이다. SEO를 통해 자신이 개발한 웹 사이트를 더 상위로 노출시키게끔 작성할 수 있다. SEO의 분류: (SEO는 크게 On-page SEO와 off-Page SEO 두 가지로 나뉜다) On-Page SEO: 페이지 내부에서 진행하는 SEO, 제목, 콘텐츠, 핵심 Keyword의 배치 등 HTML 요소 사용법을 이용하는 방식이다. Off-Page SEO: 외부에서 이루어지는 SEO, 소셜 미디어 홍보, 백링크..

보호되어 있는 글입니다.

2.1 타입의 종류 타입: 값의 형태에 대한 설명 ⇒ 형태: typeof 연산자가 설 명하는 것을 의미 타입스크립의 가장 기본적인 타입은 JS의 일곱 가지 기본 원시 타입과 동일 null undefined boolean string number bigint symbol let bestSong= Math.random()>0.5 ? "chain of fools": "respects"; 위는 무조건 string이기 때문에 type은 string으로 표시됨 2.1.1 타입 시스템 타입 시스템은 프로그래밍 언어가 프로그램에서 가질 수 있는 타입을 이해하는 방법에 대한 규칙 집합이다 기본적인 타입 시스템의 작동 규칙: 코드를 읽고 존재하는 모든 타입과 값을 이해함 각 값이 초기 선언에서 가질 수 있는 타입을 확인한..

타입스크립트에서 행해지는 ‘코드 정보에 입각한 추론’ 유니언(Union): 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 내로잉(narrowing): 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것 3.1 유니언 타입 let thinker = Math.random()>5 //let thinker: string | undefined으로 표시됨 ?undefined: "Mark Goldberg"; 위 코드처럼, undefined이거나 string일 수 있는 것과 같은 타입을 유니언이라고 한다. 3.1.1 유니언 타입 선언 변수 초기값이 있더라도, 명시적 타입 애너테이션을 제공하는 경우 유니언 타입 사용 ⇒ 유니언 타입은 타입 애너테이션으로 타입을 정의하는 모든 곳에 사용 ..

button click 이벤트 예시 export default function Button() { function handleClick() { alert('You clicked me!'); } return ( Click me ); } Inline 작성 방식(일반적으로 간단한 함수를 작성할 때 유용하다 화살표 함수 사용 { alert('You clicked me!'); }}> 주의점: JSX 내부에 작성되는 함수는 반드시 호출이 아닌, 함수의 reference를 전달해야 한다. 첫 번째는 react에게 button이 click될 때만 함수가 호출되도록 기억하게 한다. 두 번째 예시는 ()는 함수를 호출하기 때문에 rendering되는 과정에서 click이 발생하지 않았음에도 불구하고 함수 호출이 발생한다...

보호되어 있는 글입니다.