본문 바로가기
728x90
반응형

삽질기록장15

[에러] TypeError: Assignment to constant variable. TypeError: Assignment to constant variable. 자바스크립트 에러인데 직역하면 상수값을 변수에 할당했다는 뜻 const a = parseInt(input[0]>input[1]?input[0]:input[1]); const b = parseInt(input[0]input[1]?input[0]:input[1]); let b = parseInt(input[0] 2024. 4. 24.
[오늘의 삽질] CSS - 배경색과 border 색상이 다르게 나올때 🤔 사건 경위 배경색과 상하 border에 분명 똑같은 색상을 주었는데 이렇게 다른 색이 나타났다. 😃 해결방안 border에 solid라는 기능을 넣어서 그런거였다. solid의 기능이 선을 나타내는 건데 어쨌든 같은 색상을 주는 거니까 똑같이 나타날꺼라 생각했는데 오히려 색상이 border에만 더 진하게 나왔다. 구글링을 해봐도 solid라는 기능은 테두리 선이라고만 나와있어서 정확한 이유는 모르겠지만... 어쨌든 엄청 쉬웠던 건데 어렵게 생각해서 한참 헤맸다..ㅠㅠ border-bottom: 10px solid #594e4cc4; border-top: 8px solid #594e4cc4; ↓↓↓↓↓↓↓↓↓ border-bottom: 10px #594e4cc4; border-top: 8px #594e.. 2022. 11. 15.
[에러] 리액트 에러 - Objects are not valid as a React child (found: [object Date]). 📖 에러 경위 Date 날짜를 화면에 나타내보려다가 이런 에러 메세지를 만났다. Objects are not valid as a React child (found: [object Date]). 📌 에러 원인 찾아보니 new Date 이거나 Date의 값인 경우 Object라서 리액트에서 렌더링을 못한다는 것이다. 💡 결론 toString()을 해줘야 한다고 한다. 그런데!!! toLocaleString('ko-KR') 이런식으로 하면 굳이 따로 설정하지 않아도 내가 원하는 방식대로 나오네?! [참고사이트] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString Date.protot.. 2022. 11. 14.
[에러] 리액트 에러 - Expected an assignment or function call and instead saw an expression 📖 에러 경위 Expected an assignment or function call and instead saw an expression 갑자기 이런 에러가 남 📌 에러 원인 1. 찾아보니 보통 map을 사용할때 중괄호를 잘못써서 나오는 에러같은데 나는 일단 map을 사용하지 않았음 2. 화살표 함수를 잘못 사용해도 나오는 문제지만 화살표 함수에서 사용한 것들은 틀린 부분이 없었음 3. 친절하게 라인 17번에서 틀렸다는 걸 알려줘서 다시보니 setToDo에 저렇게 쓰는게 아님.. 💡 결론 에러나오면 아직도 무조건 겁먹고 검색부터 하는데 일단 에러 화면을 잘 읽어보고 틀린 부분은 없나 침착하게 다시보자! 2022. 11. 11.
[에러] React Error - 리액트 npm start 에러 났을때! 📖 에러 경위 ① npx create-react-app 새로 만들 파일명 으로 파일 만들고 바로 npm run start를 했는데 아래 사진과 같은 에러가 뜸 ② 구글에 npm start 에러라고 검색하여 나오는 해결법을 실행해봐도 같은 에러가 뜸 📌 에러 원인 npm start를 시작하는 파일경로가 틀렸음. 방법1) React PROJECT에서 pr1이라는 파일을 npx create-react-app로 만든 후에 다시 폴더열기로 들어가서 pr1을 열고 나서 npm run start를 해보니 잘 됨. 방법2) 폴더 안에 있는 폴더를 열고싶다면 오른쪽마우스를 클릭하여 통합 터미널에서 열기를 클릭하면 됨! 💡 결론 에러가 뜨면 겁먹고 무조건 검색해서 따라해보지 말고 일단 먼저 기본적인 것들을 잘 지켰나 다시.. 2022. 10. 28.
[에러] 리액트에러 - Uncaught ReferenceError: Cannot access 'data' before initialization 하.. 에러는 언제나 빡친다 진심.. export default data; 의 위치를 object 아래 둬서 그런거였음 변수쓸 때는 항상 정의하는 부분보다 하단에서 써야하니까!!!!! object 밑에 두니까 해결됨 export default data; let data=[ { id : 0, title : "White and Black", content : "Born in France", price : 120000 }, { id : 1, title : "Red Knit", content : "Born in Seoul", price : 110000 }, { id : 2, title : "Grey Yordan", content : "Born in the States", price : 130000 } ] ; 2022. 5. 18.
728x90
반응형

티스토리툴바