위 코드의 실행 결과값 .div_class:hover -> div 뒷 배경 설정을 해준다. .div_class에서 transition으로 배경의 색상이 천천히 바꿔주는 효과를 준다.

.HTML에서 적용할 클래스명 혹은 태그명 { /* 배경의 이미지를 어디서 가져올건지 */ background-image: url("../image/bg.jpg"); /* 배경 이미지 반복 유무 */ background-repeat: no-repeat; /* 배경 이미지의 x좌표 */ background-position-x: center; background-size: cover; /* 배경 이미지를 고정 시킨다. */ background-attachment: fixed; }

문자열 입력: prompt() 함수를 사용 , 불(bool, 확인 or 취소) 입력: confirm() 함수 사용 브라우저상에서 사용한 결과 화면입니다. 3번은 콘솔창에 입력한 문자열이 출력이 되어 나옵니다. 아래는 confirm 사용 함수 예제입니다. 확인을 누르면 true로 되며 콘솔창에 출력 됩니다.

npm install @babel/cli @babel/core @babel/node @babel/preset-env babel-loader @babel/polyfill -D npm install morgan -D @babel/cli : babel을 터미널 상에서 명령어로 사용 할 수 있게 도와주는 패키지 @babel/core : ES6 문법 변환을 도와주는 툴체인 @babel/polyfill : 최신 문법을 사용 할 수 있게 도와줌 morgan : 서버에서 로그 기록을 보여주는 것을 도와주는 라이브러리 -D : 개발 단계에서 사용 하겠다라는 의미 출처 : 인프런 -리액트 블로그 풀스택 (nodejs/React)-