dog paw / development

여러군데에서 속보가 뜨네요.한덕수 ‘거부권’ 행사…양곡법 등 6개 법안이런 행동을 하면서 이 행동이 앞으로 자신에게 어떤 영향이 있을지 생각을 안하는건지. 배짱을 튕기는건지.https://www.hani.co.kr/arti/politics/politics_general/1173921.html 한덕수 ‘거부권’ 행사…양곡법 등 6개 법안한덕수 대통령 권한대행이 19일 오전 임시 국무회의를 열어 양곡관리법 등 6개 법안에 대한 재의요구권(거부권)을 행사했다. 한 총리는 이날 오전 10시 정부서울청사에서 임시 국무회의를 주재하www.hani.co.kr  위에 내용을 보면 아래 내란죄 공범 조사는 당연한듯.    https://www.yna.co.kr/view/AKR20241220054700004?input=1..

17단계: Nuxt의 최적화 기법Nuxt는 기본적으로 성능 최적화를 잘 지원하지만, 추가 설정으로 더욱 빠른 앱을 만들 수 있습니다.1. Lazy Loading (지연 로딩)Nuxt의 pages/ 파일 기반 라우팅은 기본적으로 코드 분할이 적용됩니다. 하지만 컴포넌트에 대해 명시적으로 지연 로딩을 설정할 수도 있습니다.예제 2. 이미지 최적화Nuxt Image 모듈을 활용해 이미지를 최적화합니다.이미지 설정nuxt.config.ts:export default defineNuxtConfig({ modules: ['@nuxt/image'], image: { domains: ['example.com'], // 외부 이미지 도메인 허용 dir: 'assets/images', // 로컬 이미지 디..

12단계: Nuxt 미들웨어Nuxt는 middleware 디렉토리를 통해 라우팅과 상태 관리를 쉽게 제어할 수 있습니다.1. 미들웨어란?미들웨어는 특정 페이지에 접근하기 전에 실행되는 코드입니다.인증, 로깅, 리다이렉션 등을 처리할 때 유용합니다.2. 글로벌 미들웨어모든 페이지에 적용되는 미들웨어.예제: 글로벌 미들웨어middleware/logger.global.js 생성:export default defineNuxtMiddleware((to, from) => { console.log(`Navigating from ${from.fullPath} to ${to.fullPath}`);});nuxt.config.ts에서 등록:export default defineNuxtConfig({ router: { ..

7단계: Nuxt의 데이터 페칭Nuxt는 데이터 페칭을 간단하고 강력하게 처리할 수 있는 내장 메서드를 제공합니다.1. useFetchuseFetch는 클라이언트와 서버에서 데이터를 가져올 수 있는 API입니다.사용 예제Post: {{ post.title }}{{ post.body }}const { data: post } = await useFetch('https://jsonplaceholder.typicode.com/posts/1');장점:서버에서 데이터를 가져오면 페이지 로드 시 데이터가 포함된 HTML이 렌더링되어 SEO와 초기 로딩 속도에 유리.클라이언트에서 실행하면 동적 데이터도 처리 가능.2. useAsyncDatauseAsyncData는 페이지 또는 컴포넌트에서 데이터를 비동기로 가져오는 데..

Nuxt에 대한 학습 내용을 단계적으로 정리해 설명하겠습니다. Nuxt는 Vue.js를 기반으로 한 프레임워크로, SSR(Server-Side Rendering), SSG(Static Site Generation), 파일 기반 라우팅, SEO 최적화, 모듈화된 구조 등 Vue.js 프로젝트를 더욱 강력하게 만들어주는 도구입니다.1단계: Nuxt란 무엇인가?Nuxt의 주요 특징SSR(서버 사이드 렌더링):서버에서 HTML을 렌더링하고 클라이언트로 보냄.SEO와 초기 로딩 속도에 유리.단순한 SPA와는 다르게 검색 엔진이 HTML을 쉽게 읽을 수 있음.SSG(정적 사이트 생성):빌드 시 모든 페이지를 HTML로 생성.Netlify, Vercel과 같은 정적 호스팅 서비스에 적합.파일 기반 라우팅:pages/..

기존에 ts-node 로 ts 파일을 실행중이었는데, 어느순간 실행이 안되기 시작했다.음... 그런데, 리펙토링을 하는 쪽은 tsx를 쓰던 중이라 ts-node 에서 tsx 라 바꾸니 잘 실행되었다.뭐가 다른걸까 문득 궁금해져서 쳇지피티한테 물어보았다. 필요한 부분만 요약해주는게 확실히 검색보다 나은거 같다.  ts-node와 tsx는 모두 TypeScript 파일을 런타임에서 실행하는 도구지만, 기능과 목적에서 몇 가지 차이점이 있습니다.1. ts-node목적: TypeScript를 즉시 실행하기 위한 도구.기능:TypeScript 파일을 JavaScript로 컴파일한 후, 즉시 실행합니다.Node.js 런타임에서 실행되는 TypeScript 코드를 지원합니다.주로 개발 환경에서 사용되며, 프로덕션 환..

이거 대한민국의 새역사를 쓰는구만~문 정부때는 0 껀이라는데.2024년 11월까지 거부한게 25개가 넘넹. ㄷㄷㄷ 셀프인증인거넹.  비상계엄 선포와 그 배경윤석열 대통령은 2024년 12월 3일, "북한 위협"을 이유로 비상계엄령을 선포했습니다. 이에 대해 여야를 막론하고 거센 반대가 제기되었으며, 이 조치는 대통령 지지율이 17%로 떨어진 상태에서의 극단적 조치로 평가받고 있습니다. 계엄령 이전부터 윤 대통령은 야당 주도로 추진된 특검과 관련하여 세 차례 거부권을 행사하며 논란을 빚었습니다​​.국회의 대응과 계엄령 해제계엄령이 선포된 직후, 야당과 일부 여당 의원들은 국회를 중심으로 계엄 해제를 위한 결의를 진행했습니다. 12월 4일 새벽, 국회는 계엄 해제 결의안을 통과시켰으며, 윤 대통령은 국무회의..