Hx2y's blog

1. Shadcn/ui란?Shadcn/ui는 React 기반의 UI 컴포넌트 라이브러리로, Tailwind CSS를 활용하여 모던하고 재사용 가능한 컴포넌트를 제공한다. 이 라이브러리는 특히 사용자 경험(UX)과 디자인 일관성을 중시하는 개발자에게 적합하다. 주요 특징:모듈식 디자인: 필요한 컴포넌트만 선택적으로 가져와 사용할 수 있다.확장성: 기본 제공 스타일 외에 사용자 정의 Tailwind 클래스를 쉽게 추가 가능.접근성(A11Y): 웹 표준과 접근성을 고려한 컴포넌트 설계.2. Tailwind CSS란?Tailwind CSS는 유틸리티 클래스 기반의 CSS 프레임워크로, 빠르고 직관적인 스타일링을 지원한다. 주요 특징:유연성: 미리 정의된 유틸리티 클래스를 조합해 다양한 디자인 구현 가능.생산성 ..

일단 프론트까지 환경설정을 하고 수정을 해보려고 하니까 실시간 반영이 막혀있었다. 찾아보니 코드 수정시 컨테이너를 다시 빌드해야 코드 변경이 반영 된다고 한다. 이러기엔.. 매번 하기 귀찮으니 바인드 마운트라고 실시간으로 코드를 반영 가능하게 해보자.  1. 컨테이너 재실행  stop 버튼을 누른다. - doker desktop 에서는 gui 를 통해 편리하게 도커를 사용 가능하도록 지원해주니까 이용하도록 하자.2. 컨테이너 삭제정지된 컨테이너를 쓰레기통 아이콘을 선택하여 삭제하도록하자.  삭제하지 않고 지속적으로 사용한다면 기존에 빌드된 이미지를 사용한다.  3. 이미지 다시 빌드 다음의 명령어를 통해 다시 빌드 하도록 하자. docker build -t stock-frontend . 4. 바인드 마운..