2023_12_14 TIL

Node.js 백오피스 프로젝트[3일차]

 

오늘 한 일

 

어제까지 백엔드 기능을 마무리하고 오늘은 프론트엔드 연결 및 구현하는 작업을 했다.

연결하는 부분이 이해가 잘 안갔지만 열심히 찾아서 한 결과 잘 연결되었고 기본적인 구현도 마친 것 같다.

특히 달력을 넣어 예약한 날짜가 있을 경우에는 달력에 빨간색으로 표시하도록 만드려고 했는데, 아직 구현은 완료하지 못해서 내일 구현을 마치고 CSS 작업을 하면 될 것 같다.

 

 

 

배운 부분

 

js로 html을 만들고 css를 넣는 부분에서 몇 가지 배운 점이 있다. 기존에도 몇 번 사용을 해봤지만 이번 기회에 정리해둔다.

 

 

const $container = document.querySelector(".container")

 

위와 같이 div를 하나의 변수로 지정해놨을 때, style을 사용해서 css 를 넣을 수 있다.

 

$container.style.속성 = "값"

 

변경하려는 속성은 다음과 같이 여러 값을 넣을 수 있다.

 

 

예시

$container.style.backgroundColor ="black";

 

 

 

참고 자료

 

https://tagilog.tistory.com/555