전체 글 208

sql server 인증 - windows 인증 연결 안될 경우

SQL Server 설치 후, 로그인을 하려고 할 때 위와 같은 오류가 뜨는 원인은 마이크로소프트사가 2022년 7월 12일에 SQL Server Native Client 11.0 (SNAC)에 대한 지원을 종료하여서, SNAC 11.0을 사용하는 어플리케이션은 최신버전의 드라이버로 업데이트하지 않았을 경우 위와 같은 오류가 발생한다고 합니다. 따라서 SQL Server를 설치한 후 위와 같은 오류가 발생하지 않으려면 해당 PC에 "Microsoft OLE DB Driver for SQL Server"가 18.x 버전 이상으로 설치되어 있어야 합니다.근본적인 해결 방법은 "Microsoft OLE DB Driver for SQL Server 18.x"를 사용하도록 드라이버를 업데이트하는 것이며, 아..

데이터베이스 2025.05.14

ssms 상에서 제공하는 수정 메뉴를 사용하여 정의된 테이블 내용 수정시 저장 안될 경우

이런 오류 메시지가 나타나는 이유는 SSMS 안에서 기본적으로 "테이블을 다시 만들어야 하는 변경 내용 저장 방지" 옵션이 활성화되어 있기 때문입니다. 이 옵션은 데이터 손실을 방지하기 위해 설정되어 있지만, 필요에 따라 비활성화할 수 있습니다.비활성화 방법은 SSMS의 상단 메뉴에서 도구(Tools) > 옵션(Options) 메뉴항목을 선택하면, 아래와 같이 옵션 창이 뜨는 데, 해당 옵션창에서 아래 나타낸 것과 같이 "디자이너 > 테이블 및 데이터베이스 디자이너" 항목을 선택하여 나타나는 "테이블 옵션" 중"테이블을 다시 만들어야 하는 변경 내용 저장 안 함(S)" 옵션 앞에 놓은 체크박스를 해제시키고 "확인" 버튼을 눌러 옵션을 변경하면, 이후부터 테이블 수정 내용을 저장할 수 있습니다.

데이터베이스 2025.05.14

컴포넌트와 인스턴스 만들고 Detach 하기

🧩 컴포넌트(Component)란?정의: 반복적으로 사용할 수 있는 기본 설계 원본입니다.예시: 버튼, 아이콘, 카드, 헤더 등특징:수정하면 연결된 모든 인스턴스에 자동 반영됨디자인 시스템의 재사용성과 일관성 유지에 핵심 역할💡 예: "Primary Button" 컴포넌트를 만들고, 여러 곳에 복제해서 사용하면 스타일이 한 번에 바뀜🧱 인스턴스(Instance)란?정의: 컴포넌트를 복제한 개별 객체특징:기본 속성은 컴포넌트를 따름일부 속성은 오버라이드(Override) 가능 (예: 텍스트 변경, 색상 변경 등)원본 컴포넌트가 수정되면, 인스턴스도 자동 업데이트됨💡 예: 버튼의 텍스트만 다르게 바꾸고 싶을 때, 인스턴스에서 텍스트만 변경하면 됨🔄 컴포넌트 ↔ 인스턴스 관계항목컴포넌트 (Compon..

figma 2025.04.29

word-wrap, overflow-wrap, white-space, word-break

word-wrap, overflow-wrap, white-space, word-break 이 네 가지 속성은 텍스트 줄바꿈과 넘치는 콘텐츠 처리에 핵심적으로 사용돼요. 각각의 역할이 살짝 다르지만, 조합해서 쓰면 강력한 텍스트 제어가 가능해요. 🧩 각 속성의 역할 요약속성설명white-space줄바꿈 허용 여부 + 공백 처리 방식 결정overflow-wrap (또는 word-wrap)단어가 너무 길어서 넘칠 때 줄바꿈 허용 여부 결정word-break단어 중간에서 줄바꿈할 수 있는지 여부 결정💡 1. overflow-wrap vs word-wrapword-wrap은 예전 명칭이고, 현재는 overflow-wrap이 정식 이름이에요.하지만 둘 다 거의 같은 기능을 해요.overflow-wrap: bre..

CSS 2025.04.15

word-break 속성값 정리

word-break는 긴 단어나 텍스트가 줄 바꿈이 필요한 상황에서 어떻게 줄을 바꿀지 결정하는 CSS 속성이에요.📌 word-break 속성값 정리속성값설명 normal기본값. 일반적인 영어 단어는 단어 사이에서 줄이 바뀜. 한글은 글자 단위로 줄바꿈 가능break-all단어 중간이라도 필요하면 줄바꿈함. (단어 단위 무시)keep-all한글, 중국어, 일본어는 줄바꿈 가능하지만, 영어는 단어 단위로만 줄바꿈break-word (비표준)필요 시 단어 중간에서 줄바꿈. 일부 브라우저에서는 지원하지만, 정식 명세에는 없음 → 대신 overflow-wrap: break-word 사용 권장SupercalifragilisticexpialidociousSupercalifragilisticexpialidocio..

CSS 2025.04.15

white-space 속성값 정리

📌 주요 white-space 속성값 정리속성값설명normal기본값. 연속된 공백은 하나로 줄이고, 줄바꿈(\n)은 무시됨nowrap공백 처리 방식은 기본과 같지만, 줄바꿈은 하지 않음 (모든 텍스트를 한 줄로 표시)pre 태그처럼 동작. 공백과 줄바꿈을 그대로 유지pre-wrap공백과 줄바꿈을 유지하면서, 필요하면 줄바꿈도 함 (자동 줄바꿈 허용)pre-line줄바꿈은 유지하지만, 연속된 공백은 하나로 줄임break-spacespre-wrap처럼 작동하면서, 공백에서도 줄바꿈 허용 (CSS3부터 도입)✅ 예제 비교공백 테스트입니다.공백 테스트입니다.공백 테스트입니다.줄바꿈도 있습니다..normal { white-space: normal;}.nowrap { white-space..

CSS 2025.04.15

text-overflow

ext-overflow는 CSS에서 텍스트가 요소의 영역을 넘칠 때 그 텍스트를 어떻게 처리할지를 정하는 속성이에요. 주로 overflow: hidden 및 white-space: nowrap과 함께 사용됩니다.📌 text-overflow 주요 속성값속성값설명clip넘치는 텍스트를 그냥 자릅니다. (기본값)ellipsis넘치는 텍스트 끝에 …(말줄임표)를 표시합니다.string말줄임 대신 사용자가 지정한 문자열로 대체할 수 있습니다. (일부 브라우저에서 지원) 이 텍스트는 너무 길어서 한 줄에 다 못 들어갑니다..ellipsis-text { white-space: nowrap; /* 텍스트 줄바꿈 안 함 */ overflow: hidden; /* 넘친 텍스트 숨김 */ ..

CSS 2025.04.15

가상 클래스, 가상요소 비교

CSS에서 가상 클래스(Pseudo-classes)와 가상 요소(Pseudo-elements)는 비슷해 보일 수 있지만, 그 목적과 동작 방식에서 중요한 차이가 있습니다. 두 개념은 모두 HTML 문서에서 존재하지 않는 부분에 스타일을 적용할 수 있게 해 주지만, 각각 다르게 작동합니다.1. 가상 클래스 (Pseudo-classes)가상 클래스는 특정 상태나 조건을 만족하는 HTML 요소를 선택할 때 사용됩니다. 즉, 요소의 상태(예: 마우스 오버 상태, 포커스 상태 등)에 따라 스타일을 다르게 적용할 수 있습니다.주요 가상 클래스 예시:hover: 마우스가 요소 위에 올라갔을 때 스타일을 적용:focus: 요소가 포커스를 가질 때 스타일을 적용 (예: 입력 필드):active: 사용자가 클릭할 때 스타..

CSS 2025.04.07

pseudo-element selector - ::before,::after,::first-letter,::first-line,::selection

CSS에서 가상 요소 선택자(Pseudo-element selector)는 특정 HTML 요소에 직접적으로 존재하지 않는 스타일을 적용할 수 있게 해주는 선택자입니다. 이러한 선택자는 실제 DOM 요소가 아닌, 요소의 일부를 선택하거나 그 요소의 가상적인 부분을 스타일링할 수 있도록 해줍니다.대표적인 가상 요소 선택자는 ::before, ::after, ::first-letter, ::first-line 등이 있습니다. 이들을 사용하면 HTML에 추가적인 마크업을 삽입하지 않고도 스타일을 개선할 수 있습니다.주요 가상 요소 선택자1. ::before::before는 선택한 요소의 내용이 렌더링되기 전에 가상 콘텐츠를 삽입하는 데 사용됩니다.주로 아이콘, 장식, 텍스트 등을 삽입할 때 사용됩니다.이 가상 ..

CSS 2025.04.07

display:none, visibility:hidden 비교

display: none과 visibility: hidden은 둘 다 요소를 화면에서 보이지 않게 만드는 속성이지만, 그 동작 방식에서 중요한 차이점이 있습니다. 아래에서 두 속성의 차이점을 비교해 보겠습니다.1. display: nonedisplay: none을 적용하면, 해당 요소는 화면에서 보이지 않게 될 뿐만 아니라, DOM에서 완전히 사라진 것처럼 동작합니다.요소는 레이아웃에서 공간을 차지하지 않게 되며, 다른 요소들이 그 공간을 차지하게 됩니다.애니메이션, 이벤트 리스너 등도 영향을 받을 수 있습니다. 예를 들어, display: none으로 설정된 요소는 클릭 이벤트를 받을 수 없습니다.예시:div { display: none;}This will not be visible and will ..

CSS 2025.04.07