IT

FSD 아키텍처로 구현하는 모달
IT/공통라이브러리 2025. 6. 10. 00:06
개요모달은 특정 컨택스트에서 사용자에게 정보를 전달하거나, 상호작용을 하기 위해 사용할 수 있는 UI로 정보, 경고, 오류 메시지를 주로 전달한다. 정보, 경고, 오류의 모달창의 경우 alert 형태로 주로 간단한 메세지를 주로 보여주며, 거의 동일한 UI를 가지고 있다.그리고 Memo를 입력하는 모달창 처럼, 사용자로부터 텍스트를 입력받거나 상호작용을 하는 경우도 있다. 이런 경우에는 각 용도에 따라 UI 구성이 달라진다. 보통 모달은 다른 페이지보다 높은 우선 순위로 랜더링되어 화면에 보여지면 보통은 position: fixed 속성을 사용한다. 또한 한번에 여러 모달창을 띄우는 경우도 있으므로 여러 모달창을 중첩하여 띄울 수 있도록 스택형태로 모달창을 출력해본다. 본문FSD 아키텍처를 사용하여 여..
PlantUML vscode mac 미리보기 자바 오류
IT 2025. 4. 24. 14:46
MacOs | Warning: the fonts "Times" and "Times" are not available for the Java logical font "Serif"... 미리보기 생성 시 오류 발생 아래 사이트에서 Times 폰트를 다운로드하여 설치https://www.freebestfonts.com/timr45w-font
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 공식적인 개발 문서와 예제 사이트를 제공한다.
딥시크 ai 영향
IT 2025. 3. 14. 23:57
https://www.youtube.com/watch?v=sxye9Ul7ppI

티스토리툴바