[Typescript] 23장 타입 추론

✅ 1. 최적 공통 타입 (Best Common Type)여러 개의 값이 썪여 있을 때, 타입스크립트는 모든 값을 포함할 수 있는 가장 넓은 타입을 찾습니다. let arr = [1, 2, 3]; // number[]로 추론console.log(arr);let mixed = [1, 'two'];console.log(mixed);// (string | number)[] 로 추론let mixed2 = [1, true, 'str'];// (string | number | boolean)[] 로 추론 💡특징 배열, 객체 리터럴 등에서 자주 나타남하나라도 타입이 다르면 Union(유니온) 타입으로 추론만약 타입을 결정할 수 없으면 any🍎 Any 일 경우 let weird = [1, () => {}, 'tex..

• format_list_bulleted Front-End/TypeScript
• · 2025. 8. 11.
• textsms

[Django] 5장 정적 파일 및 미디어 파일 설정

✅ 1. 기본 구조Django는 static 디렉토리를 통해 CSS, JS, 이미지 같은 정적 파일을 서빙합니다. djangobloging/ myapp/ static/ myapp/ css/ style.css js/ main.js images/ logo.png templates/ index.html settings.py앱 내부 static/ 폴더 -> 앱전용 파일공용 지원은 프로젝트 루트에 static/ 폴더 따로 만들어 관리✅ 2. settings.py 설정# 정적..

• format_list_bulleted Back-End/Django
• · 2025. 8. 11.
• textsms

[Typescript] 22장 타입 호환성

✅ 1. 시작하기타입 호환성(Type Compatibility)은 타입스크립트가 한 타입을 다른 타입에 할당할 수 있는지 판단하는 규칙입니다. 구조적 타입 시스템(structural type system)을 사용합니다.interface Person { name: string;}let p: Person = { name: 'John' };let obj = { name: 'Doe', age: 30 };p = obj;console.log('p:', p);✅ 2. 두 함수 비교함수의 매개변수와 반환 타입이 호환되는지를 비교합니다.let f1 = (a: number) => 0;let f2 = (b: number, s: string) => 0;// f1 = f2; // error: f2 has mor parame..

• format_list_bulleted Front-End/TypeScript
• · 2025. 8. 11.
• textsms

[Express] 1장 Express란 무엇인가

✅ 1. Express 란?Express는 Node.js 환경에 동작하는 가장 인기있는 프레임워크 중 하나로, 웹 어플리케이션 및 API 서버를 더욱 쉽고 빠르게 만들 수 있는 라이브러리로 Node.js가 엔진이라면, Express는 Node.js 엔진 위에 있는 웹 서버 자체를 쉽고 빠르게 올려주는 웹 프레임워크라고 할 수 있습니다.✅ 2. Express 특징간결함: 최소한의 코드로 웹 서버 구축강력한 라우팅(Routing): URL 요청이 오면 어디로 보낼 것 인지, 어떤 함수가 처리할 지를 정확하게 정해주며, HTTP 메서드 (GET, POST 등)별 처리까지 언급해줌미들웨어 (Middleware) 시스템: 요청이 들어오고 응답이 나가기 전까지, 중간에 끼어들어 모든 것을 통제함템플릿 엔진 지원: ..

• format_list_bulleted Back-End/Express
• · 2025. 8. 10.
• textsms

[Angular] 3장 컴포넌트 생성 및 데이터 바인딩

✅ 1.컴포넌트 생성하기Angular CLI를 사용해 컴포넌트를 생성할 수 있습니다. 터미널에 다음 명령어로 컴포넌트를 생성해줍니다.ng generate component example# orng g c example 명령어를 실행하고 생성하면 /src/app/example/ 폴더에 컴포넌트 관련 파일이 생성됩니다. 그럼 아래 코드를 입력하여 컴폰넌트를 적용시켜줍니다.import { Component } from '@angular/core';import { FormsModule } from '@angular/forms';@Component({ selector: 'app-example', standalone: true, imports: [FormsModule], templateUrl: './exam..

• format_list_bulleted Front-End/Angualr
• · 2025. 8. 10.
• textsms

[Perl] 2장 Perl - 변수와 데이터 타입

1️⃣ 스칼라 변수 ( $ )Perl의 스칼라 변수는 하나의 값(숫자 혹은 문자열)을 저장하며 변수 앞에 $ 기호를 붙힙니다.my $name = "Sally";my $age = 30;my $hobby = "reading";my $blog = "https://sallysblog.example.com";print "$name is $age years old and enjoys $hobby, Check out her blog at $blog.\n"// "Sally is 30 years old and enjoys reading, Check out her blog at https://sallysblog.example.com."2️⃣ 배열 ( @ )배열은 여러 개의 값을 순서대로 저장한 것이며, 변수명 앞에 @ 기..

• format_list_bulleted Back-End/Perl
• · 2025. 8. 10.
• textsms

[Perl] 1장 Perl이란?

1️⃣ Perl이란?Perl은 1987년 Larry Wall이 개발한 범용 프로그래밍 언어로 텍스트 처리, 시스템 관리 스크립트, 웹 CGI 프로그래밍 등 다양한 분야에서 사용할 수 있는 언어입니다. 주요 특징으로는 다음과 같습니다.문자열 처리 강력: 정규 표현식 기능이 매우 강력함플랫폼 독립성: 윈도우, 리눅스, macOS 등 다양한 환경에서 동작함CPAN: 수많은 모듈을 제공하는 오픈소스 라이브러리 저장소유연한 문법: 같은 결과를 여러 방식으로 구현2️⃣ Perl은 어디에서 사용되나?서버 로그 분석텍스트 파일 자동 처리웹 서버 CGI 프로그램데이터 변환 및 파싱시스템 관리 자동화3️⃣ Perl 설치하기🪟 Windows 버전Strawberry Perl 다운로드공식 사이트 접속"Download"에서 최..

• format_list_bulleted Back-End/Perl
• · 2025. 8. 10.
• textsms

[Java] 11장 멀티 스레딩

✅ 1. 스래드 생성 방법Java 에서 스레드를 만드는 방법으로는 두 가지 방법이 있습니다.1️⃣ Thread 클래스 상속class MyThread extends Thread { @Override public void run() { System.out.println("Thread is running: " + Thread.currentThread().getName()); }}public class ThreadClassExample { public static void main(String[] args) { MyThread t1 = new MyThread(); t1.start(); // Start the first thread }}run() ..

• format_list_bulleted Back-End/Java
• · 2025. 8. 10.
• textsms

[Javascript] New Javascript 1장 - 기본 문법(let, const)

✅ let 과 const 기본 개념1️⃣ let 재할당 가능한 변수를 선언할 때 사용블록 스코프(중괄호 { } 안에서만 유효)let이전에 사용한 var과 달리 호이스팅 시 undefined 초기화 없이 TDZ(Temporal Dead Zone)적용let kg = 80;kg = 72; // ✅ kg는 재할당 가능console.log(`he is ${kg}kg`); // ✅ he is 72kg2️⃣ const 재할당 불가능한 변수를 선언할 때 사용블록 스코프 동일 적용그러나 **값이 불변(immutable)""이라는 뜻은 ❌ -> 객체나 배열 내부 값은 변경 가능const nickname = "paul smith";// nickname = "Harry Potter"; // ❌ 재할당 불가const user ..

• format_list_bulleted Front-End/JavaScript
• · 2025. 8. 10.
• textsms

[GraphQL] 3장 다양한 스칼라 타입

✅ 1. 다양한 스칼라 타입 사용법 (String, Int, Boolean)먼저 저번시간에 사용했던 index.js에 express graphql을 참고하여 그대로 파일 하나를 만들어 typeDefs를 먼저 작성할 겁니다1️⃣ typeDefs 작성 (schema)type Query { hello: String number: Int isAwesome: Boolean }String: 문자열 반환Int: 정수 반환Boolean: true/false 반환2️⃣ resolvers 작성const resolvers = { Query: { hello: () => "Hello, GraphQL!", number: () => 123, isAwesome: () => true, },};3️..

• format_list_bulleted Back-End/GraphQL
• · 2025. 8. 9.
• textsms