천천히 차근차근

boolean1.js var bool = false; var result = () => { var a = bool ? '사실이다.' : '거짓이다.'; console.log(a); console.log('결과가 참, 거짓에 따라서 내가 원하는 값을 담을 수 있다.'); } module.exports = { result } boolean2.js var func = require('./boolean1'); func.result();

case1.js var text = 'Hello World Guys'; var printBefore = () => { console.log('Before :' + text); } var printAfter = () => { console.log('After :' + text.toLowerCase()); } var printUpper = () => { console.log('upper : ' + text.toUpperCase()); } module.exports = { printBefore, printAfter, printUpper } case2.js var func = require('./case1.js'); func.printBef..

a.js var printHelloWorld = () => { console.log('Hello World'); console.log('Hello World!!!!'); }; module.exports = { printHelloWorld }; var test = 'doingsdf'; var printResult = () => { switch (test) { case 'start': console.log('start'); break case 'end': console.log('end'); break case 'doing': console.log('doing'); break def..

URL 형식에서 1개의 파라미터를 받아올 때 사용법 URL 1번 http://localhost:8085/admin/article/event-modify?id=1 URL 2번 http://aaaa.tistory.com?param=hi var param = $(location).attr('search').slice($(location).attr('search').indexOf('=') + 1); URL 1번 결과값 : 1 URL 2번 결과값 : hi

※ nth-child(n) / nth-of-type(n) 사용법 - nth-child(n)는 부모의 모든 자식중에서 n번째 자식을 찾는다. - nth-of-type(n)은 부모의 자식 중 해당하는 특정 타입의 n번째 자식을 찾는다. 버튼1 버튼2 버튼3 button { font-size:3rem; display:block; margin-bottom:50px; transition: font-size 1s; } body { transition:background-color 1s;1 } $('button:nth-of-type(1)').click(function(){ $('button').css('font-size', '3rem'); $('button:nth-of-type(1)').css('font-size',..

console.clear(); var person = {}; // person.name = '홍길동'; person['name'] = '홍길동'; //person.age = 30; person['age'] = 30; person['character'] = '정의로움'; console.log(person.name); console.log(person['age']); console.log(person); 객체의 변수를 선언하는 방법은 일단은 2가지... 가 있다. 2가지 모두 선언하는 방법은 다르나 결과값은 같다. 같은 의미이다. console.clear(); var person = { 'name' : '홍길동', 'age' : 33 }; person.character = '정의로움'; console.log..

var msg = '안녕하세요'; function hello(mode, num) { if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } for ( var i = 1; i

console.clear(); function hello(mode) { var msg = '안녕하세요.'; if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } console.log(msg); } hello('한국어'); hello('일본어'); hello('영어'); var hello22 = function(mode) { var msg = '안녕하세요.'; if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } console.log(msg); } hello22('한국어'); hello22('일본어'); hello22('영어');

console.clear(); //전역변수 var mode = 0; var hello = function() { // 지역변수 var temp = 0; mode++; if ( mode == 1 ) { console.log('안녕하세요.'); } else if ( mode == 2 ) { console.log('반갑습니다.'); } else { console.log('헬로'); } } hello(); hello(); hello(); hello();

html css body, a { margin: 0; padding: 0; text-decoration: none; } .dan { font-size:3rem; font-weight:bold; color:red; } .limit { font-size:1.8rem; font-weight:bold; } javascript console.clear(); // 예제 3-1개 //var $test = $('.test'); //$test.append('안녕하세요'); var dan = function(dan) { var $dan = $('.dan'); $dan.append('구구단 ' + dan + '단'); } var limit = function(limit) { var num = 8; dan(num); var ..

// 문제 : 함수 3개를 정의하고 실행해주세요. console.clear(); // 함수 3-1개 var num = function(a) { console.log('구구단 ' + a + '단'); for ( var i = 1; i

console.clear(); var a = 1 > 1; var typeOfA = typeof(a); console.log(typeOfA); var b = 1 == 1; var typeOfB = typeof(b); console.log(typeOfB); var c = 1 + 1; var typeOfC = typeof(c); console.log(typeOfC); var d = "1 + 1"; var typeOfD = typeof(d); console.log(typeOfD); ※ typeof 함수 사용 기본법

var say = function() { console.log('== 함수 시작 =='); console.log('안녕하세요.'); console.log('반갑습니다.'); console.log('== 함수 끝 =='); } say(); say(); ※ 기초 함수 사용법

※ [ html, javascript ] 모바일에서 사이트가 PC에서의 픽셀크기 기준으로 작동하게 하기(반응형 하려면 필요) - head.jspf에 meta 코드만 저렇게 입력을 해주어도 모바일 모드에서 자동으로 zoom이 되지 않는다. - 원하는 경우 zoom은 가능(당겨볼 수 있음) ※ 기존 작업 내용 // 아이폰 용 끄기 // 1) Pinch Zoom 끄기 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, false); // 아이폰 용 끄기 // Double tab Zoom 끄기 var lastTouchEnd..

※ [ javascript ] javascript 사파리 브라우저의 경우 history.back()을 했을 때 브라우저가 리프레시 되지 않는다. 아이폰의 경우 아래와 같은 코드를 입력해주어야 한다.

[ javascript , jQuery] 자바스크립트, 제이쿼리, setTimeout 지연 함수 사용법 예시 setTimeout(function(){ jQuery('#img').addClass('remove'); }, 2000); setTimeout(function(){ jQuery('#body').addClass('add'); }, 2000); setTimeout(function(){ location.href='../home/main'; }, 2000); 이렇게 사용해보니 다 작동은 되었다....

자바스트립트에서 replace 메서드를 사용하면 첫 번째 문자만 치환이 되고 작동이 멈춘다. String 클래스에 replaceAll 메서드를 추가하여 쉽게 문자를 치환 할 수 있다. 설명 : str = str.split("o"); 출력 : ["Hell", " W", "rld"] //해당 문자로 배열이 만들어진다. str = str.join("*"); 출력 : Hell* W*rld //배열을 해당 문자로 합친다. 설명 : replace(/o/g,"*") : o를 *로 전체 치환한다. replace(/o/gi,"*") : o를 *로 대/소문자 구분 없이 전체 치환한다. g : 발생할 모든 pattern에 대한 전역 검색 i : 대/소문자 구분 안함 정규식에서 사용하는 특수문자( . ^ ( ) )를 치환할 ..