Recent Posts jQuery / Reference / .each() jQuery의 .each() 함수는 주로 배열, 객체, 또는 jQuery 선택자로 선택된 요소 집합에 대해 반복 작업을 수행하기 위해 사용됩니다. JavaScript의 for 또는 forEach 루프와 유사하지만, jQuery의 특성과 통합된 방식으로 작동합니다. NoSQL 데이터베이스 NoSQL 데이터베이스는 전통적인 관계형 데이터베이스(RDBMS)와는 다른 방식으로 데이터를 저장하고 관리하는 데이터베이스입니다. NoSQL은 Not Only SQL의 약자로, SQL 기반의 구조적 데이터 외에도 다양한 데이터 모델을 지원한다는 의미를 내포하고 있습니다. NoSQL은 데이터의 유연한 처리와 확장성을 중시하는 현대적인 애플리케이션 요구를 충족시키기 위해 등장했습니다. NoSQL 데이터베이스의 주요 특징 1. 스키마리스(Schema-less) NoSQL은 미리 정의된 스키마 […] MongoDB / 소개, 주요 특징, 사용 사례, 도입 시 고려해야 할 점 데이터베이스는 애플리케이션 개발에서 가장 중요한 요소 중 하나입니다. 빠르게 변화하는 기술 환경 속에서 데이터를 더 유연하고 확장 가능하게 관리할 수 있는 도구가 필요합니다. 그중 MongoDB는 대표적인 NoSQL 데이터베이스로, 많은 개발자와 기업의 선택을 받고 있습니다. 이 글에서는 MongoDB의 기본 개념부터 주요 특징, 사용 사례, 그리고 도입 시 고려해야 할 점까지 상세히 […] CSS / Reference / clip 개요 clip 속성으로 요소의 특정 부분만 나오도록 할 수 있습니다. 기본값 : auto 상속 : No 애니메이션 : Yes 버전 : CSS Level 2 문법 clip: auto | shape | initial | inherit auto : 요소의 모든 부분이 나옵니다. shape : 특정 부분이 나오도록 합니다. initial : 기본값으로 설정합니다. inherit : 부모 […] PHP / Reference / include(), include_once(), require(), require_once() 여러 파일에 공통적으로 사용하는 코드는 별도의 파일로 만든 후 각 파일에서 불러오는 것이 좋습니다. 코드의 양이 줄어들고, 수정이 용이하기 때문입니다. 외부 파일을 포함하는 함수는 네 가지가 있습니다. include() 같은 파일 여러 번 포함 가능 / 포함할 파일이 없어도 다음 코드 실행 include_once() 같은 파일 한 번만 포함 / 포함할 파일이 […] Visual Studio Code / 터미널 글꼴과 글자 크기 변경하는 방법 VS Code(Visual Studio Code)에서 터미널의 글꼴 또는 글자 크기를 변경하는 방법은 다음과 같습니다. [File - Preference]에서 [Settings]를 클릭합니다.(단축키는 Ctrl+,입니다.) [User - Features]에 있는 [Terminal]을 클릭합니다. 오른쪽에서 Font Family, Font Size를 원하는 값으로 설정합니다. jQuery / Reference / :contains() 개요 :contains()는 특정 문자열을 포함한 요소를 선택하는 선택자입니다. 문법 $( ':contains( text )' ) 문자열 포함 여부를 따질 때 대소문자를 구분한다는 점에 주의합니다. 예를 들어 다음은 ab 문자열을 포함한 p 요소를 선택합니다. $( 'p:contains( "ab" )' ) 예제 jb를 포함한 p 요소를 선택해서 글자를 빨간색으로 만듭니다. 첫번째 문단은 jb가 없어서, […] jQuery / Reference / :button 개요 :button은 type이 button인 요소를 선택하는 선택자입니다. 문법 type이 button인 모든 요소를 선택합니다. $( ':button' ) type이 button이면서 class 값으로 xy를 갖는 요소를 선택합니다. $( '.xy:button' ) 예제 type이 button인 요소의 글자 모양을 기울임꼴로 만듭니다. 클래스 값이 ab면서 type이 button인 요소의 글자 색은 빨간색으로 만듭니다. <!doctype html> <html lang="ko"> <head> […] CSS / Tutorial / 유튜브 동영상을 반응형으로 삽입하는 방법 유튜브 영상을 블로그나 홈페이지에 넣을 때 보통 iframe을 사용합니다. 코드는 유튜브 영상 공유에서 [퍼가기]를 클릭하여 구할 수 있습니다. 아래와 같은 코드인데, 고정폭입니다. 즉 웹브라우저의 가로폭이 커지든 작아지든 가로폭이 일정합니다. <iframe width="560" height="315" src="https://www.youtube.com/embed/ybhXVSAdIRE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 이를 반응형으로 만들고 싶다면 아래처럼 한다. 16:9 크기의 div로 감싸고, […] jQuery / Reference / .width() 개요 .width()는 선택한 요소의 가로 크기를 반환하거나, 가로 크기를 변경합니다. 문법 1 .width() 선택한 요소의 가로 크기를 반환합니다. 예를 들어 다음은 p 요소의 가로 크기를 변수 jbVar에 저장합니다. var jbVar = $( 'p' ).width(); 문법 2 .width( value ) 선택한 요소의 가로 크기를 변경합니다. 예를 들어 다음은 h1 요소의 가로 크기를 100px로 […]
