seulcoding

html에서 날씨를 표시할 일이 생겨 찾아보던 중, 날씨 아이콘을 쉽고 간편하게 사용할 수 있는 프로젝트가 있어 짧게 작성한다.Using weather-iconsweather-icons 공식 홈페이지에 들어가 Download Now로 아이콘 zip 파일을 다운받은 후 압축을 풀어준다.css 디렉토리 아래의 weather-icons.min.css을 프로젝트의 css 폴더에 추가해준다.font 디렉토리 아래의 3개의 폰트 파일(.ttf, .woff, .woff2)을 프로젝트의 font 폴더에 추가해준다.와 같이 쉽게 사용 가능하다.

*오늘 장고스터디를 하면서 자바스크립트 공부를 할 때 유용한 사이트들에 대해 듣고 잊지 않기 위해 남긴다.(언제 자바스크립트를 공부할 수 있을지는 모르겠지만...) https://d3js.org/자바스크립트로 구현해 놓은 각종 그래프, 표 등 다양한 결과물을 확인할 수 있다.신세계! https://codepen.io/pens/사용자들이 자신이 만든 css, js 템플릿을 간략하게 공유할 수 있게 되어있다.디자인을 잡을 때 보면 좋을듯! https://developer.mozilla.org/en-US/MDN, 모질라 그룹에서 운영하는 자바스크립트 모듈 모음집? http://www.aladin.co.kr/shop/wproduct.aspx?ItemId=96339454HTML & CSS for Beginner ..

제목# 텍스트#을 하나 쓰면 HTML의 태그를, #을 두개 쓰면 태그를 의미한다. 즉, #은 하나에서 여섯개까지 쓸 수 있고, #이 늘어날때마다 제목의 수준은 내려간다.(보통 글씨 크기가 작아진다.)번호 없는 리스트-/+/* 텍스트번호 있는 리스트숫자. 리스트기울인 글씨 (html의 태그)*텍스트* or _텍스트_굵은 글씨 (html의 태그)**텍스트** or __텍스트__인용> 텍스트인용문안에 인용문을 넣으려면 >를 더 추가해주면 된다.인라인 링크[텍스트](링크주소)참조 링크[텍스트][참조명][참조명]: 링크주소이미지수평선-, *, _을 세개 이상 나열코드\`코드 내용\`코드 블럭앞에 스페이스 4개 이상 삽입 *줄바꿈 강제로 하려면 줄 끝에 둘 이상의 공백을 넣으면 된다 참조:h..

생활코딩 강의를 듣던 중 css 파일에 수정된 내용이 실제 localhost에서 적용되지 않는 문제가 발생했다. 해결을 위해 구글링하여 해결법을 참고한다. *이유: 브라우저가 캐쉬를 사용할 때 적재된 JS나 CSS 파일 내용으로 계속 처리가 되기 때문이라고 한다. 캐쉬를 삭제하거나 다른 웹브라우저를 사용하는 것 또한 방법이겠지만, 매번 그렇게 할 수 없으니깐. 검색을 통해 방법을 알아냈다. 여기서 버전 정보를 추가한다. -> 버전 정보를 파일명(text/css) 뒤에 추가함으로서 브라우저가 기존 url과 다른 url인지 인식한 후 캐쉬된 파일 대신에 쿼리스트링이..

현재 local에서 사용하고 있는 Apache 서버를 컴퓨터를 켤 때마다 켜줘야한다. cd opt/lamp~~/ 폴더 내의 manager 프로그램을 실행한다. $sudo ./manager~~ (이름이 길어서 생략), (Q. 왜 이 manager 프로그램은 탭으로 자동완성이 안되는걸까? ) Manager servers 탭의 MySQL, Apache를 start 해주어야 한다!

* 1. 파일 추가autolink.js / jquery-1.9.1.js 두개 파일을 다운받아서[tistory 관리 - 꾸미기 - HTML/CSS 편집 - 파일 업로드] 에 추가해준다. 2. 소스 추가HTML/CSS 탭에 추가- 위에 - 아래에

12/7부터 생활코딩 사이트에서 웹프로그래밍 기초 강의를 듣기 시작했다. 누구나 배울 수 있는 쉬운 강의지만 누구나 알아야 할 지식이라는 생각이 든다. 하루만에 완주하려고 했으나 이런저런 변명과 핑계로 현재 진도는 약 50%... 원래 시험기간에 제일 잘 되는 법이니깐 최대한 빨리 완강 후 실제로 제작해봐야겠다 현재 후보군은..? -알바 모음 사이트 -화장품 쿠폰 모음 사이트 -내 주변 영화 찾기 외에 나한테 필요한 정보들로 구성해서 제작할 예정이다. 2차자료 수집 외에도 조금 유의미한 결과물이 나왔으면 한다.

*기초 html-html testhttps://code.sololearn.com/28/#html * 단락 This is a paragraph. This is another paragraph. This is a line break - 은 single line을 나눌 때 쓴다 *text formatting This is regular text bold text big text italic text small text strong text subscripted text superscripted text inserted text deleted text *heading-~ - ; 수평선 (horizontal line) *comment *attribute: start tag 뒤에 사용됨. name="value"형식..