문제 설명
2016 년 1 월 1 일은 금요일입니다. 2016 년 a 월 b 일은 무슨 요일일까요?
두 수 a ,b 를 입력받아 2016 년 a 월 b 일이 무슨 요일인지 리턴하는 함수, solution 을 완성하세요.
요일의 이름은 일요일부터 토요일까지 각각 SUN,MON,TUE,WED,THU,FRI,SAT
입니다.
예를 들어 a=5, b=24 라면 5 월 24 일은 화요일이므로 문자열 “TUE” 를 반환하세요.
제한 조건
- 2016 년은 윤년입니다.
- 2016 년 a 월 b 일은 실제로 있는 날입니다. (13 월 26 일이나 2 월 45 일같은 날짜는 주어지지 않습니다)
나의 풀이
new 생성자를 사용하여 Date 객체를 생성합니다.
문제에서 a=month
, b=day
을 나타내므로 a 와 b 를 Date 객체의 인자로서 전달합니다.
Date() 객체에서 월은 0 부터 시작합니다.
예를 들어 Date(2018,0,1)
은 2018년 1월 1일
을 가리키게 됩니다.
따라서 실제 입력 값인 a=4 를 입력해야 5 월에 대한 정보를 추출할 수 있게 됩니다.
요일의 문자열 값이 들어간 days 배열에 getDay()로 가져온 인덱스를 삽입하여 문자열 “TUE” 을 반환합니다.
getDay() 함수는 해당 날짜의 요일 값을 배열 인덱스로 가져옵니다.
function solution(a, b) {
var d = new Date(2016,a-1,b);
var days = ["SUN","MON","TUE","WED","THU","FRI","SAT"];
var answer = days[d.getDay()];
return answer;
}
- jQuery 메서드의 일부는 Setter, Getter 로 구분하여 사용할 수 있다.
- css(), html(), text(), attr()
0. Getter / Setter
0.1 Setter
- 값을 설정하는 메서드
- 두 매개변수를 모두 입력하여 값을 설정한다.
- jQuery 객체를 리턴
0.1.1 (문자열, 문자열) 방식으로 set 하기
0.1.2 객체 방식으로 set 하기
0.1.3 함수로 값 입력하기
0.2 Getter
- 해당 CSS 속성에 설정된 값을 가져오는 메서드
- 매개변수를 하나 생략해서 사용한다
- 문자열을 리턴
- 같은 속성 값을 가진 문서객체가 복수 개 일경우, 가장 첫번째에 위치한 문서 객체의 속성값만 추출
- text() 예외 : 해당되는 모든 문서 객체의 속성 값 추출 </u>
1. CSS ()
1.1 Setter
1.1.1 (문자열, 문자열) 방식으로 set 하기
$("h1").css("color","red);
1.1.2 객체 방식으로 set 하기
$("h1").css({
"color" :"red",
"background-color" : "orange",
"text-align" : "center"
});
1.1.3 함수로 값 입력하기
var array = ["red", "blue", "orange"]
$("h1").css("color", function(index){
return array[index];
})
1.2 Getter
$("h1").css("color")
// rgb(255,0,0)
See the Pen jQuery : CSS() by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.
2. Attr()
- 속성을 지정하는 함수, img 태그 등에서 사용
1.1 Setter
1.1.1 (문자열, 문자열) 방식으로 set 하기
$("img").attr("src","http://placehold.it/300x300");
1.1.2 객체 방식으로 set 하기
$("img").attr({ "src" : "http://placehold.it/300x300" });
1.1.3 함수로 값 입력하기
$("img").attr({
"src" : function(index){
return "http://placehold.it/100x"+ ((index+1)*100)
}
})
1.2 Getter
See the Pen jQuery - attr() by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.
3. html()
- 태그 내에 텍스트 및 html 요소를 입력하는 함수
- 매개변수를 하나만 입력받기 때문에, 객체방식의 setter를 사용할 수 없음.
1.1 Setter
1.1.1 (문자열, 문자열) 방식으로 set 하기
$("h1").html("Hello world");
1.1.2 함수로 값 입력하기
$("h1").html(function(index) {
return "Hello world -" + index
})
1.2 Getter
See the Pen jQuery : html () by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.
4. text()
- 태그 내에 텍스트를 입력하는 함수
- html() 메서드와 다르게 텍스트만 입력함.
- getter로서 사용할 때, 다른 메서드와 다르게 모든 문서객체의 텍스트를 가져온다
See the Pen jQuery : text() by Cathy Go Eun Woo (@cathy-go-eun-woo) on CodePen.
1. jQuery 객체 호출하기
2. jQuery 객체 생성하기
2.1 문서객체 선택하기
2.2 문서객체 생성하기
2.3 문서객체 삽입하기
var header = document.querySelector("h1");
$(header);
3. jQuery 함수 기본
3.1 CSS 함수 : 문서객체를 CSS 속성을 사용하여 스타일링 할 수 있는 함수
- 첫번째 인자 : CSS 속성
- 두번째 인사 : 값
$("h1").css("color","red");
3.2 html 함수 : 문서객체 내부에 글자를 삽입할 수 있는 함수
$("h1").html("안녕하세요") //<h1> 안녕하세요 </h1>
3.3 appendTo () : 인자로 입력받은 문서 객체 하위에 해당 문서객체를 위치시키는 함수
$("<h1></h1>").appendTo("body").html("Hello world");
// <body> <h1> Hello world </h1> </body>