Algorithm - 2016년

문제 설명

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;
}

unable to auto-detect email address

에러 메시지
fatal: unable to auto-detect email address
해결방법
  • 커맨트 창에 다음을 입력하고 npm 명령을 실행한다.
git config --global user.email "you@example.com"
git config --global user.name "Your Name"

jQuery - 문서 객체 조작하기

  • 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

$("img").attr("src");

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

    $("h1").html();
    

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.

jQuery - 기본

1. jQuery 객체 호출하기


  • $()
  • jquery()

2. jQuery 객체 생성하기


2.1 문서객체 선택하기

  • CSS 선택자 사용하기
$("h1");

2.2 문서객체 생성하기

  • 태그형태의 문자열 사용하기
$("<h1></h1>");

2.3 문서객체 삽입하기

  • querySelector() 사용하기
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>