복수의 if 조건문은 switch 문으로 바꿀 수 있다. switch(x) { case 'value1': // if (x === 'value1') ... [break] case 'value2': // if (x === 'value2') ... [break] default: ... [break] } 값과 일치하는 case문이 없으면 default문이 실행된다. break가 없으면 이어지는 case문을 실행한다. let arg = prompt("값을 입력해주세요."); switch (arg) { case '0': case '1': alert( '0이나 1을 입력하셨습니다.' ); break; case '2': alert( '2를 입력하셨습니다.' ); break; case 3: alert( '이 코드는 절대..

SI 솔루션 구축 서비스 공공기관 등 타 회사에서 수주를 받아 단기간에 작업하고 끝. 후속처리는 거의 없음 시간적 압박 有 SM 구축+운영 구축서비스와 더불어 약 1년정도 운영 서비스 제공. 다른 회사가 오거나 운영팀이 생기면 인계해줌 사이트 운영/관리 일반적으로 '인하우스'라고 부름 구축부터 운영, 관리 등 다양한 작업을 수행

정의 = : 대입 연산자 왼쪽의 값을 오른쪽에 대입한다. == : 비교 연산자 두개의 operand를 같은 타입으로 변환 후 비교한다. to compare the identity of two operands even though, they are not of a similar type. === : 비교 연산자(stricter) 타입(형식)이 다른 경우 false를 반환한다. ex) 2 === "2" return false checks that two values are the same or not. 예시 = JavaScript Operators a = 2, b = 5, calculate c = a + b, and display c: Output: a = 2, b = 5, calculate c = a + ..

웹 표준과 웹 접근성을 위해 form element와 label을 연동할 것 // 명시적 - 권장 이름 // 암시적 이름 출처: https://mygumi.tistory.com/359 [마이구미의 HelloWorld] 대부분 명시적 방식 권장, 오래된 기기는 암시적 방식을 지원하지 않을 수 있음. input[type="text"] height, line-height 속성 사용 자제 for 크로스브라우징 ( ie8에서 글자 세로정렬에 문제가 있어 제대로 구현되지 않음 ) ➡ padding 속성을 사용 input[type="text"], input[type="password"] { height: auto; /* 높이 초기화 */ line-height: normal; /* line-height 초기화 */ p..

v-on v-on:이벤트 타입 = @이벤트타입 +1 +1 methods: 함수를 사용했을 때 인사 methods 내에서 function 생략 가능 v-on: 내에서 매개변수 생략 가능(매개변수가 없는 경우) 마우스이벤트 click, mouseover, dblclick title click over dblClick 이벤트 수정자 v-on:이벤트.수정자 {{a}} 응용 filter filter {{f}}

event 웹에서 발생할 수 있는 특정한 사건 $("선택자").{eventtype}(function(){ 이벤트 문장; }) mouse event click() : mousedown+mouseup $("p:eq(0)").click(function(){ $(this).addClass("on"); }) hover() : mouseover+mouseout $("선택자").hover(function(){ mouseover에서 실행될 이벤트 문장 },function(){ mouseout에서 실행될 이벤트 문장 }); contextmenu() : mouse right click $("div").contextmenu(function() { $(this).toggleClass("bg"); }) 마우스 우클릭 금지 마우..