javascript

· ETC/Error
Error : Uncaught Error: App(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. 노마드 코더의 'ReactJS로 영화 웹 서비스 만들기' 강의 들으면서 치는데 혼자 이 에러가 나서 열심히 찾아보다가 찾은 해결책. 문제가 되고 있던 코드 : const App = () => { const data = React.useState(); console.log(data); return ( Total Clicks: 0 Click me ); } ReactDOM.render(, root); 해결 방법은 진짜 매우 간단.... 수..
· Frontend
Javascript로 현재 페이지를 새로고침 하는 법은 다음과 같이 세가지의 방법이 있습니다. //1 location.reload(true); //2 location.href = location.href; //3 history.go(0); 셋 중 아무거나 사용하시면 됩니다.
· ETC/Error
HTML에서 input tag의 value attribute가 계속 먹히지 않는 에러?가 발생하여 뭐가 문젠지 찾아보다가 해답을 알아냈습니다. AngularJS가 문제였습니다! 제 코드는 다음과 같았습니다. //value 값이 잘 출력됨 //value 값이 출력되지 않음 이것저것 복잡해보이긴 하지만 어쨌든 inputbox 였고, 초기 값을 지정해줘야하는데 계속 비어있는 채로 화면이 출력되어 골머리를 썩었습니다. 또 위쪽 에선 나오고 아래껀 나오지 않아서 뭐가 문젠가 했는데, https://stackoverflow.com/questions/5772124/input-value-doesnt-display-how-is-that-possible/37814282#37814282 스택오버플로우에서 해답을 얻었습니다ㅎ..
· Frontend
Javascript나 jQeury를 사용해 script에서 radio button, check box의 checked속성을 바꾸는 법을 알아보겠습니다. 바로 코드를 보겠습니다. //jQuery $("#radioBtn").prop('checked', true); //체크 활성화 $("#radioBtn").prop('checked', false);//체크 비활성화 스크립트에서 위 처럼 DOM 객체를 선택한 뒤 .prop() 메소드를 사용해서 check 속성을 바꿔주면 됩니다. 아래는 간단한 예시입니다.
· Frontend
1. 사용자가 입력한 값 없애기(초기화 하기) 클릭하세요 값은 지워지고 초기 화면과 같이 placeholder가 정상적으로 뜨느 것을 확인할 수 있다. 2. 사용자가 입력한 값 바꾸기 클릭하세요 매우 잘 작동하는 것을 확인할 수 있다!
· Frontend
회사 코드에서 다음과 같이 선언된 함수들이 많아 궁금증이 생겨 포스팅을 하게 되었습니다. var variable = function(){ //function }; 구체적인 예시를 들어보겠습니다. functionOne() 과 functionTwo 에는 어떤 차이가 있을까요? var functionOne = function(){ console.log("Hello World!"); }; function functionTwo(){ console.log("Hello World!"); } 답은 다음과 같습니다. functionOne은 "function expression"이고 functionTwo는 "function declaration"이기 때문에 functionOne은 해당 줄이 실행되어야만 함수가 정의되고, ..
· ETC/Error
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..
· Frontend
안녕하세요, 오늘은 자바스크립트의 미리 정의된 전역 함수, predefined function들 중에서도 eval()함수에 대해서 알아보려고 합니다. 퇴근하고싶어요.. 미리 정의된 전역 함수(Predefined functions) Javascript 에서는 사용자의 편의를 위해 다양한 기능의 여러 전역 함수를 미리 정의하여 제공합니다. 이러한 전역 함수는 자바스크립트 내의 어떤 타입의 객체에서도 바로 사용할 수 있습니다. 아마 parseInt(), isNaN() 함수는 많이 들어보셨을 거라고 생각합니다. JS의 미리 정의되어 있는 전역 함수는 다음과 같습니다. eval() uneval() isFinite() inNaN() parseFloat() parseInt() decodeURI() decodeURIC..
rocher71
'javascript' 태그의 글 목록