프로그래밍 숲

체크 제약조건(Check Constraint) 정의 체크 제약조건은 테이브에 저장된 데이터의 무결성과 유효성을 보정하는 제약 조건 중 하나입니다. 특정 열 또는 열 집합에 삽입되어 업데이트 되는 모든 데이터에 대해 충족되어야 하는 조건을 정의합니다. 예시로 바로 확인해보도록 하겠습니다. 예시 나이와 국가를 포함한 고객 정보를 저장하는 "CUSTOMERS"라는 테이블이 있다고 가정합니다. 검사 제약 조건을 사용하여 이 테이블에 삽입되거나 업데이트되는 데이터에 대해 특정 규칙을 적용하려고 합니다. 1. 연령 제한 "AGE" 열에 확인 제한을 정의하여 고객의 연령이 18세에서 100세 사이여야 한다는 것을 확인할 수 있습니다. 이 제약 조건은 유효하지 않은 연령 값의 삽입을 방지합니다. CREATE TABLE..

데이터 제어어(DCL, Data Control Language) SQL에서 데이터 제어어는 데이터베이스의 액세스 권한과 보안을 제어하는 ​​데 사용됩니다. DCL 명령은 GRANT 및 REVOKE 등의 유형이 있습니다. 그 중 GRANT와 REVOKE 명령어에 대해서 알아보겠습니다. GRANT 'GRANT'는 사용자에게 데이터베이스, 테이블 또는 뷰에 대한 다양한 권한을 부여합니다. 예시 'SalesDB'라는 데이터베이스와 'John'이라는 사용자가 있다고 가정해 보겠습니다. 'SalesDB'의 'Customers' 테이블에서 SELECT, INSERT 및 DELETE 데이터에 대해 'John'에게 권한을 부여하려고 합니다. GRANT SELECT, INSERT, DELETE ON SalesDB.Cust..

요소 노드란? HTML 문서 개체 모델(DOM)에서 요소 노드는 웹 페이지 내의 개별 HTML 요소를 나타냅니다. HTML 요소는 , , , 등과 같은 태그로 정의됩니다. 이러한 각 요소는 DOM 트리 구조에서 요소 노드로 표시됩니다. DOM 트리는 요소가 부모-자식 관계로 구성되는 HTML 구조의 계층적 표현입니다. 예를 들어 다음 HTML 코드를 살펴봅시다. Welcome to my website! This is a paragraph. 이 경우 요소는 부모 노드이고 및 요소는 자식 노드입니다. 이러한 각 요소는 DOM 내의 요소 노드입니다. DOM의 요소 노드는 개발자가 HTML 요소와 상호 작용하고 조작할 수 있도록 하는 광범위한 속성 및 메서드를 제공합니다. 요소 노드의 속성을 사용하여 id, c..

수정 관련 Commit 메시지 git을 사용하다 보면 수정할 일이 많이 있습니다. 커밋 메시지를 남기고, Pull Request(PR)를 올릴 때 수정과 관련된 메시지를 남기게 됩니다. 이때, 자주 사용하는 Modify, Fix, Update, Refactor의 차이에 대해서 알아봅시다. Modify Git 커밋 메시지에서 Modify을 사용하면 일반적으로 코드 또는 파일을 변경했음을 나타냅니다. 여기에는 기존 코드나 콘텐츠의 추가, 삭제 또는 변경이 포함될 수 있습니다. 수정은 새로운 기능 추가, 성능 향상 또는 버그 수정과 같은 다양한 이유 때문일 수 있습니다. Fix Git 커밋 메시지에서 Fix을 사용하면 코드베이스의 특정 문제나 버그를 해결하고 해결했음을 나타냅니다. 여기에는 문제를 제거하고 코..

문제 상황 git push를 하려고 했더니 갑자기 push가 안됐다. git push origin Refactor/chatbots fatal: Refactor/chatbots(브랜치명) cannot be resolved to branch 해결 방법 cd ./.git/refs/heads 로 경로를 이동해서 list를 확인해보았다. cd ./.git/refs/heads ls Refactor 대신 refactor 폴더가 있었다. 이전에 refactor/브랜치명 으로 push를 한 적이 있어서 그런 것 같다. git branch -m refactor/chatbotss branch 이름을 refactor/chatbotss로 바꾸고 다시 push 하니까 잘 됐다. (refactor/chatbots로 바꾸니 이유는 ..

DOM 트리 이해 DOM(Document Object Model) 트리는 웹 개발의 기본 개념으로 HTML 또는 XML 문서의 표현 및 조작에 중요한 역할을 합니다. 문서 요소에 대한 구조적이고 계층적으로 볼 수 있도록 함으로써 개발자가 문서 요소에 쉽게 액세스하고 수정할 수 있도록 합니다. 프레임워크와 라이브러리를 사용하면 추상화 및 최적화를 제공하여 향상된 웹 개발을 위한 DOM 조작을 단순화할 수도 있습니다. DOM 트리의 계층 구조 및 구조 DOM 트리는 각 노드가 문서의 특정 부분을 나타내는 가계도와 유사한 계층 구조를 따릅니다. 트리 맨 위에는 전체 문서 자체에 해당하는 루트 노드가 있습니다. 루트 노드는 문서 구조를 탐색하고 조작하기 위한 시작점 역할을 합니다. 루트 노드 아래에는 과 같은 ..

개발자 도구 단축키 크롬 브라우저의 개발자 도구는 Window(Ctrl+Shift+I), MacOS(Cmd+Option+I)로 접근할 수 있습니다. 생략된 부분 개발자 도구를 이용해서 DOM 구조를 볼 때는 생략된 부분이 있을 수 있습니다. 예를 들어, 텍스트 노드는 그냥 텍스트로만 표현되고, 띄어쓰기만 있는 빈 노드는 나타나지 않습니다. 개발 중에는 대부분 요소 노드만 다루기 때문에 문제가 되지는 않지만, 우리 개발자들은 알고 있어야 하는 내용입니다. 하위 패널 Styles(스타일) 스타일 하위 패널은 선택한 요소에 적용된 CSS 스타일을 표시합니다. 해당 요소에 직접 적용된 스타일과 부모 요소나 CSS 규칙에서 상속된 스타일을 모두 보여줍니다. 여기서 스타일을 확인하고 수정할 수 있으며, 새로운 스타..

Window 객체의 역할 1. 자바스크립트 코드의 전역 객체 2. 브라우저 창(browser window)를 대체하고, 이를 제어할 수 있는 메서드 제공 1번 예시. 전역 객체 // 윈도우 전역 객체의 예시 프로퍼티 설정 window.myProperty = 'Hello, World!'; // 윈도우 전역 객체의 예시 메서드 정의 window.myMethod = function () { console.log('This is a method on the global object.'); }; // 윈도우 전역 객체의 프로퍼티 접근 및 메서드 호출 console.log(window.myProperty); window.myMethod(); 2번 예시. 브라우저 창 대체 // 윈도우 전역 객체의 예시 프로퍼티 설정..

LG 외장 모니터가 생겨서 맥북과 연결해서 사용하던 중, 평소에 밝기 조절을 많이 하던 저는 수동으로 외장 모니터의 밝기를 조절하는 것에 대해 답답함을 느꼈습니다. 그래서 편하게 밝기 조정을 할 수 있는 방법이 없나 찾아보았고, 이미 좋은 앱이 있었습니다. 역시나 훌륭하신 개발자 분들이 많습니다. 밝기 조절 앱 다운받기 바로 Monitor Control이라는 앱입니다. GitHub - MonitorControl/MonitorControl: 🖥 Control your display's brightness & volume on your Mac as if it was a native Apple 🖥 Control your display's brightness & volume on your Mac as if it..

벡터(vector) 벡터: 요소가 추가되거나 제거될 때 크기가 커지거나 줄어들 수 있는 동적 배열 유형 C++ 및 Java와 같은 많은 프로그래밍 언어의 핵심 개념 python이나 javascript의 경우 ‘벡터’라는 용어는 직접 사용되지 않지만 동적 배열과 같은 데이터 구조의 개념과 기능은 존재 시간 복잡도 특정 인덱스에 있는 요소에 접근: O(1) 원소 찾기: O(N) 끝에 요소 삽입 또는 삭제: 평균 O(1) (amortized 시간 복잡도) 특정 인덱스에 요소 삽입 또는 삭제: O(N) amortized 시간 복잡도 (분할 상환 시간 복잡도 = 할부) 끝에 요소 삽입 또는 삭제: O(1) 그러나 종종 배열(메모리)이 가득 차게 될 수 있으며 새 요소를 push() 할때 O(N)과 같이 더 많은 ..