전체 글 106

reset.css 에 대한 설명 및 예제

reset.css 란 어떤 브라우져 등 똑같이 나오게 하는 기법 브라우저 리셋을 먼저해야한다. 브라우저 마다 기본적으로 제공되는 CSS가 존재한다. 크로스브라우징을 위해서는 모든 css를 동일하게 맞춰줄 필요가 있기 때문에 모든 css를 초기화 하는 값이 필요하다. 그 값을 가진 것이 reset.css 라고 한다. https://cssreset.com/ 을 활용해도 되며 그 외에 것을 사용하여도 된다. 아래는 직접 만들어본 reset.css 이다. 상황과 프로젝트에 따라 달라질 수 있는 부분이다. body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, p, fieldset, legend { margin: 0; padding: 0; } body, input, textarea, s..

HMTL & CSS 2020.08.18

Javascript 내장객체

오늘은 자바스크립트 내에 내장된 객체를 알아보겠습니다. 내장 객체 생성의 기본은 new 라는 키워드와 생성 함수를 사용합니다. 참조변수(인스턴스 이름) = new 생성함수(); 이런식으로 되는거죠. 객체라는건 기능과 속성을 가지고 있습니다. 예를 들어서 사물 tv에 비유를 하자면 tv를 온/오프 하는 기능 볼륨을 up/down 하는 기능 모두는 메소드에 해당합니다. 속성은 티비의 가로길이 세로 길이 색상이나 무게등이 속성에 속합니다. 그럼 tv의 색상과 가격을 출력하는 코드를 작성해보록 하겠습니다. var tv = new Object(); tv.color = "blue"; tv.price = "3000000"; tv.info = function(){ document.write("tv 색상 : " + th..

JavaScript 2020.03.27

[Do it] Javascript 반복문 ( 구구단 출력 )

반복문으로 구구단 출력해보는 건 프로그래밍 처음 배울때 해본 것 같은데.. 정말 오랜만에 찍어보는것 같습니다. 일단 문제는 while문을 이용하여 구구단 중 5단을 출력하세요. 라는 문제입니다. 일단 이 문제부터 풀어보겠습니다. while문의 사용방법은 , var 변수 = 초기값; while(조건식){ 코드; 증감식; } 입니다. 문제를 풀어보면 , var i = 1; while(i

JavaScript 2020.03.26

[Do it] Javascript 도전 미션 - 2

02. 질의응답 창을 이용하여 4분기 판매량을 입력하고, 전 분기 평균 판매량보다 판매량이 높거나 같을 경우에는 '판매량이 평균 이상입니다.' 라고 출력하고, 낮을 경우에는 평균 미달입니다. 라고 화면에 출력하세요. (사진이 없지만 1분기 : 1200 / 2분기 : 1300 / 3분기 : 1000 입니다.) === 풀 이 === 일단 1~3분기에 있는 값과 4분기의 값을 넣기 위해서 다른 풀이와는 조금 다르게 저는 배열을 사용하였습니다. var quarter = [1200,1300,1000,null]; quarter이라는 배열 인덱스 기준 3번째에 null 값으로 비워두고 나머지는 1~3분기 액수를 채웠습니다. 그리고 1~3분기 모든 값의 평균 판매량을 알기 위해 평균값을 구해줍니다. var avg = ..

JavaScript 2020.03.25
728x90