방문해 주셔서 감사합니다! 항상 행복하세요! - 이것저것 다 하기를 좋아하는 11년차 웹개발자 "Front80" 입니다 * C빼고.. - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com 전체 글680 Nextjs에서 ddd(domain driven design) 적용 해 보기 도메인 주도 설계(DDD, Domain-Driven Design)는 복잡한 비즈니스 도메인을 효과적으로 모델링하고 개발하기 위한 접근 방식입니다.특히 비지니스로직을 철저하게 분리함으로써 코드가 각각의 역할에 집중을 할 수 있게 해주며, 서버 프로그래밍을 하시는 분 들은 대부분 해당 전략을 사용 합니다. 프론트 또한 단순한 도메인이라면 상관 없겠지만 "은행", "병원" 같은 정말 많은 데이터가 관리 되어야 하는 프로젝트에서 각종 알 수 없는 조건문과 케이스가 복잡하게 난도질 되어 있다면 ddd를 적용 함으로써 완벽하게 비지니스 영역과 화면(뷰, view)영역을 분리하는 것이 향후 유지보수에 좀더 용이하다 할 수 있겠습니다. ddd 패턴을 적용하려면 철저하게 비지니스 로직 영역에 적용을 해야 합니다.이번에 .. 2025. 2. 21. 요즘 JavaScript 기술 및 트렌드 ✅ 1. JavaScript 런타임 및 빌드 시스템① Bun 1.0+ 🏎️Node.js 대체 가능 (npm, npx, yarn보다 빠름)TypeScript, ESM, CommonJS 네이티브 지원Web API 지원 (fetch, WebSocket, Blob, FormData 등)사용 예시bun installbun run index.ts② Deno 2.0+ 🔥Node.js보다 보안이 강화된 런타임npm 패키지 네이티브 지원 (import express from "npm:express")TypeScript 기본 지원✅ 2. 프레임워크 최신 트렌드① Next.js 14+ (App Router 완전 정착)React Server Components(RSC) 기본Turbopack으로 더 빠른 번들링Partial.. 2025. 2. 18. 열심히 만져본 next와 nuxt nextjs와 nuxtjs는 SSR의 대표주자로 각각 vue와 react 문법을 사용하여 서버사이드 렌더링을 지원 해 줍니다. 기존의 CSR만 사용하던 프레임워크의 구조와 다르게 각각 서버영역코드, 클라이언트영역코드 등 2가지 형태로 구분되는 것 또한 러닝커브에 높은 영향을 끼치지 않았나 싶습니다.몇몇 프로젝트를 진행하면서 제가 느껴본 SSR 특징을 정리 해 보았습니다.어디까지나 주관적인 생각 입니다!1. 디렉토리 구분 next와 nuxt 프레임워크는 디렉토리를 구분하여 컨벤션을 강제로 정의 합니다. 예를 들어 "pages 디렉토리는 뷰 파일을 보관", "components 디렉토리는 클라이언트용 컴포넌트를 보관" 등 역할을 아에 나누어 놓았습니다. 이렇게 코드의 표준화 및 유지보수성을 위해 채택한 전략.. 2025. 2. 3. [VUEJS] Nuxtjs에서 캐싱 환경에서 호이스팅 그리고 세션 쿠키 자바스크립트에서의 기본 특성 중 호이스팅(hoisiting)이 있습니다.해당 기능은 변수나 함수 선언을 코드의 최상단으로 끌어올리는 것처럼 동작하는 특성을 말합니다. 이는 자바스크립트 엔진이 코드를 실행하기 전에 변수와 함수 선언을 메모리에 저장하는 방식 때문에 발생합니다.마찬가지로 nuxtjs환경에서의 개발도 이러한 호이스팅 기능에 의해 영향을 받습니다. SSR 환경으로 nuxtjs를 동작시키게 되는 경우 일반적으로 세션 쿠키를 주로 사용하게 됩니다.마찬가지로 상태 관리 라이브러리인 pinia 또한 persist값을 사용하게 되는 경우 세션 쿠키를 사용 합니다. 넉스트(nuxtjs) 환경에서 개발을 하면서 조금 특별하고 잊지 말아야할 부분이 있어서 기록을 해 봅니다.1. 캐싱 환경에서의 호이스팅아래와 .. 2024. 12. 12. [VUEJS] Nuxtjs 3 프록시와 미들웨어 nuxtjs 환경에서 프록시를 설정하여 API 서버와 서로 데이터를 주고받는 설정방법은 다양하게 존재 합니다.조금 아쉬운 것은 nuxtjs 3버전의 자세한 설명이 매번 찾을 때 마다 어려웠었던 거 같습니다.* 이래서 레퍼런스가 적고 사용자마저 적은 프레임워크는 안쓰.. 1. @nuxt-alt/proxy 모듈 사용일반적으로 nuxtjs를 사용할 때 "@nuxt-alt/proxy" 모듈을 추가해서 사용하는 방법이 있습니다.해당 설정은 매우 간단하고 직관적 입니다.아래는 설정파일 부분의 일부분 입니다.* 파일 : nuxt.config.ts{ //기타 설정 생략... modules: [ "@nuxt-alt/proxy", //프록시 모듈 ], proxy: { proxies: { "/교.. 2024. 12. 3. [VUEJS] Nuxtjs 3 적용 후기 오랜만에 여유가 있어서 포스팅을 하나 남겨봅니다! SSR 기능을 제공하는 넉스트(nuxt) 프레임 워크를 적용 하여 보았습니다.확실히..뷰가 리엑트에 비해 사용하는 사람이 적고, next보다 레퍼런스가 훨씬 적어서인지 기존 공식사이트에 나온 방법이 적용되지 않는 부분이 여러군데 있었던 거 같습니다.버전을 올리고나서 홈페이지 업데이트가 안되었나 싶기도 합니다만, 간단하게 nuxtjs를 사용하는 것은 매우 좋다고 생각 하지만 가령 nuxt-auth 같은 조금 더 정형화된 프레임 워크를 사용하는 것에 대해서는 많은 고민을 해 보아야 할 거 같았습니다.nuxt-auth 같은 경우에는 nuxtjs버전 2에서만 사용이 가능하고, nuxt3 버전에서 이러한 권한 라이브러리를 사용 하려면 "@sidebase/nuxt-.. 2024. 10. 15. 이전 1 2 3 4 ··· 114 다음
