\`\`"scripts": { ... "build": "react-scripts --max_old_space_size=4096 build" },

출처: https://bobbyhadz.com/blog/react-jsx-element-implicitly-has-type-any

이미 초기화 되어있는 경우에 초기화를 중복으로 하여 발생하는 것으로 파악하였다.이러한 경우 아래와 같이 다시 초기화 하지 않고 기존 app을 사용하도록 코드를 수정해 주었다.firebase.tsx

이 오류는 firebase.tsx에서 환경변수를 못 읽어와서 발생한 것으로 파악했다.firebase.tsx.env 파일에는 React가 아닌 NextJS의 경우 환경변수를 설정해줄 때 변수명 앞에 NEXT_PUBLIC을 필수로 붙여줘야 함. (React의 경우 REAC

tailwind.config.js자주 사용할 컬러를 따로 정의해두었다.className에 text-default bg-positive 이런식으로 사용할 수 있음.경로 확인하기 npx tailwindcss-cli@latest build -o tailwind.css ->

구글 로그인의 성공하여 git push 하려는데, client id와 API KEY들이 생각났다. 노출되면 안되니까,, 구글링해서 나와있는 것처럼 했는데 도저히 안되다가 머쓱하게 성공해서 기록!!!!!!!!.env 파일 생성여기서 주의할 점은 꼭 src 폴더 내가 아닌

업로드중..원티드를 클론 코딩 하던 중, 이론으로만 배웠던 중첩 라우팅에 대하여 제대로 써먹게(?)되어 다시 한 번 복습 차원에서 글을 작성해본다 !아래 화면에서 설명해보자면,Header의 메뉴 중 초록색 메뉴들은 Header가 고정이 된 상태에서 주황색 내부 페이지가

indexOf 는 배열에서 원하는 특정 항목이 배열의 몇번째 원소인지 찾아 index를 리턴해주는 함수이다. (만약에 못 찾으면 -1 리턴) 만약, 위에서 처럼 찾고자하는 것이 boolean, 정수, 문자열... 이면 위와 같이 indexOf 함수를 사용해서 찾을 수

https://school.programmers.co.kr/learn/courses/30/lessons/178871 문제 설명 > 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어

DOM (Document Object Model) 이란?HTML과 XML과 같은 문서구조를 scripts나 프로그래밍 언어로 연결시켜주는 API이다.애플리케이션의 UI를 나타내고, 애플리케이션 UI의 상태가 변경될 때마다 해당 변경 사항을 나타내기 위해 업데이트된다.단

클론코딩을 진행 중에 text overflow 속성을 적용해야 했고, 한 줄이 아닌 두 줄 처리를 해야 했다. 구글링 중에 아래와 같은 css 속성을 적용해야 한다는 것을 알게 됐지만, tailwind를 사용할 때는 webkit 속성을 적용할 수 없었다. 새로운 클래

https://school.programmers.co.kr/learn/courses/30/lessons/12913🔊 문제 설명땅따먹기 게임을 하려고 합니다. 땅따먹기 게임의 땅(land)은 총 N행 4열로 이루어져 있고, 모든 칸에는 점수가 쓰여 있습니다.

https://school.programmers.co.kr/learn/courses/30/lessons/86491🔊 문제 설명명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다

https://school.programmers.co.kr/learn/courses/30/lessons/138476🔊 문제 설명경화는 과수원에서 귤을 수확했습니다. 경화는 수확한 귤 중 'k'개를 골라 상자 하나에 담아 판매하려고 합니다. 그런데 수확한 귤의

https://school.programmers.co.kr/learn/courses/30/lessons/70129🔊 문제 설명0과 1로 이루어진 어떤 문자열 x에 대한 이진 변환을 다음과 같이 정의합니다.1\. x의 모든 0을 제거합니다.2\. x의 길이를

https://school.programmers.co.kr/learn/courses/30/lessons/12941🔊 문제 설명길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다.배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수

프로젝트의 홈화면을 구현 중에 아래와 같은 기능을 구현해야 했다!정확히 뭐라고 해야할지는 모르겠지만 스크롤 영역 하단에 저 그라데이션 효과..? 처음에 대체 어떻게 구현해야 하는지 막막했지만 구글링해본 결과 저 점점 투명해지는 svg 이미지 자체를 div 영역의 최하단

프로젝트 진행 중, 코드를 리팩토링하면서 아래와 같이 map으로 정의하여 tailwind 식의 css를 부여하려했다. 하지만 이 과정에서 오류가 발생했고, TypeScript는 기본적으로 객체의 프로퍼티를 읽을 때, string 타입의 key 사용을 허용하지 않는다것을

https://school.programmers.co.kr/learn/courses/30/lessons/42587👩‍💻 문제 설명일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를

https://school.programmers.co.kr/learn/courses/30/lessons/42586?language=javascript🔊 문제 설명괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한