FrontEnd 2

[PySimpleGUI] 기본 구조

* 기본적인 구조 PySimpleGUI는 네가지 파트로 이루어져 있다. 1. Import 첫번째 파트는 Import로 파트로 PySimpleGUI library를 임포트하는 파트이다. import PySimpleGUI as sg 2. Layout 두번째 파트는 Layout으로 window에서 보여지는 부분의 단위요소들을 설정하는 파트이다. 여기서 layout의 요소들을 elements나 widget이라고 부른다. element에는 key라는 특성이 있는데, 이것은 CSS의 id, 식별자와 비슷하다. element를 가리킬 때 key를 이용한다. - Button element의 key는 button의 text. layout = [ [sg.Text("Plot test")], [sg.Canvas(key="-C..

FrontEnd 2021.08.19

css선택자의 우선도

* CSS 선택자: CSS선택자에는 class, id, tag 등이 있다. * 기본적으로 우선 순위를 따질 때에는 id>class>tag로 판단하여 컴파일 된다. 예) head 태그 하의 style 블록에서 css로 아래와 같이 지정했다 치자. 여기서 .js는 "js"인 클래스를 나타내고, #first는 id, span은 한 구간을 나타내는 태그이다. 그렇다면 body의 아래 코드는 어떻게 나올까? span, id, class에 모두 해당되는 것을 알 수 있다. 결과는, 초록색으로 나온다. 이로서 세 가지 선택자의 가장 상위 순위는 "id" 인것을 알 수 있다. 그러면 id선언을 지워버린다면? 아래와 같이 빨간색으로 나온다. 여기서 "js"클래스가 태그보다 위이다. 그리고 역시 클래스를 지우면 파랗게 나..

FrontEnd/JS, CSS 2020.08.13