본문 바로가기

개발54

Vue(version 3) 주요 기능 정리(v-if, v-show) #2 이번에는 v-if와 v-show를 기능을 소개하겠습니다. 코딩을 해본 사람들은 이 기능에 익숙할 것으로 보입니다. 이 기능은 해당 컴포넌트나, Element 를 보이거나 숨길 경우 사용합니다. const isShow = ref(false) let isUserView: boolean = false const ShowElement = (): boolean => { return isShow.value } const CalcUserView = computed((): boolean => { return isUserView }) 위 처럼 조건자, 메소드, 반응형 변수에 사용이 가능합니다. 메소드로 지정되어 있으면, 최초 랜더링 될 때, 한번 체크를 하고, 조건자가 반응형 변수이거나 computed를 사용할 경우 변.. 2024. 1. 26.
Vue(version 3) 주요 기능 정리(ref, reactive, computed) #1 Vue의 주요 기능을 정리합니다. Vue는 React와 양대산맥으로 Frontend 기술로 쓰이고 있다. 현재 React가 좀 더 많이 사용하고 있지만, Vue도 꾸준히 사용이 되어 무시 할 수 없는 프레임워크로 성장했다. 아마 jQuery 나, Bootstrap에 익숙한 사람들이 React보다는 친숙한 Vue로 넘어가는게 아닐까 싶다. 그럼 주요 기능을 정리해보고자 한다. 1. 반응형 변수 - 선언한 변수가 Html에 바로 반영되는 변수가 반응형 변수라 한다. - 종류는 ref, reactive, computed 가 있다. - ref : 주로 number, boolean, string, object에 사용된다. 사용법 선언은 위와 같이 하고, 사용은 아래와 같이 Html에 {{ 변수명 }} 으로 표시를.. 2024. 1. 14.
C# 제네릭 메서드 제너릭 메서드에 대해서 소개합니다. 제너릭 이란? 저장하거나 사용하는 하나 이상의 형식에 대한 자리 표시자(형식 매개 변수)를 포함하는 클래스, 구조체, 인터페이스 및 메서드라고 정의되어 있는데, 쉽게 말하자면, 한 가지 기능(클래스, 구조체, 인터페이스, 메소드)에 여러 형식(문자열, 숫자, 객체 등등)을 받고 싶다! 라고 생각하시면 됩니다. 예를 들어 Dictionary에 문자열 타입과 숫자타입이 공존한다고 치면, 아래와 같은 메서드를 사용할 수 있습니다. public static T GetValue(Dictionary dictionary, string key, T defaultValue = default(T)) { try { if (dictionary.ContainsKey(key)) { object.. 2023. 7. 21.
Vite, Typescript 상대 Path 잡는 법 tsconfig.json "baseUrl": ".", "paths": { "@/*": ["src/*"] } vite.config.js import { defineConfig } from 'vite' import path from "path"; // https://vitejs.dev/config/ export default ({ mode }) => { console.log("Run Mode : " + mode); console.log(`directory : ${__dirname}`); return defineConfig({ resolve: { alias: [ { find: "@", replacement: path.resolve(__dirname, "src") } ] }, }) } 2개의 파일에 추가한다. .. 2023. 4. 21.
반응형