🏫 TECH/🖼️ Front
-
Cannot read property가 발생하는 이유?HTML을 로딩하기 전에, js가 실행되었기 때문입니다.HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데js는 그 요소들을 찾으려고 해서 발생하는 오류입니다. 따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인onload를 사용해서 문제를 해결해봅시다. window.onload = function () { alert("로딩 완료"); }reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.htmlreference : https://okky.kr/article/288222
[javascript] Cannot read property 문제를 해결하는 방법Cannot read property가 발생하는 이유?HTML을 로딩하기 전에, js가 실행되었기 때문입니다.HTML가 아직 로딩되지 않아서, id나 name이나 이런 요소들이 없는 상태인데js는 그 요소들을 찾으려고 해서 발생하는 오류입니다. 따라서, 웹페이지의 로딩이 끝나는 시점에 실행되는 함수인onload를 사용해서 문제를 해결해봅시다. window.onload = function () { alert("로딩 완료"); }reference : http://jinolog.com/programming/javascript/2011/03/21/jquery-ready-function.htmlreference : https://okky.kr/article/288222
2018.11.21 -
안녕하세요. 플랫폼공작소입니다.image를 어둡게 만드는 방법은 아래와 같습니다. 소스코드123img { filter: brightness(50%); }cs 작업 결과 감사합니다#image #background #어둡게
[css] image 어둡게 만드는 방법안녕하세요. 플랫폼공작소입니다.image를 어둡게 만드는 방법은 아래와 같습니다. 소스코드123img { filter: brightness(50%); }cs 작업 결과 감사합니다#image #background #어둡게
2018.10.24 -
안녕하세요. 플랫폼공작소입니다.앞에서 x번째 문자열을 바꾸는 함수를 만들어보았습니다.직관적인 함수는 아니라서, 사용예시를 들어보겠습니다. ex) 반갑습니다라는 문자열의 1번째 "반"을 "A"로 바꾸고 싶다면?setCharAt("반갑습니다", 1, "A"); 라는 함수를 호출하면 "A갑습니다" 이렇게 바뀌게 됩니다. ^ ^ 필요에 의해서 커스텀하게 만들었는데, 함수 이름을 어떻게 소개해야될지 모르겠네요.x번째에 문자열을 추가하는 함수? 문장 또는 숫자, 앞에서 x번재 문자열을 추가하는 함수? 12345//앞에서 x번재 문자열을 바꾸는 함수function setCharAt(str, index, chr) { if(index > str.length-1) return str; return str.substr(0,..
[jQuery] 문장 또는 숫자, 앞에서 x번재 문자열을 바꾸는 함수안녕하세요. 플랫폼공작소입니다.앞에서 x번째 문자열을 바꾸는 함수를 만들어보았습니다.직관적인 함수는 아니라서, 사용예시를 들어보겠습니다. ex) 반갑습니다라는 문자열의 1번째 "반"을 "A"로 바꾸고 싶다면?setCharAt("반갑습니다", 1, "A"); 라는 함수를 호출하면 "A갑습니다" 이렇게 바뀌게 됩니다. ^ ^ 필요에 의해서 커스텀하게 만들었는데, 함수 이름을 어떻게 소개해야될지 모르겠네요.x번째에 문자열을 추가하는 함수? 문장 또는 숫자, 앞에서 x번재 문자열을 추가하는 함수? 12345//앞에서 x번재 문자열을 바꾸는 함수function setCharAt(str, index, chr) { if(index > str.length-1) return str; return str.substr(0,..
2018.10.13 -
안녕하세요. 플랫폼공작소입니다.숫자에 콤마를 찍는 함수는 아래와 같습니다. 12345//숫자에 콤마를 찍는 함수function numberWithCommas(num) { return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");} Colored by Color Scriptercs 감사합니다.#jQuery #숫자 #콤마 #함수
[jQuery] 숫자에 콤마를 찍는 함수안녕하세요. 플랫폼공작소입니다.숫자에 콤마를 찍는 함수는 아래와 같습니다. 12345//숫자에 콤마를 찍는 함수function numberWithCommas(num) { return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");} Colored by Color Scriptercs 감사합니다.#jQuery #숫자 #콤마 #함수
2018.10.13 -
ex)123456html scriptvar title = "HI THERE!"$("#article").text(title);cs good luck!reference : https://stackoverflow.com/questions/4973039/how-to-set-the-text-of-a-pre-tag-using-jquery#pre #tag #text #query
[jQuery] how to set the text of a pre tagex)123456html scriptvar title = "HI THERE!"$("#article").text(title);cs good luck!reference : https://stackoverflow.com/questions/4973039/how-to-set-the-text-of-a-pre-tag-using-jquery#pre #tag #text #query
2018.10.13 -
안녕하세요. 말랑고양입니다.오늘은 pre태그 안에서 줄바꿈 처리 CSS를 공유하려합니다.pre태그를 사용하였을 때, 스크롤이 발생하거나 글씨가 화면을 넘어가는 현상이 간혹 발생됩니다. 123456pre{ background-color: #E6E6FA; padding:10px; overflow: auto; white-space: pre-wrap;} cs 위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고자동적으로 개행처리 됨을 확인할 수 있습니다. 추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기 이사가 필요할 땐, 이사작전!리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.
[CSS] pre태그 줄바꿈 처리(스크롤 제거, 개행처리)안녕하세요. 말랑고양입니다.오늘은 pre태그 안에서 줄바꿈 처리 CSS를 공유하려합니다.pre태그를 사용하였을 때, 스크롤이 발생하거나 글씨가 화면을 넘어가는 현상이 간혹 발생됩니다. 123456pre{ background-color: #E6E6FA; padding:10px; overflow: auto; white-space: pre-wrap;} cs 위의 CSS 코드를 반영하였을 경우, 아래의 사진처럼 글씨가 화면을 넘어가지 않고자동적으로 개행처리 됨을 확인할 수 있습니다. 추가로 궁금한 점이 있다면 언제든 댓글 남겨주세요.#pre #pre태그 #개행처리 #줄바꿈 #띄어쓰기 이사가 필요할 땐, 이사작전!리뷰를 남겨주시는 것은 큰 도움이 됩니다. 감사합니다.
2018.09.07