후니의 끄적거림

- Adobe Fonts 적용방법 https://fonts.adobe.com/my_fonts#web_projects-section 위 링크에 접속한다. 본인 계정으로 로그인한다. 사용하고 싶은 폰트를 '웹프로젝트'에 담는다. head 태그에 아래와 같이 추가.(링크는 개인마다 다르게 제공한다.) 5. 사용하려는 폰트의 css 복사 기능을 이용하여 스타일에 추가한다. 예시 .example{ font-family: proxima-nova, sans-serif; font-weight: 400; font-style: normal; } - 주의사항 1개의 어도비 계정으로 관리하는 것이 좋다. 과도한 폰트 추가는 페이지 로딩 속도에 전반적인 영향을 끼칠 수 있음. 반드시 필요한 폰트만 웹프로젝트에 추..

우선 호이스팅에 대해서 알자. 간단하게 말하면 자바스크립트는 선언되어 있는 모든 변수들을 먼저 다 위로 불러서 선언만 미리한다. 이것을 호이스팅이라고한다. JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화합니다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않습니다. 호이스팅을 설명할 땐 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는" 것으로 말하곤 합니다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있습니다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코..

JavaScript(js) 숫자 가격 표시 천단위 콤마(javascript(js) thousand separator) function numberWithCommas(x) { return x.toString().replace(/\B(?TEST function numberWithCommas(x) { return x.toString().replace(/\B(? ${result}`); return pass; } let failures = 0; failures += !test(0, "0"); failures += !test(100, "100"); failures += !test(1000, "1,000"); failures += !test(10000, "10,000"); failures += !test(100000..

변수 값 중 최대값, 최소값 구하기 let a = 11; let b = 12; let c = 10; console.log(Math.max(a,b,c)); console.log(Math.min(a,b,c)); result 12 10 배열에서 최대값 구하기 let arr = ['11','12','10']; console.log(Math.max.apply(null, arr)); console.log(Math.min.apply(null, arr)); result 12 10

미디어 쿼리(Media Query)CSS2.1 부터 미디어 타입으로 단말기 종류에 따라 각각 다른 스타일을 적용 시키는게 가능했습니다. 하지만 미디어 타입만으로는 해당 기기의 특성을 정확히 판단하기가 어려워 많이 사용되지 않았습니다. CSS3은 위 미디어 타입을 개선하여, 좀 더 구체적인 조건으로 필요한 스타일을 적용할 수 있도록 확장하였는데 이를 미디어 쿼리라고 합니다.자세한 사항은 하기 사이트를 참조 !너무나도 정리가 잘 되어 있네용 http://www.nextree.co.kr/p8622/

deferred , promise function validateUserDetails() { var deferred = $.Deferred(); var bool = false; $.ajax({ url: 'response.php?type=validateUserDetails', type: 'POST', dataType: 'json', data: {name: $("#checkout_name").val(), email: $("#checkout_email").val(), "country": $("#checkout_country").val(), "city": $("#checkout_city").val()}, success: function(data) { console.log(data); // this is curr..

자바스크립트 비동기 처리 / 콜백 함수 https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/#%EC%BD%9C%EB%B0%B1-%ED%95%A8%EC%88%98%EB%A1%9C-%EB%B9%84%EB%8F%99%EA%B8%B0-%EC%B2%98%EB%A6%AC-%EB%B0%A9%EC%8B%9D%EC%9D%98-%EB%AC%B8%EC%A0%9C%EC%A0%90-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 자바스크립트 promise https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

https://developer.mozilla.org/ko/docs/Web/CSS/:nth-child 링크 참조.

${ReplyVO.r_writer}

AJax에서 Method Put으로 데이터 전달 시 @ModelAttribute에서 값이 들어오지 않는다. request.getParameter()를 사용해도 마찬가지였다. 다음의 방법으로 해결할 수 있다. contentType: 'application/json; charset=utf-8', data: JSON.stringify(JSONObject),컨트롤러에서는 @ModelAttribute 대신 @RequestBody를 사용한다. 예시 $("#btn_cheering").on('click',function(){ var cnt= Number($("#cnt_cheering").text()); var send_nic = "${login.nicname}"; var send_num =..

FireFox, Safari 및 Chrome으로 클립 보드에 텍스트 복사 / 붙여 넣기출처:https://code.i-harness.com/ko/q/1f040function copyText(text){ function selectElementText(element) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(element); window.getSelection().removeA..

모바일에서 인풋, 텍스트 에어리어input, textarea 클릭 시 화면 확대, 포커싱 맞춰지는 현상 방지, 막기 위 코드를 head 태그 안에 삽입해주면 된다.

방법 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ex>