1. 실행순서 1.1. 백엔드 실행 (Flask) 가상환경 활성화 .venv\Scripts\Activate backend 폴더로 이동 cd backend 서버 실행 python app.py → 주소: http://127.0.0.1:5000 (또는 http://localhost:5000) 1.2. 프론트엔드 실행 (Vite + React) 프론트 프로젝트 루트(yt-app)로 이동 cd yt-app 개발 서버 실행 npm run dev → 주소: http://localhost:5173 (Vite 기본 포트, 수정했으면 다른 포트) 1.3. 연동 확인 프론트에서 API … 더 읽기
1. 카카오 이미지 검색 OpenAPI를 활용한 사진 수집 1.1. 파이썬 가상환경 실행 & 활성화 python -m venv venv venv\Scripts\activate 1.2. 개발 환경 설정 카카오 개발자 사이트에 가입한다 애플리케이션(이하 앱)을 만들어 앱 키를 발급 RESTAPI키 복사하여 텍스트 파일로 저장 1.3. 기본 문법 익히기 1.3.1. 파일읽고쓰기 Code data='hello' with open('text.txt', 'w') as fp: fp.write(data) with open('text.txt','r') as … 더 읽기
타입스크립트(TypeScript) 프로젝트를 구성할 때 tsconfig.json 파일은 컴파일러(compiler: 소스 코드를 다른 언어로 변환하는 도구로, 설계도를 바탕으로 부품을 가공하는 기계와 같다)의 동작 방식과 검사 규칙을 정의하는 핵심 설정 파일이다. 이 파일은 프로젝트 루트 디렉터리에 위치하며, 컴파일 대상 파일의 범위, 변환할 자바스크립트(JavaScript) 버전, 출력 경로, 그리고 타입 검사의 엄격도를 세부적으로 제어한다. 본 글에서는 tsconfig.json에 정의된 주요 컴파일러 옵션(compilerOptions)과 … 더 읽기
1. 템플릿문자열 (Template literals) JavaScript에서 문자열을 작성할 때 더 유연하고 편리하게 사용하기 위한 문법 const name = "망고"; const template = `10+20,${name}`; console.log(template); 2. 함수 자바스크립트의 함수는 3가지 방식 선언식,표현식,람다식 으로 작성할수 있다. 2-1-선언식 function fn(){} fn(); 2-2-표현식 2-2-1-기명함수 //1 const fnPointer = function fn() { console.log('fnPointer'); }; fnPointer(); //2 const fnPointer = function fn(arg) … 더 읽기
1. 연습문제A 출처: 수코딩 1. Person 타입 작성 문제: 사람을 나타내는 Person 타입을 정의하세요. 이 타입은 name (문자열), age (숫자) 속성을 가집니다. 그리고 이를 사용하는 getPersonInfo 함수를 작성하여 Person 객체를 출력하세요. //code 2. 객체 생성 문제: Config 타입을 정의하여 host (문자열), port (숫자), ssl (불린값)을 갖는 객체 타입입니다. createConfig 함수는 Config 타입을 반환하도록 하세요. //code … 더 읽기
📁 완성파일 💡 **목표 재사용 가능한 타입 을 알아보자 Type Aliases **https://www.typescriptlang.org/ko/docs/handbook/declaration-files/by-example.html#재사용-가능한-타입-타입-별칭-reusable-types-type-aliases 1. Type Aliases 개요 타입스크립트를 작성하다 보면 같은 타입을 반복적으로 정의하게 된다 이것을 모듈화 할수 있는 기능이 type aliases 이다 타입의 형태를 타입 별칭으로 정의하는것 1-1 타입 별칭이란? 타입에 대한 별칭을 제공하며, 재사용 할 수 있다. 주의해야 할 부분은 타입 별칭은 정의한 타입을 … 더 읽기
📁 완성파일 💡 ** ** 1. 제네릭개요 🔹 제네릭은 컴포넌트 또는 함수에서 사용하는 데이터의 타입을 외부에서 지정하는 것을 의미한다. 어떤 타입의 데이터를 사용할 지를 선언 시점이 아니라, 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법이다. 한번의 선언으로 다양한 타입에 재사용이 가능하다는 장점이 있다. 타입을 하나의 변수처럼 취급하여 유연한 처리가 … 더 읽기
📁 완성파일 💡 https://www.typescriptlang.org/ko/docs/handbook/type-inference.html#handbook-content 1. 타입추론 1-1 개요 💡 타입 추론이란 타입스크립트가 코드를 해석해 나가는 동작 1-2. 예제 basic.ts //Type inference let topic = "타입스크립트 기초"; let topic1: string = "타입스크립트 기초"; topic=1234 변수 topic에 타입을 지정하지 않은 (any 타입) 후 바로 값을 할당하였다. 왜 3번 라인에서 오류가 나는것일까? 타입추론이 사용되었기 때문이다 📢 기본적으로 타입스크립트는 … 더 읽기
💡 타입스크립트는 자바스크립트에 타입을 추가하여 확장한 것. 자바스크립트(동적타입:Dynamic Type) 모든것이 런타임 시 결정됨 코드의 실행해 봐야 오류를 알게됨 타입스크립트(정적타입:Static Type) 컴파일 단계에서 결정됨 컴파일 시 오류유무가 판단 🔗공식핸드북 1. Primitives : 원시타입 Primitives: 기본자료형 7종 (원시타입) 종류 설명 boolean 참(true) 또는 거짓(false) 값 let isDone: boolean = true; number 정수와 실수를 포함한 숫자 값 let … 더 읽기
