Latest Posts

postimage

파이선의 *args , **kwargs의 사용법

가변인자 (Variadic Parameters)함수로 들어오는 인자의 갯수를 모르는 경우에 사용할수있다*args : positional arguments **kwargs : keyword arguments*args는 tuple형태를 인수로 받는다**kwargs는 dic

2024-04-06 17:25
postimage

파이썬의 List,tuple,dict,set의 차이

1. list (리스트)리스트는 순서가 있고 수정 가능한 데이터 타입입니다.여러 값들을 대괄호([]) 안에 넣어서 생성할 수 있습니다.my_list = [1, 2, 3, 4, 5] print(my_list) my_list.append(6) # 리스트에 6을 추가

2024-04-06 16:53
postimage

DeepL에 대하여 그리고 DeepL을 사용한 PHP예제

지금까지 사용하던 파파고 API가 2024년 2월을 마지막으로 무료 서비스를 지원하지 않게 되었습니다그래서 새로운 무료 번역 API를 찾아보던중 Deepl이라는 번역 API을 알게되어서 사용해보았습니다( 현재 게시글의 일본어 / 영어버전이 DeepL로 번역되었습니다

2024-03-31 22:00
postimage

any와 unknown의 차이 ( + never)

any보다는 unknown을 사용하는것이 좋다any모든 타입 허용컴파일러 경고 내지 않음// 아래의 any 예제는 컴파일러 경고를 표시하지않는다// 잠재적인 에러를 유발할수있다let value : any = 10; console.log(value.length); //

2024-03-28 23:59
postimage

변수의 반응형에 대해서(Reactive)

반응형에 대해서선언된 변수가 반응형을 가지는지 아닌지를 명확하게 몰라서 정리함반응형이란 해당 변수를 변경할때, 해당 변수를 참조하는 부분(화면/로직)에서 변경되는지를 말함1. 변수의 반응형 패턴 다섯가지<template> <div> /* 패턴1 */

2024-03-28 23:41
postimage

keyof / typeof 에대해서 ( + in , instanceof )

keyof/typeof참조Typeof아래와 같이 데이터를 타입으로 변환해주는 연산자일반 데이터 → 일반 타입으로 변환객체 데이터 → 객체의 타입으로 변환메서드 → 메서드의 타입으로 변환클래스 → 클래스의 타입으로 변환일반데이터를 일반타입으로 변환타입가드로 사용됨cons

2024-03-28 00:45
postimage

flex와 inline-flex의 차이

차이flex를 2개 사용할때 차이를 알수있다flex를 사용한 경우아래의 경우 div가 상하로 쌓인다 (wrapper를 block처리)<div style="display:flex">1</div> <div style="display:flex">2</div>inline-

2024-03-27 23:29
postimage

Exif메타데이터 / orientation

( 아이폰에서 사진 파일의 정보를 표시한 사진)Exif란?Exif 메타데이터교환 이미지 파일 형식(Exchangable Image File format)으로, 이미지 파일에 포함될 수 있는 메타데이터의 한 종류입니다.주로 사진과 관련된 다양한 정보를 저장합니다.( 파일

2024-03-27 00:12
postimage

돼지고기 숙주볶음

간단하게 만들수있는 돼지고기 숙주볶음이다돼지고기와 숙주만으로 간단하게 만들수있으며 고추와 매콤한 맛과 짭짤한 맛이 어울러져서 밥이 계속 들어가는 반찬이다재료돼지고기 200g숙주나물 200g고추 2개대파 반개간장 3T맛술 1T마늘 0.5T후춧가루 약간굴소스 1T돼지고기와

2024-02-19 14:03
postimage

ref, reactive, toRef, toRefs, 자바스크립트 프록시

RefImpl객체와 프록시객체자바스크립트의 프록시?JavaScript의 Proxy 객체는 객체에 대한 작업을 가로채고, 필요에 따라 이러한 작업을 조작하는 기능을 제공합니다.이는 Vue.js의 반응성 시스템의 핵심입니다.예를 들어, 객체에 새로운 속성을 추가하거나 기존

2024-02-04 17:25
postimage

부모컴포넌트에서 자식컴포넌트로 데이터를 전달하는 예제

(실제 입력 화면)예제1.아래의 예제는 v-model을 사용한 양방향 예제를 사용하지 않았다2.자식요소에서 ref가 아닌 toRefs를 사용하였다3.데이터 흐름은 아래의 예제의 1~ 6이다ParentComponent.vue (부모 요소)<template> <div

2024-02-04 13:10
postimage

폼 입력바인딩 (v-model)

폼 입력바인딩 (v-model)v-model값 바인딩: Vue에서는 v-model 디렉티브를 사용하여 폼 입력 요소(input, textarea, select 등)의 값과 데이터를 쉽게 양방향 바인딩할 수 있습니다.일반적인사용 예제 (value , input함수 사용)

2024-02-04 02:01