Dust

라울… 분갈이 했는데..
분갈이가 문제였는지 우리 집 환경이 문제였는지 잎이 자꾸 노래지고 심지어 목대에 검정색으로 물렀?다ㅜㅜ.. 찾아보니까 저 부분 잘라주고 말려서 적심하라고 해서 다음날 화분이랑 흙이 와서 바로 심어줬다..
내 첫 다육이ㅜ 일주일도 안되서 저렇게 된 게 넘 맘 아픔.. 가습기 옆에 둬서 그런가 작은 가습기ㅕ였는데

환기를 안시켜줘서 그런가..?
암튼 새 화분에 다육이 들여놔줬다
자른 건 슬펐지만 또 쪼그맣게 있어서 귀여움

아 그리고 자를 때 낚싯줄로 묶어서 자르면 좋다고 했음!

옆에 엄마랑 아빠꺼 내껀 집에서 분갈이 해서 왔다!

웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의함

head tag 사이에 입력하는 특수 태그

사이트의 디자인에는 영향을 미치지않으며 문서가 어떤 내용을 담고 있는지, 키워드, 저자 등의 문서 자체의 특성을 담는다

(저자와 설명, 항목명을 추가(name, content, http-equiv))

검색엔진 결과 페이지에서도 사용됨

복수 지정시 콤마, 사용

종류

모바일 접속시 모바일 크기에 맞춤

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<!-- initial-scale=1.0 은 초기 로드 시 줌 레벨 설정 -->
<!-- user-scalabl=yes 는 화면 확대 및 축소 여부 설정 (no설정 시 확대 및 축소 불가능) -->

문서 인코딩 방식 지정

<meta charset="utf-8" />

검색 엔진에 의해 검색되는 단어

<meta name="Keywords" content="키워드1, 키워드2, 키워드3, ..." />

검색 결과에 표시되는 문자를 지정

<meta name="Description" content="키워드1, 키워드2 ~ 를 활용한 페이지 만들기(웹페이지 설명에 대한 정의)" />

검색 로봇 제어

<meta name="Robots" content="noindex, nofollow" />
<!-- noindex(index 하지 않도록 함), nofollow(문서에 링크된 다른 문서를 긁어가는 것을 건너뜀) -->
<meta name="robots" content="index, follow" />
<!-- 문서, 링크 긁어감 -->
<meta name="robots" content="noindex, follow" />
<!-- 문서는 긁어가지 않음, 링크 긁어감 -->
<meta name="robots" content="index, nofollow" />
<!-- 문서는 긁어감, 링크 안 긁어감 -->

페이지 전환(자동으로 새로고침)

<meta http-equiv="refresh" content="10" url="https://www.naver.com" />
<!-- content 에 딜레이 값 입력, url에 띄워줄 주소 입력 -->
<!-- 접속자가 많을 때 임시방편으로 사용가능, 10초 후 해당 url 주소로 이동 -->
<meta http-equiv="refresh" content="30">
<!-- 30초마다 문서 새로고침 -->

브라우저 호환성

<meta http-equiv="X-UA-Compatible" content="IE-edge" />

홈페이지 주제

<meta http-equiv="Subject" content="먼쥐 블로그" />

문서 제목

<meta name="title" content="문서의 제목" />

페이지 작성자 정의

<meta name="author" content="minji07" />

모바일 홈 화면 추가 시 어플 이름을 지정, 웹 애플리케이션이 아닌 때에는 이 속성을 사용할 수 없으며 문서 내에서 한번만 지정 가능함

<meta name="application-name" content="어플이름" />

결과만 보여줄 수도 있고 css, js 화면 탭을 기본으로 보여줄 수 있음

원하는 위치에 붙여넣기

See the Pen Untitled by min-ji07 (@min-ji07) on CodePen.

끗

onclick

onclick 요소를 클릭할 때 이벤트 발생

확인하기

<div onclick="alert('안녕하세요')">클릭</div>
<div onclick="myFunction();" class="click">클릭</div>
<!-- myFunction() 메소드를 불러옴 -->

var click = document.querySelector('.click');
click.onclick = function(){
  // 원하는 내용
  // ex) 글꼴 색상 변경시
  click.style.color = 'red';
}

document.onclick = clickEvent;
function clickEvent(){
  // 원하는 내용
}

alert

메세지를 지정할 수 있는 모달창을 띄움

window.alert('alert를 클릭했습니다.');
alert('alert를 클릭했습니다.');
// 둘 다 같은 내용으로 window 창을 켰을 때 확인할 수 있음

prompt

텍스트 입력 가능한 모달창을 띄움

사용자가 입력한 문자열을 반환, 취소 또는 Esc 클릭시 null을 반환함

window.prompt('prompt를 클릭했나요?', '네');

var name = prompt('당신의 이름은?','');
window.alert('당신의 이름은 ' + name + ' 입니다.');
// 당신의 이름은 ㅇㅇㅇ 입니다.

confirm

확인, 취소 버튼이 있는 모달창을 띄움

사용자가 확인 버튼을 누르면 true, 취소 또는 Esc 클릭시 false를 반환함

window.confirm('취소, 확인을 확인해보세요.');
// ex)
if(window.confirm('카테고리로 이동하시겠습니까?')){
    window.open('https://min-ji07.tistory.com');
}

모달창이 떠있는 경우 스크립트의 실행이 일시 중단되며 창을 닫기 전까진 상호작용이 불가능함

모달창의 위치는 브라우저가 결정하며 모양은 브라우저마다 다름