탐구하는 취르미

구조 분해 할당 배열이나 객체의 속성을 해체하여 그 인덱스 혹은 키 값을 개별 변수(상수)에 담을 수 있도록 사용하는 Javascript 표현식 //const { 객체 내 key값 } = 객체명 //정해진 key값이 있기 때문에, { 객체 내 key값 }은 바꿀수 없다 const person = { age: 30, height: 175, hobby: "coding" } //⭐️ 구조 분해 할당, 객체 안의 key값이 각각 하나의 상수가 되는 것! const { age, height, hobby } = person console.log(age); //30 //import { key값 } from "경로/라이브러리명"과 연관지어 생각해 볼 수 있음! ⭐️ 중요 import { key값 } from "경로/라..

Math의 메소드 Math.ceil(x) : x보다 크거나 같은(이상) 수 중에서 가장 작은 정수를 반환 console.log(Math.ceil(1.5)); //2, 소숫점 이하를 올림 console.log(Math.ceil(1.9)); //2 Math.floor(x) : x보다 작거나 같은(이하) 수 중에서 가장 큰 정수를 반환 console.log(Math.floor(1.5)); //1, 소숫점 이하를 내림 console.log(Math.floor(1.9)); //1 Math.round(x) : x에서 가장 가까운 정수를 반환 console.log(Math.round(1.831)); //2 console.log(Math.round(1.15)); //1 console.log(Math.round(-10...

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..