블로그를 쓰다 보면, html 테이블을 만드는 경우가 있다. 나는 구글 blogger를 이미 사용하고 있다. html을 나모 웹 에디터 사이트에서 테이블을 만든 다음 그것을 복사 하면 태그가 매우 복잡해진다. 페이지 로딩 속도가 느려져 나중에 seo에 영향을 받는다.
https://comp.namoeditor.co.kr/ce4/demo/namo/experience_write.jsp?code=01&tmp=
html style sheet 로 보기 좋은 table 만들기
지금 나는 강의하기 위한 교재를 만들고 있다. 교재 또는 서적을 출판 하려고 할 때, 반드시 필요한 것이 있는데, html style sheet 를 작성 하는 것이다. 즉 표를 이미지를 캡쳐 떠서 할 것이냐, 아니면, html에 직접 그릴 것인지를 알아 보는 것인데, 나중에 소개 할 MailR에서는 반드시, html style sheet 가 필요하여, 아래와 같이 작성 한다.
HTML body, head & title 페이지
HTML body와 head 페이지 구성
html의 body와 head는 별도로 구성이 되어 있다. body 부분은 windows 웹 브라우져 메인에 보여 주는 내용을 적는 것이고, head는 별도로 내용을 적는다. head 태그는 meta, title 이외의 style, script, link와 같은 태그를 포함 할 수 있다.
아래의 예제는 body와 head를 나누어주는 것이다.
html 코드 샘플
html 페이지 구조 설명
HTML 코드 구조
html 구조는 Word 파일 구조와 같은 형태로 하면, 기본에서는 아주 깔끔하게 구성 된다. 아래는 HTML 기본적인 구조를 나타내는 것이다.
아래의 스크린에 보이는 화면과 html 을 glitch로 실습을 해보겠다. 헤드라인을 구성 하고 헤드라인에 대한 내용 그리고 세부 헤드라인과 세부 헤드라인의 구성을 아주 깔끔하게 나타낸다. 아래는 glitch에서 코드를 잘 다듬어 낸 코드 예제 이다.
HTML 코드 샘플
<html>
<body>
<h1>
This is the Main heading
</h1>
<p>
this text might be an introdunction to the rest of the page. and if the
page is a long one it might be split up into several sub-headings.
</p>
<h2>
This is Sub heading
</h2>
<p>
Many long ariticles have sub-heading so to help you flollow the structure
of what is being written. there may even be sub-sub-headings (or
lower-level headings).
</p>
<h2>
Another Sub-Heading
</h2>
<p>
here you can see another sub -heading
</p>
</body>
</html>
HTML의 결과
html & css 를 시작 하면서
html & css는 필자가 별로 좋아하지 않는 것이다. 하지만, 블로그를 키우거나, 파이썬에서 웹크롤러를 잘 하려면, html 이나 css 구조에 대해서 잘 알고 있어야 한다.
이건은 급하게 서두를 필요가 없을거 같고, 정도를 걷는 것이 좋을 듯 하다. 정도를 걸을 려면, 아주 좋은 웹에디터가 있어야 하는데 아주 좋은 웹에디터를 찾았다.
20년 전에 웹프로그래머 였던 나는 아직 까지 나모 웹에디터터나, 드림위버를 찾고 있었다. 그러다가 그냥 포기 해 버렸다.
그리고 다시 도전 하는 에디터를 아래 glitch 바꾸었다. 이것의 큰 장점은 코딩 하면서 결과를 바로 볼 수 있다는 것이다. 아마 다른 좋은 것도 있을 것인데, 일단 이걸로 정하였다.
그리고 교재도 정하였는데, 아래 것을 정하였다. 정말 천천히 나갈 것이다.
우리 나라 서적도 한번 고려 해 보았는데, 기본적인 개념을 이해 하기는 원서를 보는 것이 매우 명확하고 좋다. 앞으로 한 단계 조금씩 하겠다.
피드 구독하기:
글 (Atom)
css cheat sheet 클래스 선택자, margin(마진), display , center 조정 간단한 구성 요소
앞에서는 html의 간단한 sheet를 소개 하였습니다. html은 주로 골격을 나타나는 것이라, 디자인을 하는데는 css로 하여야 합니다. 아래 코드와 같이 css 관련 하여 매우 간단하게 코딩 하겠습니다. body 부분의 css 코딩 ...
-
KoLNP 로딩하면 아래와 같은 메시지가 나올 경우가 있다. warning message: in i.p(...) : 패키지 ‘c:/users/rdmkyg/appdata/local/temp/rtmps6vlku/file23e45dd83537/konlp...
-
논리연산자 AND,OR는 실무에서 많이 쓰이는 방법이다. R을 처음 시작 하는 컴퓨터 프로그래머는 for문을 많이 사용한다. 하지만 R에서 for문은 속도 측면에서 최악이다. 그리고 AND, OR, IF 문도 for문을 돌리지 않고 dpl...
-
통계학에서 베이블 분포(Weibull distribution)는 연속확률 분포로써 고장 확률에 대한 예측에 대하여 많이 쓰인다. 신뢰도를 측정하는데 많이 쓰이는데, 시스템 혹은 부품이 작동을 시작하여 그 시점까지 고장 나지 않고 여전히... -
caret은 대표적인 머신러닝 패키지이다. 이것이 있어서, R에서는 파이썬 보다 좋은 경쟁력을 가지고 분석 할 수 있다. 즉 파이썬에서 경쟁력이 있는 것은 비정형 자료 즉, 이미지, 문자, 음성등 과 같은 것이다. 개인 적으로는... -
R 환경 설정 파일에서 반드시 쓸 일이 있다. 오라클 한글 인코딩 설정 할 때 꼭 필요 한데, 이 부분을 잘 몰라서, 우리 회사 서버 팀과 같이 서로 고생들만 하였다. 어찌 되었든 이 부분에 대한 개념은 매우 중요 하니, 아래와 같이 이...
-
DB에서 데이터를 받든 엑셀로 데이터를 받으면, 데이터의 성질을 본다. 데이터 성질 본다음에 나는 as.charater, as.factor, as.integer 등 문자, 숫자, 범주형 데이터로 바꾼다. 나중에 머신러닝을 하던...
-
R 하고 Python을 같이 사용하게 되면, 두개의 문법이 매우 헤깔리다. 헤깔린 부분을 해결하려면, 나름대로 기록이 필요하다. R에서는 paste 또는 paste0로 하지만, Python은 문자열 + 문자열로 한다. 문자열을 그대...
-
Rstudio는 2009년에 개발 되었고, 처음 안 것은 2017년도 되었다. 어찌 되었던 학부에서 통계학을 배우고 있을 때는 2000년대 였으니, 콘솔을 사용한 R을 사용하였는데, 데이터 읽어 오는데, 많이 고생한 기억이 난다. ...
-
Windows R은 관리자 권한으로 실행하지 않으면 패키지도 로딩이 안되고, 제대로 패키지를 설치 할 수 없다. 따라서 제대로 설치 하고 실행 하려면, 아래와 같이 관리자 권한으로 실행 하여야 한다. 1.아이콘에서 관리자 권한 실행 법 ... -
Windows 버전에서는 패키지 설치가 아주 쉽지만, Ubuntu 버전은 패키지 설치가 매우 어렵다. Linux 특성 상 의존성 에러가 나기 때문이다. 그래서 여러가지 방법으로 패키지를 설치 하는 방법을 설명 하고자 한다. 어찌 되...
