html

정말 초초초초 간단하게 react, html에서 css로 misspell 혹은 틀린 글자 등 아래에 wavy underline, 즉 밑줄이 보이게 하는 코드입니다! span 전체 코드 : {text.children} 즉, textDecoration: 'underline wavy 원하는컬러코드(ex: #FFFFFF, red, black 등)' 이부분만 추가해주시면 됩니다 ㅎㅎ 완성!!! 끝입니다!!!! 저는 Draft.js를 사용중인데, 모든 editor에 대해 맨 앞글자만 해당 스타일이 적용되도록 구현한 결과입니다. 참고로 저는 저 부분을 클릭할 수 있게 해야해서, hover했을 때 포인터 모양을 바꿔주기 위해 cursor: 'pointer'를 추가해줬어요! 참고 : https://stackoverflo..

HTML에서 input tag의 value attribute가 계속 먹히지 않는 에러?가 발생하여 뭐가 문젠지 찾아보다가 해답을 알아냈습니다. AngularJS가 문제였습니다! 제 코드는 다음과 같았습니다. //value 값이 잘 출력됨 //value 값이 출력되지 않음 이것저것 복잡해보이긴 하지만 어쨌든 inputbox 였고, 초기 값을 지정해줘야하는데 계속 비어있는 채로 화면이 출력되어 골머리를 썩었습니다. 또 위쪽 에선 나오고 아래껀 나오지 않아서 뭐가 문젠가 했는데, https://stackoverflow.com/questions/5772124/input-value-doesnt-display-how-is-that-possible/37814282#37814282 스택오버플로우에서 해답을 얻었습니다ㅎ..

Javascript나 jQeury를 사용해 script에서 radio button, check box의 checked속성을 바꾸는 법을 알아보겠습니다. 바로 코드를 보겠습니다. //jQuery $("#radioBtn").prop('checked', true); //체크 활성화 $("#radioBtn").prop('checked', false);//체크 비활성화 스크립트에서 위 처럼 DOM 객체를 선택한 뒤 .prop() 메소드를 사용해서 check 속성을 바꿔주면 됩니다. 아래는 간단한 예시입니다.

1. 사용자가 입력한 값 없애기(초기화 하기) 클릭하세요 값은 지워지고 초기 화면과 같이 placeholder가 정상적으로 뜨느 것을 확인할 수 있다. 2. 사용자가 입력한 값 바꾸기 클릭하세요 매우 잘 작동하는 것을 확인할 수 있다!

Error : The attempt to bind ~ in the workspace failed as this URI is malformed. URI 관련 오류이다. 작업하던 코드에 다음과 같은 코드가 있었다. location.href = "/support/faq/search/" + escape($scope.searchText); 검색어를 처리하는 부분인데, escape 함수를 쓰지 않고 그냥 변수를 쓰면 물음표와 우물정자가 검색어로 들어오면 에러가 떴었다. 이를 해결하기 위한 코드였는데 얘 때문에 위와 같은 에러가 떴던 것이다. 얘를 다음과 같이 고쳐주면 해결 완료! location.href = "/support/faq/search/" + encodeURIComponent($scope.searchTex..

오늘은 웹 페이지에 아이콘을 삽입하는 가장 쉬운 방법을 알아보겠습니다. Fontawesome에서 제공하는 CDN을 사용하는 방식인데, 바로 알아보도록 하죠. 1. HTML 파일의 8. 완료! 결과입니다. 오늘은 웹 페이지, 즉 html에 아이콘을 넣는 가장 쉽고 편리한 방법에 대해 알아보았습니다. 아이콘 png를 다운받는 것보다 훨씬 쉽고 간편한 방법이니, 한번쯤 사용해보시길 바랍니다.

안녕하세요, 오늘은 자바스크립트의 미리 정의된 전역 함수, predefined function들 중에서도 eval()함수에 대해서 알아보려고 합니다. 퇴근하고싶어요.. 미리 정의된 전역 함수(Predefined functions) Javascript 에서는 사용자의 편의를 위해 다양한 기능의 여러 전역 함수를 미리 정의하여 제공합니다. 이러한 전역 함수는 자바스크립트 내의 어떤 타입의 객체에서도 바로 사용할 수 있습니다. 아마 parseInt(), isNaN() 함수는 많이 들어보셨을 거라고 생각합니다. JS의 미리 정의되어 있는 전역 함수는 다음과 같습니다. eval() uneval() isFinite() inNaN() parseFloat() parseInt() decodeURI() decodeURIC..

오늘은 jQuery 의 each() 메서드에 대해서 알아보려고 합니다. each() 함수의 개념 jQuery의 each() 메서드는 배열, Map, 그리고 객체를 매개변수로 받아, 마치 반복문처럼 그 요소들을 검사하고 반복할수 있도록 하는 함수입니다. 개인적으로 C++등의 범위기반 for문(range-based for loops)과 유사하다고 생각합니다. //C++ 의 범위 기반 for문 (Range-based for loop) int main(){ int arr[] = { 1, 2, 3}; for (int i : arr) { cout