Front-end 개발 상식 4

자바 스크립트 조건문인 switch문 이해하기

조건문의 종류에는 switch와 if문이 있다. switch문 조건문 이해하기!!! switch (대상) { case 조건값1; 동작 break; //생략가능 case 조건값2; 동작 break; //생략가능 default; 동작 } switch라는 키워드 뒤에 소괄호를 열어 비교할 대상을 작성하고, 중괄호로 블록문을 만든다. 블록문 안에 한 번 들여 써서 case 키워드를 작성하고 조건값을 입력한 뒤 **콜론(:)**으로 case문의 끝 지점을 구분해준다. 참고로 이렇게 쓰는 문장을 라벨문, 레이블문, lable statement라고 부른다. case문 안에서, 해당 조건값과 일치했을 때 동작해야 될 코드를 작성하면 된다. 참고로 이렇게 쓰는 문장을 라벨문, 레이블문, lable statement라고 ..

자바스크립트 .target 이벤트가 발생한 대상(요소) 얻기

event.target은 이벤트가 발생한 요소를 반환해준다. $("a").click(function(event){ console.log(event.target); }); 이라는 코드는 a요쇼를 클릭했을 때 이벤트가 발생하고, 이벤트가 발생할 때 마다 이벤트의 대상인 a요소를 콘솔창에 출력한다. 이런 event.target을 이용하면 현재 이벤트가 발생한 요소의 속성들을 얻을 수 있다. 만약 이벤트가 발생한 대상의 id를 큰솔창에 출력하려면 다음과 같이 코드를 작성 $("a").click(function(event){ console.log(event.target.id); }); event.target말고도 this라는 객체를 이용해 현재 이벤트가 발생한 대상을 가리킨다. 이 때 주의할 점은 event.ta..

비전공자를 위한 Javascript_#1편

안녕하세요! 매일 매일 도약하는 개발자 dany입니다~:-0 오늘은 Javascript에서 1. 변수 2. 자료형 3. alert, prompt, confirm 이 4가지를 배워보도록 할게요~! #0편에서 알려드린 코드펜 사용법 잊지 않으셨죠? 비전공자를 위한 Javascript_#0편 (tistory.com) 비전공자를 위한 Javascript_#0편 danykde0til.tistory.com 4가지를 알고들어가기 전에 //은 주석입니다. //처리된 코드는 실행할 때 무시됩니다. 주석을 쓰는 이유는 개발할 떄 참고해야하는 점이나 기억해야 될 내용이 있을 때 주석을 달아놓으면 다른 사람이 코드를 이해하는데 도움이 되기 때문에 사용하는 것이랍니다! 1. 변수 Javascript에서 변수는 어떤 것을 의미할..