블로그에 웹 소스코드를 테스트하고 공유할 수 있는 온라인 코드 플레이그라운드를 비교해보았다. codepen.io See the Pen test by yunbinni (@yunbinni) on CodePen. jsfiddle.net

외부 스크립트 파일 연계시키기 JS 기본 입출력 alert - 알림 창 출력하기 alert("안녕하세요?") confirm - 확인 창 출력하기 var reply = confirm("정말 배경 이미지를 바꾸시겠습니까?"); prompt - 프롬프트 창에서 입력받기 var name = prompt("이름을 입력하세요.", "기본값"); document.write() - 웹 문서에 내용 출력하기 console.log() - 콘솔 창에 내용 출력하기 어서오세요 ※ 크롬에서 콘솔 창 띄우기 단축키 : Ctrl + Shift + J 기본문법 변수 선언 var 변수명; var season = ["봄", "여름", "가을", "겨울"] undefined 유형 : 자료형이 정의되지 않은 데이터 null 유형 : 데이터..

CSS 선택자 기본 선택자 예시 의미 * { } 전체 요소 p { } p 태그 .exclass { } exclass라는 class를 사용하는 태그 #exid { } exid라는 id를 사용하는 태그 (한번만 적용 가능) 고급 선택자 예시 의미 section p { } section 요소의 모든 p 요소 선택 (자식의 자식까지 적용) section > p { } section 요소의 바로 아래 p 요소 선택 h1 + p { } h1 요소의 바로 다음 형제 p요소 선택 h1 ~ p { } h1 요소의 모든 형제 p 요소 선택 a[href] a 요소 중에서 href 속성이 있는 요소 선택 a[target = _blank] a 요소 중에서 target속성값이 _blank인 요소 선택 [class ~= butto..