본문 바로가기

HTML71

34일차// javaScript// 계산기 만들기 getElementById( ) ㆍ 함수 뜻 그대로 생각해본다면 get(가져오다) Element(요소) ById(Id로부터) 이 정도로 해석할 수 있을거 같습니다. -text 타입일경우 .value로 가져온다 ㆍ 조금 더 자세히 접근해보자면 태그안의 ID값을 이용해서 오브젝트에 접근할 수 있습니다. : 열린태그, 닫힌태그 변수의 연산 a,b 에 대해서 변수 a와 b의 계산 결과를 표시합니다. 덧셈 뺄셈 곱셈 나눗셈 나머지 = 2021. 3. 2.
34일차// javaScript// typeof 'typeof' typeof 는 연산자이다. 물론 typeof()의 형태로 쓸 수 있기 때문에 함수라고도 볼 수 있다. 1. typeof 변수 or 값 2. typeof(변수 or 값) 네 위와 같이 쓸 수 있습니다. 그렇다면, 도대체 typeof 연산자는 무엇을 하는 연산자일까요? 'typeof'의 연산자는 피 연산자, 즉, typeof 다음에 위치하게 되는 변수나 값이 어떤 타입(Type)을 가지는지 식별하여 보여준다. 이와 유사한 것으로 instanceof가 있는데 이에 대한 것은 다음으로 미루도록 하구요. 'typeof'가 반환하는 값은 다음과 같습니다. 1. string 2. number 3. boolean 4. object : 'null' 값을 포함한 객체 5. function : 함수 타입의.. 2021. 3. 2.
34일차// javaScript// function p태그입니다 여기가 p태그입니다 p 태그입니다를 클릭하면 웹 메세지 출력 후 p태그입니다 -> hello 로 변경된다 html p태그입니다 여기가 p태그입니다 myScript.js function func() { alert('external func 호출'); document.getElementById('myp').innerHTML = 'hello'; } 클릭 2021. 3. 2.
34일차// javaScript// document.getElementById(' ').innerHTML 혼돈이 왔다. Java, JavaScript, JSP 가 매우 헷갈려서 정리해본다. JSP는 서버에서 자원들(코드)을 사용하는 것이고 JavaScript는 클라이언트에서 자원들(코드)을 사용한다. 기존의 Java언어를 사용하는 것에는 동일하지만 JSP는 웹 서버에서 실행되는 .JSP파일이라면 , JavaScipt는 console.log 객체 기존에 자바스크립트 코드를 디버깅하는 가장 단순한 방법은 바로 alert()을 사용하여 필요한 정보를 찍어보는 것이었다. alert()을 사용하는 방법은 훌륭하진 않지만, 간단히 사용할 수 있는 꽤 쓸만한 디버깅 방법이다. 다만, 일일이 확인 버튼을 클릭해 주는 일은 불편했던 것이 사실이다. 가끔 for루틴 안에 alert()을 넣고 돌리는 황당한 경험을 한두번씩 했.. 2021. 3. 2.
html + css login page 2021. 3. 2.
33일차//[css] 📕과제 1 // 화면분활, padding , margin 과제 1 영역 설정 margin : 0 auto; - 중앙으로 설정 과제 2 영역 설정, padding , margin : 0 auto 사용 border 영역 main 영역 box1 box2 footer 영역 2021. 2. 26.
32일차//[css] HTML A tag //링크의 글자색(font color on text link)을 지정하는 방법 HTML A tag : 링크의 글자색(font color on text link)을 지정하는 방법 google page 1. 링크를 걸어준다. 2. 생성된 링크에 줄이 보이지 않도록 한다( text-decoration : ) text-decoration 선으로 텍스트를 꾸밀 수 있게 해주는 속성. 기본값 : none 상속 : No 애니메이션 : No 버전 : CSS Level 1 문법 text-decoration: none | line-through | overline | underline | initial | inherit none : 선을 만들지 않습니다. line-through : 글자 중간에 선을 만듭니다. overline : 글자 위에 선을 만듭니다. underline : 글자 아래에 선을 만듭.. 2021. 2. 25.
32일차//[css] body { background } 속성 속성값 background 속성값은 아래에서 파란색으로 표시된 부분을 참조해서 적습니다. background-color, 배경 색깔 지정 : 16진수(#ff0000), 색 이름(red), rgb 값 rgb(255,0,0) 중에서 선택 예) body{background: green;} background-image 배경 이미지 주소 지정 : url('rabbit.png'); 예) body{background: url('brabbit.png');} background-repeat 배경 이미지 패턴 지정 : repeat 기본값, repeat-x 가로 반복, repeat-y 세로 반복 no-repeat 반복되지 않음 예) body{background: repeat-x;} background-attachment .. 2021. 2. 25.
city 예제 <div>를 사용하여 영역나누기 External 방식 외부파일에서 가져와 준다. html City Gallery London Paris Seoul London 런던(London)은 영국의 수도이며 근대 민주주의의 발상지이다. 북해에 이르는 템즈강을 끼고 발달한 런던은 예술, 상업, 교육, 오락, 패션, 의료, 미디어, 전문 서비스 분야의 세계적인 중심지 가운데 한 곳이다. 특히 금융산업은 독보적이다. 다양한 인종과 문화가 공존하고 런던탑, 웨스트민스터 사원, 그리니치 등이 있다. 버킹엄 궁전, 세인트 폴 대성당, 대영박물관이 관광객을 끌어들이고 있다. Paris 프랑스의 수도이자 가장 인구가 많은 도시로 프랑스 북부 일드프랑스 지방의 중앙에 있다. 센강 중류에 있으며, 행정 구역은 1~20구로 나뉘어 있다. 센강을 기준으로 우안과 좌안으로 나뉜다. 17세기.. 2021. 2. 25.