이미지 등등을 캐싱해놔서 저장해놓는데 그 캐싱이 쌓이면 버벅여서 새로고침이 늦게 적용된다.그럴 때는 이 경로로 캐시를 삭제해서 다시 원활하게 진행시키자.

- 한국어로 되어 있는 HTML, CSS, JAVASCRIPT 최고의 정리 CSS로 가운데 정렬하기 – 이미지 가로 세로 가운데 정렬 팁! - 코딩에브리바디CSS로 이미지를 가운데 정렬하는 방법을 알려드립니다! 이 글에서는 가로 가운데 정렬과 세로 가운데 정렬을 모두 다루고 있으며, 초보자도 쉽게 이해할 수 있도록 예시와 팁을 제공합니다.codingeverybody.kr  - 각각의 언어를 알 수 있는 개꿀따라시 사이트 HTML TutorialW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, Ja..

- http server는 단순 서버이며, Tomcat(WAS)는 연산기능이 있는 서버이다.- HyperText는 서로간에 연결이 되어 있고, 사진, 그림등등을 올릴 수 있다. - 클라이언트(크롬, 엣지 등등)에서 url을 요청하면 웹서버에서 전달해준다. WAS Tomcat 웹서버 설치법 1.openjdk download   openlogic-openjdk-17.0.11+9-windows-x64.zip 2.c:\program files\Java   c:\program files 밑에 Java폴더 생성 3.openjdk압축풀기해서 Java폴더 밑에 옮겨놓는다 4.시스템환경설정(찾기메뉴에서 시스템환경변수 검색)에서   1)JAVA_HOME지정     JAVA_HOME=C:\Program Files\Java\..

한 줄 요약 select : 옵션명 textarea : -select 사용 햄버거 피자 파스타 짬뽕 짜장면 -내가 무슨 음식을 선택했는지 알려면?? -name이 lunch인 것들 중에서 value 값이 hamburger인 햄버거를 선택한다 (value 값 지정) 햄버거 피자 파스타 짬뽕 짜장면 -선택지가 필요없는 항목은 value값을 지정해주지 않고 작성한다. 통신사 SKT KT LG 통신사 SKT KT LG 010 011 012 012 012 012 통신사 SKT KT LG 010 011 012 012 012 012 -textarea 텍스트 영역 생성

한 줄 정리 input type="타입의 속성" text : 글자 password : 비밀번호 number : 숫자만 입력 placeholder="띄우고 싶은 글자" : 해당 input란에 글자가 생긴다. maxlength : 글자 수 제한 autofocus : 화면 시작 시 커서 누른 효과 type="button" value="글자" : 버튼 생성 color : 컬러 지정 생성 type:"range" max="수치" min="수치" step="수치" : 사운드바 생성 (step 움직이는 단위) date : 날짜 표기 생성 checkbox : 체크박스 생성 form 태그 : submit 태그 : 데이터를 최종적으로 다른 페이지로 넘겨준다 (데이터베이스) ## input 태그 -사용자로부터 값을 입력받을수..

한 줄 정리 (Ordered List) : 번호가 달리는 순서 목록 작성 (Unordered List) : 번호가 없는 순서 목록 작성 : 목록에 표기할 글자를 넣는 태그 ##목록 표시하기 -목록이란 연관있는 항목(item)들을 나열하는것을 의미한다. -HTML은 '순서있는 목록'과 '순서없는 목록'으로 구분한다. # 순서있는 목록 (Ordered List) 프로그래밍 공부 순서 변수 연산자 조건문 클래스 상속 인터페이스 # 순서없는 목록 (Unordered List) -ol과 ul의 차이는 앞에 붙는 기호 차이이다. -이 기호 또한 변경이 가능하다. 요크쇼테리어 말티즈 시츄 도베르만 골든리트리버 슈나우저 퍼그 # ol과 ul을 동시에 적용해서 활용하기 예제1 이탈리아 쇼핑 리스트 이탈리아 커피 리스트 ..

한 줄 정리 홈페이지 이름 : 링크 연결 코드 target="_blank" : 새로운 탭에서 페이지 열기 target="_self" : 기존 탭에서 페이지 열기 : a 태그 안에 넣으면 이미지 열기 tel: : 전화로 연결하기 mailto: 메일로 연결하기 ## 링크(link) -링크란 현제 문서에서 다른 문서로 이동하는 수단을 의미한다. -링크(anchor) # a 태그 요소는 href 속성을 통해 다른 페이지, 전화번호 , 이메일 주소와 그외 다른 url로 연결할 수 있는 링크를 만든다. # anchor는 인라인 요소이며 컨텐츠는 주로 링크의 목적지를 나타낸다. -태그안의 href를 속성이라고 한다. (속성은 여러 가지를 사용할 수 있다.) -href는 hyperlink Reference의 약자이다...

## 컨테이너 태그 - 한 줄 요약 : 코드 상에서 그룹으로 묶어준다. -컨텐츠나 레이아웃에 아무런 형향을 주지않고 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그를 컨테이너 태그라고 한다. -컨텐츠를 구분하거나 공통적인 스타일을 적용하고자 할때 개발자는 컨테이너를 사용한다. -블럭 레벨(block-level) 요소 : 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다. -인라인 레벨(inline-level) 요소 : 자기에게 필요한 만큼의 공간만 차지한다. - : 블럭 레벨 컨테이너 - : 인라인 레벨 컨테이너 - : 블럭 레벨 컨테이너 사용 HTML을 공부합니다. 오늘은 HTML을 공부하는 첫날입니다. 오늘 저녁은 뭘먹나? 오늘은 열심히 공부했으니 맛집에가서 저녁을 먹읍시다. ..

## 이미지 표시하기 -img 태그는 이미지를 표시할 때 사용하는 태그이다. -단일 태그로써 닫는 태그는 필요하지 않다. -컨테츠를 적어주는 대신 표시할 이미지에 대한 정보를 속성으로 지정해야 한다. 기본 형태 -img 태그의 src 속성은 표시할 이미지의 위치 정보와 파일명을 입력받는 속성이다. (이미지의 url을 입력받는다.) -서버 또는 자신의 컴퓨터에 저장된 이미지 경로를 사용한다. -alt는 Alternative의 약자로 대체 텍스트 역할을 한다. -이미지가 로딩되기 전이나 이미지 딜레이에 의해 로딩에 실패한 경우 이미지 대신에 대체 텍스트가 표시된다. -alt를 사용하면 이미지를 볼수 없는 시각 장애인에게 웹페이지를 서비스해야하는 상황에대한 대비가 가능하다. (음성 인식기가 이미지 대신 이를 ..