웹 개발을 하면서 디자인 적으로 수정할 일이 생깁니다. 정렬을 하거나 글자색을 바꾸거나 할 수 있죠. 이걸 자주 하게 되면 어느 순간 적용이 안된다고 느껴질 때가 있습니다. 문법적인 실수를 하지 않았나 다 체크해보지만 멀쩡해요. 되야만 할 때 안된다면 우리의 잘못이 아닐 수 있습니다. 문제 발생 이유 우리가 사용하는 브라우저는 캐시라는 기능을 지원합니다. 페이지에 다양한 리소스가 있다면 이를 따로 저장해둡니다. 갈 때 마다 로딩을 하면 느리다고 느끼고 우리는 불편함을 느끼죠. 더 빠른 웹을 위해 캐시를 사용하게 됩니다. 여기서 문제가 발생합니다. 나는 현재 css나 js를 수정했는데 브라우저는 예전에 받아둔 파일이 있다면서 새걸로 적용을 안해줍니다. 해결 방법 파일명 변경 가장 간단하게는 파일명 자체를 ..
web/html&css
HTML로 페이지의 구조를 다듬었다면 CSS로 꾸밀 수 있습니다. 꾸미기 위한 다양한 옵션들이 존재합니다. 폰트를 바꿀 수 있고, 글자 크기, 배경 색, 기울기 등 창의력만 있다면 여러 가지 구현 가능합니다. 1.CSS 문법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 body { background-color: gray; } Hello cs CSS는 위의 예시처럼 작성이 가능합니다. 태그로 묶인 그 범위가 CSS입니다. 위의 예시에서 body는 적용할 범위를 나타내는 선택자입니다. 특정 태그 전체에 적용할 때는 특별한 기호 없이 사용 가능합니다. background-color은 속성이고 콜론 뒤에 따라오는 값은 속성 값이라고 칭합니다. 속성은 매우 다양하기에 여기에 전부 담기는 힘듭..
HTML(HyperText Markup Language) 마크업 언어는 대부분 태그를 이용해 구조를 표현합니다. HTML 또한 태그를 활용하는 언어입니다. 수많은 태그 중에서 사람들이 자주 사용하는 태그들만 정리해보겠습니다. , , html의 구조를 이루는 태그들입니다. 로 열고 로 닫는 방식으로 사용합니다. 주로 태그 영역 안에 사용합니다. 해당 문서의 이름을 표시합니다. TEST 을 할 경우 다음처럼 브라우저 탭에 이름이 표시됩니다. meta 태그는 의 형식으로 스스로 닫습니다. 를 자주 사용하는데 해당 문서를 어떤 방식으로 인코딩할지 알려줍니다. 그 외에는 meta라는 이름처럼 metadata를 표시하는데 이용합니다. div는 특별한 기능은 없지만 제일 중요하다고 생각합니다. 제가 원하는 부분만큼 ..
HTML은 웹 페이지를 만들기 위한 가장 기본적인 뼈대를 다듬는 언어입니다 실습하기에 앞서서 준비물이 필요합니다. 웹 브라우저 에디터 사실상 브라우저는 다들 있으실 겁니다. 우리가 무엇인가를 작성하고 그것을 볼 수 있는 화면이 1번에 해당합니다. 그다음으로는 에디터인데 선택이 다양해요. 따로 설치하기 싫으신 분들은 메모장을 이용해서 작업하셔도 괜찮습니다. 에디터 리스트 Notepad++ https://notepad-plus-plus.org/ Notepad++ What is Notepad++ Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supp..
