반응형
✅ 1. DOM타입스크립트에 DOM 조작은 기본 자바스크립트와 동일하나, 정적 타입 검사를 통해 더욱 안전하게 다룰 수 있습니다.const title = document.getElementById('title');if (title) { title.innerText = 'Hello TypeScript DOM!';} npx tsc typescript-dom.ts // js로 변환 // 변환된 스크립트 불러오기 ✅ 2. Document 인터페이스📌 2-1. Document.getElementByIdconst button = document.getElementById('btn') as HTMLButtonElement;button.addEventListener('click', () =>..
✅ 1. 컴포넌트 (Component)컴포넌트는 React 앱의 기본 단위로 함수형 컴포넌트를 주로 사용합니다.function Welcome() { return Hello;}export default Welcome;✅ 2. Props (속성)Props는 컴포넌트에 전달하는 값으로, 부모 -> 자식순으로 데이터를 전달합니다.// 부모// 자식interface HelloProps { name: string; age: number;}// 자식const Hello = ({ name, age }: HelloProps) => { return ( Hello, {name}, {age} );};export default Hello;✅ 3. State (상태)state는 컴포넌트 내부에서 ..
📙 1. 기본 try / catch / finallyScala에서는 try문도 표현식(Expression)이며 try를 사용해 값을 반환할 수 있습니다. import java.nio.file.{Files, Paths}import java.nio.charset.StandardCharsetsobject TryCatchFinallyExample { def main(args: Array[String]): Unit = { val outputPath = Paths.get("output.txt"); // 한글 출력 파일 val sb = new StringBuilder() try { val num = "123a".toInt // NumberFormatExcep..
📙 1. C# 예외 처리 (Exception Handling) C# 프로그램은 실행 도중 예상치 못한 오류(ex.Exception)가 발생하면, 프로그램이 자체적으로 중단될 수 있습니다. 이런 상황을 안전하게 처리하기 위해 try, catch, finally와 사용자 정의 예외를 사용해 방지할 수 있습니다.try{ // 예외가 발생할 가능성이 있는 코드}catch (예외형식 e){ // 예외 발생 시 실행되는 코드}finally{ // 예외 발생 여부와 상관없이 무조건 실행되는 코드}try: 예외가 발생할 수 있는 코드 블록catch: 특정 예외를 잡아서 처리 finally: 예외 발생 여부와 상관 없이 실행 (자원 해제, 연결 종료 등에 자주 사용됨)📙 2. C# 기본적 예외 처리예..
✅ 1. 선택지 정리하기이번 시간은 마지막으로 MongoDB 서버를 만들어 서버에 띄울 수 있도록 단계별로 알아보겠습니다. 총 3가지 방법이 있습니다.MongoDB Atlas 무료 티어 설치 필요 없이 mongod+srv:// 로 URI 접속 가능GUI(MongoDB Composs) + 클라우드 환경세팅 가능배포 개념을 이해하기 쉬움로컬 PC에 Docker 띄우기docker run 한 줄로 바로 실행데이터도 로컬 볼륨에 저장서버에 직접 설치하는 것 보다 깔끔로컬 직접 설치직접 서버 환경을 연습하고 싶다면 이 방법을 추천sudo apt install mongodb.org 같은 방식✅ 2. MongoDB Atlas 무료 티어 배포👉 특징MongoDB 공식 클라우트 서비스로 무료 티어(M0) 제공 (512..
✅ 1. 상속Dart에서 상속(Inheritance)은 Dart 객체지향 언어로 인해 클래스 상속을 지원합니다, 상속을 이용해 기존 클래스의 속성과 메서드를 재사용하고, 필요 시 오버리아드(재정의)할 수 있습니다. class Animal { void breath() { print("숨을 쉼"); }}class Dog extends Animal { void bark() { print("멍멍!"); }}void main() { Dog dog = Dog(); dog.breath(); // 부모 클래스 메서드 사용 가능 dog.bark(); // 자식 클래스 메서드}extends 키워드를 사용하면 한 클래스가 다른 클래스를 상속자식 클래스는 부모 클래스의 모든 public 맴버(필드, 메..
✅ 1.Express.static()express.static()은 Express에서 이미지, CSS, JS 같은 정적 파일을 클라이언트에 직접 서빙하기 위해 쓰는 기본 미들웨어로 브라우저가 /images/logo.png 같은 경로로 요청하면, 서버가 코드를 따로 실행하지 않고 해당 파일을 그대로 반환 해 줍니다.const express = require("express");const path = require("path");const app = express();const port = 3000;// public 폴더를 정적 파일 경로로 지정함app.use(express.static(path.join(__dirname, "public")));app.listen(3000, () => { console.l..
✅ 1. 문자열 선언작은 따옴표 ' ' : 문자 그래로 저장하며 변수 치환 X큰 따옴표 " " : 변수 치환 가능, 이스케이프 문자 처리my $name = "Alice";my $str1 = 'Hello $name'; # 그대로 출력: Hello $namemy $str2 = "Hello $name"; # 변수 치환: Hello Aliceprint "name is $name, $str1, $str2";✅ 2. 문자열 연결 . 연산자로 문자열 연결my $name = "James";my $greeting = "Hello" . " " . $name; # Hello Jamesprint $greeting;✅ 3. 문자열 길이length 함수 사용해 문자열의 길이 출력my $name = "Mason";my $..