🐹's tory

8장 🐠 문서 객체 모델 (DOM) 🐠 : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 DOM 트리 - 구조가 나무🌳처럼 생겼다 태그를 요소 노드로 표현 태그가 품고 있는 텍스트는 자식 노드인 텍스트 노드로 표현 태그의 속성은 요소노드의 자식 노드인 속성 노드로 표현 주석은 주석 노드로 표현 DOM 트리 구조를 보여주는 사이트! http://software.hixie.ch/utilities/js/live-dom-viewer/ Live DOM Viewer Live DOM Viewer ... Script not loaded. This script puts a function w(s) into the global scope of the test page,..

5장 🍮함수🍮 함수 선언 function addNum(a,b){ return a+b; } 함수 선언과 호출 위치에 관계없이 모두 실행된다 익명 함수 var add=function(a,b){ return a+b; } var num1=parseInt(prompt('첫 번째 숫자를 입력하시오')); var num2=parseInt(prompt('두 번째 숫자를 입력하시오')); //parseInt는 문자열로 입력받은 것을 정수로 변환 var result=add(num1, num2); console.log(sum); 함수 자체가 식이기 때문에 익명 함수를 변수에 할당할 수 있다 즉시 실행 함수 var sum=(function(a,b){ return a+b; }(10,20)); /* 이렇게도 가능 var sum=..

4장 🐨 조건문 if(score>60){ alert("통과"); } else{ alert("실패"); } 🐨 조건 연산자 score>60 ? alert("통과") : alert("실패"); 🐨 falsy 값 0 ""(빈 문자열) NaN(숫자가 아님) unfined(값이 할당되지 않음) null(유효하지 않은 값) 🐨 switch문 *case 뒤에 문자열로 처리해야 함 (case문 끝날 때마다 break, 마지막에 default 꼭 써주기) switch(num){ case "1": document.write("1번을 선택하셨습니다"); break; case "2": document.write("2번을 선택하셨습니다"); break; case "3": document.write("3번을 선택하셨습니다"); ..

css는 html 파일에서 head 부분에 style이라는 태그를 추가해서 사용하거나 style 속성을 이용해서 사용할 수 있다 (css에서의 주석은 /* */) * style 태그를 이용하는 방법 * style 속성을 이용하는 방법 선택자의 종류 * 같은 종류의 선택자라면 가장 아래의 코드를 따름 #id: 단 한 번만 사용할 수 있고 우선순위가 가장 높음 .class: 클래스로 지정한 것들에 대해 설정 가능 tag: 우선 순위 가장 낮음 일단 내가 css 개념 공부하면서 두드려 본 코드 (좀 따 다 바꿀거라서 일단 여기다 저장!) 더보기 아 근데 진짜 이해가 안 되는 게 WEB 위의 코드는 색이 제대로 바뀌는데 WEB 이 코드는 h1 색이 안 바뀜,,, 왠지 진짜 모르겠다 아직 ;ㅅ; 왜 WHYㅠㅠㅠㅠ..

당장 이번 주부터 javascript 스터디가 시작되기 때문에 방학 때 설렁설렁하던 html, css 공부를 이번 주 내에 힘들게 해야 한다ㅠㅠ 짤막한 vscode 설치 방법과 간단하게 파일 만드는 방법 설치방법 방학 때 생활코딩으로 웹 프로그래밍을 처음 접하게 되어서 'Atom'이라는 에디터만 사용할 수 있었는데 스터디를 할 때 visual code를 이용할 것 같기도 하고 주변에서도 웹 프로그래밍을 할 때 이 에디터를 자주 사용하길래 설치해보았다 우선 아래의 사이트에서 자신의 개발 환경에 맞는 visual code를 설치한다!! (주의해야 할 점이 딱히 없어서 계속 다음으로 넘기면 설치 완료!!) Visual Studio Code - Code Editing. Redefined Visual Studio..

전에 만들었던 html 파일에 디자인을 더해보았다 웹 프로그래밍 공부 html html 이론 html 실습 css css 이론 css 실습 그럼 결과도 마찬가지이다 (우헤헤 신기해)

맨날 메모장에서 코드를 짰었는데 앞으로는 아톰에서 코드를 짤 것이다 우와 역시 에디터는 다르긴 다르구나 겁나 신기하네 메모장에서만 짜다가 에디터 쓰니까 너무 편하다 ㅎㅁㅎ 오늘 html에서 주석을 어떻게 쓰는지 처음 알았다!! CSS css는 항상 html과 함께 쓰인다 안에 쓰여있는 것이 css의 내용이다 선택자 {서술} CSS JavaScript HTML CSS는 속성과 속성을 ;(세미콜론)으로 구분함 여러 선택자는 ,로 구분 *헤더 밑의 h1만 따로 지정을 해줄 수도, 여러 선택자를 한 번에 지정할 수도, 따로 한 번 더 지정할 수도 있다 html css javascript 더보기 사진 첨부(body내에 작성) float(style내에 작성): 여러 개의 콘텐츠를 나란히 배치 일단 css 이론 수업..