본문 바로가기

📂 삽질 노트/에러 해결8

자바스크립트 옥탈 리터럴? Octal literals are not allowed 에러 원인과 해결 방법 🤔 오늘의 에러 0으로 시작하는 숫자가 포함되었을 때의 예외 처리를 해야하는데, 이를 테스트하는 코드를 작성하다 아래와 같은 에러를 만났다. Octal literals..? 처음 보는 에러에 처음 들어보는 단어였다. 일단 사전을 찾아보니 octal은 8진법이라는 뜻이라고 하니, 자바스크립트에서는 8진법에 대한 어떠한 규칙이 있나보다 추측했다. 우선은 에러 메시지가 추천해 주는 방법처럼 숫자가 아닌 문자열로 만들었는데, 이 에러가 왜 발생하는지, 옥탈 리터럴은 무엇인지, 그리고 다른 해결 방법은 없는지 궁금해 찾아보았다. 🧐 처음 작성한 코드 describe('시도 횟수 유효성 검사', () => { const validTryCounts = [1, 5, 99]; const invalidTryCounts =.. 2023. 12. 2.

[CSS 우선순위] 부트스트랩을 사용했는데 왜 스타일 적용이 안되지? 🛠️ 구현할 화면 빨강색으로 표시한 부분을 구현하고자 했다. 처음에는 일일이 만들기 번거로워서 부트스트랩 이라는 프레임워크를 활용했고, 그 중 Card 라는 컴포넌트를 사용했다. 이를 그대로 사용하지는 않고, 아래와 같이 커스텀을 했다. 🧐 잘못 쓴 코드 예시 그런데 코드를 쓰다보니 아래와 같은 두 가지 문제가 있었다. 1. 막상 만들고 보니, 카드의 형태가 아니기에 커스텀을 넘어서 그냥 내가 직접 만든 꼴이 되어 버린 것 2. 부트스트랩 클래스에 이미 적용된 스타일때문에 내가 커스텀한 스타일이 묻히는 것 최저가 /* CSS 파일 */ .card { border: none !important; display: flex !important; justify-content: space-between !impo.. 2023. 8. 24.

gitignore에 node_modules를 추가했는데도 Changes목록에 뜨는 이유 🤔 오늘의 에러 평화롭게 과제를 하던 중.. 분명 gitignore에 node_modules를 추가해 두었는데도 Changes 목록에 뜨는 바람에 Changes 개수가 10,000개에 육박해 버렸다. 나는 분명 모든 디렉토리 안에 있는 node_modules가 커밋되지 않도록 설정했는데 말이지. # dependencies */node_modules /.pnp .pnp.js 🧐 에러의 원인 알고보니, gitignore가 특정 디렉토리 안에 있었기 때문이었다.. 이 부분이 원인이었다. 💡 해결 방법 gitignore는 무조건 모든 프로젝트의 루트에서 관리해야 한다. 그래야 제대로 작동한다. 더불어, 위와 같이 루트로 위치를 수정했음에도 불구하고 여전히 Changes 목록이 바뀌지 않는다면, 1. IDE 자체.. 2023. 6. 12.

Proxy 설정 시 서버가 제공하는 올바른 엔드포인트로 API를 요청하자 🤔 오늘의 에러 React Proxy 설정 중, 오늘은 아래와 같이 두 에러를 만났다. GET http://localhost:3001/api/todos 404 (Not Found) Uncaught (in promise) SyntaxError: Unexpected token ' 2023. 6. 11.

<h>에 버튼 속성을 부여하면 .. 🤔 오늘의 에러 React로 코드를 짜던 중, 오늘은 아래와 같은 콘솔 에러를 만났다. Received `true` for a non-boolean attribute `button`. If you want to write it to the DOM, pass a string instead: button="true" or button={value.toString()}. 🧐 처음 작성한 코드 처음에는 요소에 button 속성을 부여해, 클릭하면 모달이 나타나고 다시 클릭하면 모달이 없어지도록 했다. 이 부분이 문제였다. { title.map(function(a, i){ return ( {/* 이 부분 수정 필요 */} { setModal(!modal); setModalTitle(i) }}>{ title[i] .. 2023. 5. 22.

Route, Routes를 BrowserRouter로 감싸주지 않으면.. 🤔 오늘의 에러 React로 코드를 짜던 중, 오늘은 아래와 같은 에러를 만났다. TypeError: Cannot read properties of undefined (reading 'pathname') 해당 에러에 대한 GPT의 답은 아래와 같았다. 이 에러는 React 애플리케이션에서 'pathname' 속성을 갖는 객체를 참조하려고 할 때 해당 객체가 정의되지 않은 경우 발생합니다. 'pathname'은 일반적으로 브라우저의 URL 경로를 나타내는 속성입니다. 일반적으로 이 에러는 다음과 같은 상황에서 발생할 수 있습니다: 1. 브라우저 라우터 오류: React Router 또는 다른 라우팅 라이브러리를 사용하는 경우, 브라우저 라우터가 초기화되지 않았거나 잘못 구성되어 'pathname' 속성이 .. 2023. 5. 19.

푸시가 안될 땐, 일단 'stash'로 숨기자 🤔 오늘의 삽질 : 푸시가 왜 안되지? VScode 터미널에 git push를 입력하고 푸시와 커밋을 하려고 했더니, 아래와 같은 error를 만났다. 알아보니 git stash 명령어를 사용해 현재 작업을 일시적으로 저장해두고 push를 하면 해결된다고 한다. error: failed to push some refs to 'https://github.com/ella-yschoi/TIL.git’ 💡 해결 방법 1. stash로 현재 작업을 일시적으로 저장한다. git stash 2. pull을 한다. # 아래 명령어를 복사하되, 본인 branch가 master가 아닌 main이라면 변경하세요 git pull origin master 3. 다시 push를 한다. # 아래 명령어를 복사하되, 본인 branc.. 2023. 3. 31.

커밋이 안되는 이유는 권한 때문일 수도 있다. 🤔 오늘의 삽질 : 커밋이 왜 안되지? VScode 터미널에 git push를 입력하고 커밋을 하려고 했더니, 아래와 같은 fatal error를 만났다. Git: fatal: Unable to create '/Users/yeonsuchoi/TIL/.git/index.lock': Permission denied 찾아보니, 커밋을 하고자 하는 repository의 권한을 변경해 주어야 한다고 하여, sudo 명령어를 사용했다. 위키백과에 따르면, sudo는 'superuser(root user) do' 혹은 'substitue user do'의 줄임말로, 주로 우분투, 리눅스, 맥에서 볼 수 있는 명령어라고 한다. 따라서 sudo 를 입력하면 관리자 권한을 부여해 명령어를 실행하기에, password를 입.. 2023. 3. 4.

이전 1 다음

티스토리툴바