2023_10_23 TIL

공부하면서 새로 배운 사실들을 몇 가지 적어보려고 한다.

사실 오늘은 알고리즘 문제를 붙잡고 있느라 새로운 공부를 별로 못했다. 지끈 지끈....

 

 

document.querySelector()

 

큰 div 안에 input, button 태그가 존재할 때, 큰 div를 querySelector로 가져오게 되면 input과 button은 html 폴더에서 따로 가져올 필요 없이 querySelector로 지정해준 div에서 가져올 수 있다.(html을 거치지 않고 js에서 가져올 수 있다.)

 

const loginForm = document.querySelector('#login-form');
// const loginForm = document.getElementById("login-form")
const loginInput = loginForm.querySelector("input");
const loginButton = loginForm.querySelector("button");

// 더 짧게 작성하려면 다음과 같이 쓰면 된다.
// const loginInput = loginForm.querySelector("login-form input");
// const loginButton = loginForm.querySelector("login-form button");

 

 

 

 

 

 

prettier 간단 사용법

 

prettier를 설치하고 난 뒤 여러가지 사용하기 편리한 설정들을 해주었다.

그 중 단축키를 사용하여 가장 많이 쓸 수 있는 기능은 ctrl + k + f인데, 원하는 코드를 드래그해서 이 단축키를 쓰면 프리티어가 알아서 깔끔하게 코드를 정리해준다.

 

ctrl + , 를 누르면 vscode의 setting으로 간편하게 들어갈 수 있다.