탐구하는 취르미

HTMLElement.style const ele = document.querySelector('.ele'); ele.style.display = 'flex'; /* 스타일 속성 해제(삭제)하기 */ ele.style.display = ''; HTMLElement.style.cssText const ele = document.querySelector('.ele'); ele.style.cssText = `display: flex; justify-content: center; align-items: center; `; HTMLElement.classList.add('className') const ele = document.querySelector('.ele'); ele.classList.add('activ..

.gitignore 작성 규칙 node_modules 같이 용량이 큰 파일이거나, 보안상 공유하면 안되는 파일, 프로젝트에 관련이 없는 운영체제 파일 등 굳이 이력 관리 대상이 아닌 경우가 있다. 그래서 git의 관리대상에서 무시해야할 파일들 직접 선언하는 방법을 알아보자 #은 주석 # md 확장자로 끝나는 모든 파일 제외 *.md # !는 예외 사항 만들기, readme.md는 제외에서 예외 !readme.md # 경로와 상관없이 build라는 이름의 디렉토리 및 그 안의 모든 파일들 제외 build # 현재 경로에 있는 build 디렉토리에 있는 모든 파일을 제외 /build # build라는 디렉토리 안에 있는 모든 파일 제외 build/ # build라는 디렉토리 하위 파일들 중에서 txt 확장자..

반응형(responsive) 페이지 작업할 때, css에서 미디어 쿼리(media query) 분기점(breakpoint) 작성 순서입니다 분기점은 해당 프로젝트에 맞게 설정하시면 됩니다 Mobile First 작은 너비 순으로 시작 @media screen and (min-width: 768px) { /* 768px 이상 */ } @media screen and (min-width: 1024px) { /* 1024px 이상 */ } Desktop First 넓은 너비 순으로 시작 @media screen and (max-width: 1023px) { /* 1023px 이하 */ } @media screen and (max-width: 767px) { /* 767px 이하 */ }

git은 소스코드를 저장하고 공유하는 공간이다 프로젝트 협업 시, 자주 활용되는 git 명령어를 알아보자 Setting git --version #git의 설치 유무 및 버전 확인 git config --list #설정 확인 #github 가입시, 이름과 이메일 git config --global user.name "name" git config --global user.email "email" git config --list #설정 재확인 CLI 설정 관리가 어렵다면 Source Tree 나, Github Desktop의 GUI(Graphic User Interface) 툴로 연동하자 Team Leader git init #현재 경로에서 .git 파일 생성됨, 앞으로 git으로 관리하겠다는 뜻이다! l..

find : 배열을 순회하며 요소들 중, 조건에 만족하는 첫 번째 요소만 반환 find(predicate: (this: void, value: T, index: number, obj: T[]) => value is S, thisArg?: any): S | undefined; find(predicate: (value: T, index: number, obj: T[]) => unknown, thisArg?: any): T | undefined; /** * Returns the value of the first element in the array where predicate is true, and undefined * otherwise. * @param predicate find calls predicate..

join : 배열을 원하는 구분자를 더해서 문자열로 반환 join(separator?: string): string; /** * Reverses the elements in an array in place. * This method mutates the array and returns a reference to the same array. */ const arr = ['Lorem', 'ipsum', 'dolor', 'sit']; const result = arr.join(''); console.log(result); //Loremipsumdolorsit const result = arr.join(' '); console.log(result); //Lorem ipsum dolor sit split : 구분..