본문 바로가기

분류 전체보기58

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.
[서촌 맛집] 비텔로소띠, 이탈리아 남부 느낌 그대로 담은 이탈리안 레스토랑 경복궁역 맛집 비텔로소띠안녕하세요 쩝쩝박사 밍키미입니다. 친구와 오랜만의 서울나들이에서 맛있는걸 먹기위해 폭풍검색으로 찾은 오늘의 맛집, 서촌 맛집 비텔로소띠 입니다. 이탈리아 남부식 요리를 선보이는 비텔로소띠는 3호선 경복궁역 3번 출구와 가까운 곳에 위치해있습니다. 🔺서촌 비텔로소띠 위치는 위 지도를 참고해주세요 골목에 붙어있는 알록달록 포스터 속 이탈리아 음식인 판제로티와 까놀리가 담겨 있습니다. 이탈리아 레스토랑이야 흔하지만 이탈리아 남부 음식을 선보이는 레스토랑이라니 흔치 않죠? 색다른 경험이 될 것 같네요. 설레는 마음으로 서촌 비텔로소띠에 입장해봅니다. 서촌 맛집 비텔로소띠 내부 모습입니다. 샛노란 인테리어와 레몬 장식이 이탈리아 포지타노를 떠오르게 합니다 :) 이탈리아의 대표 리큐르, 아페.. 2024. 1. 8.
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.
반응형