What should I do?

html 화면상에 그림을 넣으려면 다음과 같이 img태그를 쓴다. 이 것의 크기를 지정하려면 속성으로 다음과 같이 픽셀값으로 지정을 하든지 %를 이용하여 지정할 수 있다. 픽셀로 지정한 경우 %로 지정한 경우 픽셀값으로 지정하면 해당 크기로 출력이 되고, "%"를 사용할 경우 상위요소의 크기에 따른 비율로 레이아웃이 잡힌다. 이 것은 css로 지정해도 동일하게 동작을 한다. 두번째 그림의 경우 height가 상위요소의 높이의 %값이므로 이미지가 찌그러지게 된다. 그림을 상위요소의 폭에 딱 맞추고 그림의 비율을 유지하면서 그리려면 다음과 같이 height를 지정하지 않으면 브라우저는 알아서 비율을 맞추게 된다. 레이아웃을 잡아야 한다. 하지만 우리는 레이아웃을 미리 잡아 두기위해 높이도 미리 정해줘야 할 ..

HTML코드는 자체적으로 수식을 처리할 수가 없다. 지금은 동영상도 넣을 수 있지만, 아주 초기에는 그림을 넣는 기능이 나왔을 때 만해도 어마어마한 기능이었다(주1). CSS가 출현하고 발전하며 배치에 관한 문제를 해결해 주었지만, 여전히 HTML만으로 수식을 넣을 수는 없다. HTML문서에 수식을 넣어 브라우저에서 표현하려면 보통 javascript를 이용하는 데, 이것저것 알아보니, MathJax를 주로 사용하고 있었다. 뭐 다른 것들도 있긴 있지만 거의 없었고, 유명한 것들은 그리 많지 않았다.(다행이다.주2) javascript을 이용하기 때문에 다음의 코드를 삽입 해줘야 한다. async처리가 되어 있으니, cdn이 죽었을 경우 화면이 아예 안뜨는 문제가 없다(확인하지 않음). 물론 이로인해 제..

순서를 바꿀 수 있을지는 모르지만.. 일단 학습 순서대로 올려야 하겠지만.. 급하면 그냥.. 막 올려야지...