본문 바로가기

FE58

[React] 조건부 렌더링 {open && ( )} 조건 && expression입니다. true일 경우에는 && 이후에 위치한 expression을 반환하고, false일 경우 expression을 반환하지 않고 무시합니다. 2019. 8. 3.
[ React ] props @ 궁금한 이유 계속하면서 어떤 경우에는 {} 를 사용하는 경우도 있고 없는 경우도 있어서 정리 하고 싶은 마음에 @ 공부 import React from 'react'; function App() { const greeting = 'Hello Function Component!'; return ; } function Headline(props) { return {props.value}; } export default App; import React from 'react'; function App() { const greeting = 'Hello Function Component!'; return ; } function Headline({props}) { return {props.value}; } exp.. 2019. 7. 17.
JS - var,let,const var, let, const 차이점은? var는 function-scoped이고, let, const는 block-scoped입니다. function-scoped와 block-scoped가 무슨말이냐? var(function-scoped) jsfiddle 참고주소 // var는 function-scope이기 때문에 for문이 끝난다음에 i를 호출하면 값이 출력이 잘 된다. // 이건 var가 hoisting이 되었기 때문이다. for(var j=0; j 2019. 7. 11.
JS - 메모리 자바스크립트에서의 메모리 할당 이제 자바스크립트에서 첫 번째 단계인 메모리 할당이 어떻게 작동하는지 알아보겠습니다. 자바스크립트는 개발자들을 메모리 할당의 책임에서 해방시켜주었습니다. 자바스크립트는 변수 할당 시점에 메모리 할당을 스스로 수행합니다. var n = 374; // 숫자에 대한 메모리 할당 var s = 'sessionstack'; // 문자에 대한 메모리 할당 var o = { a: 1, b: null }; // 객체 및 그 값에 대한 메모리 할당 var a = [1, null, 'str']; // (객체와 같음) 배열과 그 값에 대한 // 메모리 할당 function f(a) { return a + 3; } // 함수에 대한 할당(함수는 호출할 수 있는 객체임) // 함수 표현식 또한 객.. 2019. 7. 10.