본문 바로가기

분류 전체보기126

인터페이스 인터페이스 : 상호 간에 정의한 약속 혹은 규칙 객체는 object타입으로 명시 object에는 특정 속성 값에 대한 정보가 없음 property를 정의해서 객체를 표현하고자 하는 경우 인터페이스 사용 let user:object; //객체는 object타입으로 명시 user={ name:'xx' age:30 } console.log(user.name) //오류발생 -> object에는 특정 속성 값에 대한 정보가 없음 인터페이스 사용 optional: ?로 작성 readonly: 읽기 전용 속성(수정 불가능) [key]:value 로 설정하여 여러 개 사용 가능 type Score='A'|'B'|'C'|'F'; interface User{ name: string; age:number; gender? :.. 2023. 1. 3.

TypeScript 사용 이유와 기본 타입 타입스크립트: js+type 문법(엄격한 타입 체크) → 자바스크립트 업그레이드 언어(문법은 유사함) [장점] 엄격한 타입 체크로 자바스크립트의 문제점 해결 에러 메시지가 명확함(어디서 오류가 생겼는지, 오타교정) function sum(a: number, b: number) { return a + b; } [특징] 우리가 사용하는 브라우저들은 TS를 이해하지 못하기 때문에, TS를 JS로 변환해야 함 JS(동적언어): 런타임에 타입 결정/오류 발견 TS(정적언어): 컴파일 타임에 타입 결정/오류발견 도저히 무슨 타입인지 모르는 경우에는 any를 사용하지만, 가급적이면 사용하지 않는 것을 권장 타입명시방법: 변수:타입 기본 타입 배열 사용 시 function showItem(arr:number[]){ a.. 2023. 1. 3.

백준 알고리즘(BOJ)_2164번[카드 게임] 카드 게임 [2164번] Q. N장의 카드가 있다. 각각의 카드는 차례로 1부터 N까지의 번호가 붙어 있으며, 1번 카드가 제일 위에, N번 카드가 제일 아래인 상태로 순서대로 카드가 놓여 있다. 이제 다음과 같은 동작을 카드가 한 장 남을 때까지 반복하게 된다. 우선, 제일 위에 있는 카드를 바닥에 버린다. 그 다음, 제일 위에 있는 카드를 제일 아래에 있는 카드 밑으로 옮긴다. 예를 들어 N=4인 경우를 생각해 보자. 카드는 제일 위에서부터 1234 의 순서로 놓여있다. 1을 버리면 234가 남는다. 여기서 2를 제일 아래로 옮기면 342가 된다. 3을 버리면 42가 되고, 4를 밑으로 옮기면 24가 된다. 마지막으로 2를 버리고 나면, 남는 카드는 4가 된다. N이 주어졌을 때, 제일 마지막에 남게.. 2023. 1. 1.

SSR? CSR? 1. SSR(Server Side Rendering) : 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식 [단계] 1. User가 웹사이트에 요청을 보냄 2. 서버는 즉시 렌더링 가능한 HTML 파일을 만듦 3. 클라이언트에게 전달되는 순간, 이미 렌더링 준비가 되어 있으므로 HTML은 즉시 렌더링 한다(이때, JavaScript가 읽히기 전이므로 사이트 자체는 조작 불가능함) 4. 클라이언트가 자바스크립트를 다운받음 5. 다운받아지는 동안 User는 컨텐츠를 볼 수 있지만, 사이트를 조작할 수 없음(이때 사용자 조작을 기억하고 있음) 6. 브라우저가 JavaScript프레임워크를 실행 7. JS까지 성공적으로 컴파일 되어 기억하고 있던 사용자 조작이 실행되고, 웹 페이지는 상호작용이 .. 2022. 12. 30.

이전 1 ··· 20 21 22 23 24 25 26 ··· 32 다음

티스토리툴바