4차 산업혁명에 대한 지식/코딩 4

open api 예쁘게 보는 방법(JSONView)

open api를 그냥 주소창에 붙여넣으면 아주 보기가 어렵다. 하지만 이 JSONView 를 추가 해주고 나면 깔끔하게 볼 수 있다. JSONView Validate and view JSON documents chrome.google.com 이걸 구글 크롬 주소창에 복사해서 붙여넣고 크롬에서 추가를 눌러준다. 그리고 API주소를 크롬 주소창에 붙여넣어주면 깔끔하게 볼 수 있다!

티스토리 블로그 글씨체 변경하는 방법

여러분~ 티스토리 운영하면서 기본 서체에 질리진 않았나요? 이 방법으로 간단하게 글씨체 변경해보아요!! 1. 꾸미기에 스킨 편집으로 들어가서 HTML 편집을 누른다. 2. 구글 폰트 사이트로 들어간다. https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 마음에 드는 글씨체를 선택하고 select this style을 누른다. 그러면 아래의 화면이 나오는데 먼저 코드를 복사한다. 그리고 나서 HTML 편집 창에서 태그 밑에 붙여 넣는다. 그리고 다음으로 css rules 의 밑에 있는 코드를 복사한다. 그리고..

개발일지 HTML로 로그인 페이지 만들기, 폰트 바꾸기

개발일지 1주차 로그인 페이지 만들기! 로그인 페이지 HTML 코드 로그인 페이지 ID: PW: 로그인하기 : 제목 입력 input 태그 앞에 ID, PW 입력 로그인하기 버튼은 사용 파라그래프 태그를 넣어줘야 세로로 구현됨. (문단 변경) 로그인 페이지 여기서 class="mytitle" 은 h1의(로그인 페이지) 명찰을 달아준 것이다. 그리고 이 명찰을 사용해서 지칭해줄 수 있다. 예를 들어서 이렇게 하면 mytitle을 색깔은 빨강, 폰트 크기는 40px로 해줘. 라는 말이 됨. 명찰을 불러올 땐 앞에 . 을 찍고 명찰 이름 쓰고 { 모서리 부분 조절하는 코드 이미지를 가운데로 옮기고 싶을 때 background-color: green; 을 입력해서 옮길 수 있는 범위가 어느 정도 있는지 확인을 먼..

코딩 개발 일지(HTML,CSS,태그)

코딩 배움 1주차 나는 코린이다ㅋㅋㅋ 그래서 스파르타 코딩 클럽에서 코딩 왕초보 탈출반을 듣고 있다. 항상 티스토리 할때 HTML에서 수정하라고 하는 게 많았는데 이제 나도 조금은 안다. HTML이 무엇인가? -HyperText Markup Language의 약자이다. 하이퍼본문표식달기언어. -웹의 뼈대를 만들어 주는 기능을 한다. 예를 들어 검색창이 있으면 '네모 안에 돋보기 그림이 있다.' '뉴스 카테고리 옆에 경제 아이콘이 있다.' 이런 식으로 큼직큼직하게 뼈대를 만들 수 있다. -문서 형태를 기반으로 한다. 그래서 HTML 파일 열면 , , , .. 이런 것들이 보일 것이다. 이것들이 무엇인지는 아래에 적겠다. CSS는? -Cascading Style Sheets의 약자이다. 종속형 시트 또는 캐..