js

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); 해결 방법은 진짜 매우 간단.... 수..

Javascript로 현재 페이지를 새로고침 하는 법은 다음과 같이 세가지의 방법이 있습니다. //1 location.reload(true); //2 location.href = location.href; //3 history.go(0); 셋 중 아무거나 사용하시면 됩니다.

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. 사용자가 입력한 값 바꾸기 클릭하세요 매우 잘 작동하는 것을 확인할 수 있다!

회사 코드에서 다음과 같이 선언된 함수들이 많아 궁금증이 생겨 포스팅을 하게 되었습니다. 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은 해당 줄이 실행되어야만 함수가 정의되고, ..

오늘은 자바스크립트 함수의 매개변수에 대해서 알아볼 것입니다. 매개변수(parameter) 매개변수(parameter)란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미한다. 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 값을 말한다. 자바스크립트에서는 함수를 정의할 때 매개변수의 타입을 따로 명시하지 않는다. 함수를 호출할 때에도 인수(argument)로 전달된 값에 대해 어떠한 타입 검사도 하지 않는다. 함수를 호출 할 때 함수의 정의보다 적은 수의 인수가 전달되더라도, 다른 언어와는 달리 오류를 발생시키지 않는다. 이 경우 자바스크립트에서는 전달되지 않은 나머지 매개변수에 자동으로 undefined 값이 설정된다. 다음의 예제를 보며 개념을 이해해..

안녕하세요. 이번 글에서는 자바스크립트 함수의 범위(scope)와 호이스팅에 관해 알아볼 것입니다. 함수의 유효 범위 대부분의 프로그래밍 언어에서는 블록 내에서 정의된 변수를 블록 외부에서는 접근할 수 없다. 여기서 블록(block)이란, 코드 내에서 중괄호({})로 둘러싸인 부분을 가리킨다. 이러한 블록을 기준으로 하는 유효 범위를 블록 단위의 유효 범위라고 한다. 함수의 유효 범위(function scope) 하지만 자바스크립트는 다른 언어와는 달리 함수를 블록 대신 사용한다. 자바스크립트에서 함수는 자신이 정의된 범위 안에서 정의된 모든 변수 및 함수에 접근할 수 있다. 아마 따로 메인함수가 없어서 그런 것이 아닐까..? '전역 함수'는 모든 전역 변수와 전역 함수에 접근할 수 있다. 반면 특정 함..