분류 전체보기

FSD 아키텍처 - fsd-cli
IT/공통라이브러리 2025. 4. 10. 10:54
FSD 아키텍처의 폴더 구성을 하기 우해서는 여러가지 폴더를 생성하고 공개 API 설정을 위한 index.js entry point를 구성해야한다. 하지만 이러한 작업을 간단히 하기 위해서는 아래의 도구를 사용할 수 있다. https://github.com/feature-sliced/cli GitHub - feature-sliced/cli: Utility to quickly generate layers, slices, and segments from Feature-Sliced Design.Utility to quickly generate layers, slices, and segments from Feature-Sliced Design. - feature-sliced/cligithub.com 설치npm ..
FSD 아키텍처 - 공식 사이트
IT/공통라이브러리 2025. 4. 9. 23:31
FSD 아키텍처 사이트에 대해 알려주는 공식 사이트는 아래와 같다. https://feature-sliced.github.io/documentation/ Welcome | Feature-Sliced DesignArchitectural methodology for frontend projectsfeature-sliced.github.io 공식적인 개발 문서와 예제 사이트를 제공한다.
vite 빌드 후, 정적 배포 하기
HTML 2025. 3. 27. 23:29
vite로 바닐라 js 프로젝트를 구성하고 이를 빌드한 후, 정적 배포를 해본다. 서버는 아파치 서버를 사용하고, 도메인은 codestack.blog이다. 그리고 서브 디렉터리로 falling-snow-effect를 사용하고 codestack.blog/falling-snow-effect에 정적 배포를 하려 한다. 이를 위해서는 아파치 정적 파일 기본 경로인 /var/www/html에 /falling-snow-effect 디렉터리를 구성하고 해당 디렉터리에 빌드한 파일을 업로드한다. vite 빌드를 하기 전에 경로의 prefix를 지정하기 위해서는 vite.config.js에 base 속성에 prefix 경로를 지정한다. export default { base: "/falling-snow-effect/"..
falling snowflake effect js - 눈송이 배치
HTML 2025. 3. 27. 22:23
이전 글 : https://manualbook.tistory.com/128 falling snowflake effect js - 프로젝트 폴더 구성 및 기본 코드눈이 떨어지는 애니메이션 효과를 구현해보고 싶다. vite + 바닐라 js조합으로 프로젝트를 구성하고 클래스 문법을 사용하여 눈송이가 떨어지는 효과를 구현해본다. main.jsimport "./style.css";import {manualbook.tistory.com  이전 글에서 canvas에 이미지를 그려서 눈송이를 표시하는 방식에서 img 태그로 눈송이를 출력하고 이를 div 태그에 추가하는 방식으로 변경해 봤다. main.jsimport "./style.css";import { Manager } from "./manager";functio..
falling snowflake effect js - 프로젝트 폴더 구성 및 기본 코드
HTML 2025. 3. 25. 23:34
눈이 떨어지는 애니메이션 효과를 구현해보고 싶다. vite + 바닐라 js조합으로 프로젝트를 구성하고 클래스 문법을 사용하여 눈송이가 떨어지는 효과를 구현해본다. main.jsimport "./style.css";import { Manager } from "./manager";const canvas = document.createElement("canvas");const app = document.querySelector("#app");app.append(canvas);const ctx = canvas.getContext("2d");const manager = new Manager(ctx);manager.draw(); manager.jsimport { Snow } from "./snow";export c..

티스토리툴바