[기초-2] 일렉트론 화면 개발하기

일렉트론 화면은 웹 개발과 동일합니다. html, css , js 만으로 개발이 가능합니다.

간단하게 디자인을 이용하기 위해 코드펜에 있는 디자인을 잠시 가져와서 사용하면서 진행해보겠습니다.

코드펜에 가입 또는 로그인해주시면됩니다.

엄청신기한것들 많습니다. 

여기서 간단하게 디자인하나 이용해서 진행하겠습니다.

저의 경우에는 

이런 형식의 디자인을 사용하겠습니다.

html은 index.html에, js는 새로 하나 만들어주시고, css도 index.css에 넣어줍니다.

각각 내용을 추가 또는 생성해준모습입니다.

파일트리는 위처럼 구성을 했습니다.

적용되었습니다.

그리고 한번 이미지를 추가해보겠습니다.

귀여운 이미지 추가

<img src="source\img\logo.png" width="64" height="auto" alt="scroll magic">

그리고 경로를 추가했습니다.

이미지까지 적용되었습니다! 

이것으로 일렉트론에 이미지 및 디자인을 적용하는 것을 알아보았습니다. 감사합니다.