C언어대학교 1학년때 필교로 들었던 프로그래밍 수업에서 스크래치를 사용했었는데, 그것과 같은 내용이었다. C에서는 printf라는 함수로 화면에 표시할 수 있다. 글자나 단어, 문장을 적을 때는 항상 " " (쌍따옴표)로 감싸야 하고, () 뒤에 ;(세미콜론)을 붙여야 한다. 이런 함수적인 내용은 겉햝기나마 정보처리기사 공부하면서 훑어봤기 때문에 어렵지 않았다.  #include 는 “stdio.h”라는 이름의 파일을 찾아서 “printf” 함수에 접근할 수 있도록 한다.우리가 워드나 한글로 문서를 저장했을때 "문서.docx", "문서.hwp"와 같이 확장자명이 붙는 것처럼 C로 작성한 코드는 “파일이름.c”로 저장해야 한다.(마이크로소프트의 Word 처럼 자동적으로 붙여주지 않기 때문에 C의 경우에는 ..

🧉 진도 7. 제네릭 (3/6)제네릭 소개타입 변수 응용하기map, forEach 메서드 타입 정의하기🍽️ 요약 제네릭/** * 제네릭 */// function func(value:unknown){// return value;// }function func(value: T):T { return value;}// = 타입변수. 함수를 호출할 때마다 인수에 따라 타입이 결정됨// 범용적으로 쓸 수 있는 제네릭함수let num = func(10);// num.toUpperCase(); if(typeof num === 'number'){ num.toFixed(); }let bool = func(true);let str = func('string');// 프로그래머가 명시적으로 사용..

🍮 진도 6. 클래스 (4/4)자바스크립트의 클래스 소개타입스크립트의 클래스접근제어자인터페이스와 클래스 🥛  요약 자바스크립트의 클래스/** * 클래스 class */let studentA = { name: "Julie", grade: "A+", age: 24, study() { console.log("열심히 공부함"); }, introduce() { console.log("안녕하세요"); },};class Student {// field name; grade; age;// constructor constructor(name, grade, age) { this.name = name; this...

🍶 진도 4. 함수와 타입 (5/5)함수 오버로딩사용자 정의 타입 가드5. 인터페이스 (3/3)인터페이스인터페이스 확장하기인터페이스 선언 합치기🫘 요약 함수 오버로딩/** * 함수 오버로딩 * 하나의 함수를 매개변수의 갯수나 타입에 따라 * 여러가지 버전으로 만드는 문법 * -> 하나의 함수 func * -> 모든 매개변수의 타입은 number * -> ver1. 매개변수가 1개 -> 이 매개변수에 20을 곱한 값 출력 * -> ver2. 매개변수가 3개 -> 이 매개변수들을 다 더한 값을 출력 */// 버전들 -> 오버로드 시그니처function func(a: number): void; // 1번function func(a: number, b: number, c: number): void; // 2..

🫖 진도 4. 함수와 타입 (3/5)함수 타입함수 타입 표현식과 호출 시그니처함수 타입의 호환성🍱 요약 함수 타입/** * 함수 타입 정의 */// 함수를 설명하는 가장 좋은 방법// (어떤 매개변수를 받고, 어떤 결과값을 반환하는지 이야기)// => 어떤 [타입의] 매개변수를 받고, 어떤 [타입의] 결과값을 반환하는지 이야기// function func(a: number, b: number): numberfunction func(a: number, b: number) { return a + b;}/** * 화살표 함수를 정의하는 법 */// (a: number, b: number): number는// (a: number, b: number)로 생략 가능const add = (a: numbe..

🥊 진도 3. 타입스크립트 이해하기 (9/9)타입 단언타입 좁히기서로소 유니온 타입🥋 요약 타입 단언 (Type Assertion)// 타입스크립트의 눈을 잠깐 가려서 내가 작성한 타입이라고 믿도록 만드는 것이기 때문에 위험할 수 있다type Person = { name: string; age: number;};let person = {} as Person;person.name = "Julie";person.age = 24;type Dog = { name: string; color: string;};let dog = { name: "kimbab", color: "white", breed: "jindo",} as Dog;/** * 타입 단언의 규칙 * 단언식 : ..

🥗 진도 3. 타입스크립트 이해하기 (6/9)객체 타입의 호환성대수 타입타입 추론🏈 요약 ! 객체 타입의 호환성// 기본 타입 간의 호환성let num1: number = 10;let num2: 10 = 10;num1 = num2; // num2 = num1;// 객체 타입 간의 호환성// -> 어떤 객체 타입을 다른 객체타입으로 취급해도 괜찮을까?!type Animal = { name: string; color: string;};type Dog = { name: string; color: string; breed: string;};let animal: Animal = { name: "giraffe", color: "yellow",};let dog: Dog = {..

🏓 진도 2. 타입스크립트 기본 (8/8)Any와 UnknownVoid와 Never3. 타입스크립트 이해하기 (3/9)타입스크립트 이해하기타입은 집합이다타입 계층도와 함께 기본타입 살펴보기🪃 요약 & 과제 => 오늘 배운 내용을 토대로 아래의 4가지 타입에 대해 가볍게 정리하기Unknown모든 값을 받을 수 있는 타입이지만, unknown 타입을 사용할 때는 변수를 사용하기 전에 명시적인 타입 체크나 타입 단언을 통해 해당 값의 타입을 확인해야만 실제로 해당 값에 접근하거나 사용할 수 있다.any와 마찬가지로 어떠한 타입의 값도 저장할 수 있다.하지만 다른점은 unknown타입의 값을 다른 타입에 대입할 수 없고 메서드들도 사용이 불가능하다.// 값의 타입을 확인해야만 실제로 해당 값에 접근할 수 있..