JS06 :: 바닐라 JS 프로젝트(2)

이전 바닐라 JS 프로젝트에서 배경화면을 변경하여 나만의 앱을 생성해보겠습니다.

정적인 화면을 구성하는 index.html 에서 배경화면 처리를 위한 script를 등록하겠습니다.

index.html에서 weather.js 를 등록해줍니다. 

<script src="bg.js"></script>

 

index.html

bg.js

image는 총 3장을 준비하였습니다. 오리 3총사 

image 객체를 생성하고 나면 css의 선택자 class를 포함시키고,

body 태그에 해당 tag 를 prepend 하게 됩니다. 

body 안에 image 가 잡히게 됩니다. (css에서 z-index = -1 로 잡았기 때문에 현재 맨 뒤로 가있는 상태입니다.)

 

이 다음 코드인 weather.js 구현해야 하는데 현재 위치 좌표를 받아오지 못하고 있다. 

mac에서 위치 좌표를 설정을 해두었는데, 받아올 수 없는 메시지만 나오는 상태이다.

그래서 우선 현재 완성한 데까지 배포 했다. 

nginx에서는 같은 도메인으로 여러 web 프로젝트를 배포할 수 있다고 한다. 

노마드코드를 수행해보면서 여러 web 애플리케이션을 배포해볼 예정이다. 

web :http://bigwhitehedgehog.com/

github : https://github.com/lllilllilllilili/vanillaJs01

Something

추가 작업으로 https 인증서 작업을 수행해줘야 할듯 싶다.