자바스크립트 코드를 참고하다 보면 !! 즉, 느낌표가 두 개 연속으로 이어붙은 경우를 볼 수 있을 것이다. 우리는 느낌표 한 개의 기능을 알고 있을 것이다. 느낌표 한 개는 boolean값을 반대로 바꾸어주는 역할을 한다. 그렇다면 !! 는 무엇일까? !!는 값이 있는지 없는지를 boolean 값으로 반환해준다. a라는 변수가 있다고 해보자. 값은 대충 할당되었다. 그렇다면!a 는 값이 있음: !true > false 가 된다. 이때 느낌표 하나가 더 추가되어 ! false > true 가 되는 것이다. 느낌표 두 개를 사용하지 않고 a 값 자체를 사용하면 boolean값으로 사용되는 게 아니기 때문에값이 있는지 없는지를 체크하고 싶으면 !!를 사용해보도록 하자
JAVASCRIPT
코드를 작성하다가 내가 생각한 값이랑 실제 값이랑 다른 경우를 봤을 것이다. 이는 흔히 발생하는 문제이고 원인을 제대로 파악하지 못하면 더 나은 개발자로 성장할 수 없다. 해결한 코드 const addTodo = () => { if (text === "") { return; } // setToDos((prev) => { const newTodos = { ...prev, [Date.now()]: { text, working }, }; saveTodosInStorage(newTodos); return newTodos; }); alert(text); setText(""); };setState가 비동..
많은 사람들이 알다시피 map() 은 배열에서만 사용할 수 있는 함수이다. 그렇기 때문에 내가 혹시나 "객체"에 있는 모든 요소를 나열하고 싶어서 map()을 사용했다면, 에러가 떴을 것이다. 그럼 어떻게 해결할 수 있는지 확인해보자. 해결 방안 {Object.keys(toDos).map((key) => ( {toDos[key].text} ))} 이것은 내가 사용했던 React Native의 코드이다. 이를 예시로 들어 자세히 설명해 보겠다. 1. 먼저 Object.keys(객체) 함수는 객체 의 key를 "list 형태"로 반환하는 함수이다. 그렇기에 toDos라는 객체의 key들을 전부 list에 보여준다. 2. list에 담겼으니 우리는 map 함수를 사용할 수 있다. 여기서 다시 한 번 명심해야할..
