inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

린터 Parsing error

미해결

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요. 린터와 포멧터 강의 따라하면서 모든 설치와 적용을 끝냈는데요. 하던 중에 .eslintrc.js에서 다음과 같은 에러가 뜨기 시작하더라구요. 해결방법 서치하다가 아래 코드를 추가했더니 위 에러는 사라지긴 했는데 맞는 해결방법인지 모르겠네요. ignorePatterns: [".eslintrc.js"] 그리고 이 코드를 넣든 안 넣든 class 내에 있는 모든 js 파일들에서 import 부분에 Parsing error가 나네요...(ts, tsx 파일들은 제대로 lint가 작동하는 것 같아 전부 고칠 수 있었습니다) 이런 오류가 아마 모든 js 파일에서 뜨네요 yarn lint하면 이렇게 도배가 되구요... 어떻게 해결해야 하나요? 참고로 .eslintrc.js module.exports = { env: { browser: true, es2021: true, }, extends: ["standard-with-typescript", "plugin:react/recommended", "prettier"], overrides: [ { env: { node: true, }, files: [".eslintrc.{js,cjs}"], parserOptions: { sourceType: "script", }, }, ], parserOptions: { project: "**/tsconfig.json", ecmaVersion: "latest", sourceType: "module", }, plugins: ["react"], rules: { "react/react-in-jsx-scope": "off", "@typescript-eslint/no-misused-promises": "off", "@typescript-eslint/no-unused-vars": "off", }, ignorePatterns: [".eslintrc.js"], }; tsconfig.json { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "incremental": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve" }, "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], "exclude": ["node_modules"] } 폴더 구조입니다!

  • react
  • node.js
  • seo
  • graphql
  • next.js
희주 댓글 3 좋아요 0 조회수 610

yarn run start가 안돼요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

package.json node_modules, yarn.lock 지우고 다시 깔아보고 라이브러리 버전 맞춘거 같은데 yarn run start가 안돼요 tsconfig.json eslintrc.js tsconfig.json, eslintrc.js 느낌상 이쪽 문제 같은데 어딘지 모르겠습니다 여기 폴더 인터넷 찾아보고 조금 수정했는데 모르겠어요 어느순간부터 오류 놓쳤는데 어딘지 모르겠어요

  • react
  • node.js
  • seo
  • graphql
  • next.js
br 댓글 2 좋아요 0 조회수 372

수업을 듣다가 SSR에 관하여..

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

안녕하세요, 실무에서 next.js를 이번에 사용할려고 강의를 듣고있습니다. 강의 초반부에 SSR의 경우 (getServerSideProps) API 응답 속도에 따라 렌더가 되지않아 가급적 자제하라고 본 것 같은데, 실무에선 사실 컴포넌트 내에서 API요청량이 많을텐데 보통 어떤식으로 구현하시는지 궁금합니다 보통 getServerSideProps 에서 API 통신을 하고 props로 넘겨줘서 쓰는지 ? 아니면 CSR방식으로 일반 컴포넌트 내에서 API통신을 하는지 ? 도 궁금합니다. 2번 질문에서 CSR방식으로 컴포넌트 내에서 API통신을 한다면 next.js를 쓰는 장점은 비동기 데이터 dom들을 제외한 html을 서버에서 렌더링해준다는게 장점일까여?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
댓글 2 좋아요 1 조회수 573

이 호출과 일치하는 오버로드가 없습니다. 오류

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

무한스크롤 Section16-02-infinite-scroller 강의를 듣고 있을 때 발생한 오류입니다. 실행은 정상적으로 되는데 해결방법 알 수 있을까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
박진성 댓글 2 좋아요 0 조회수 2157

52분 47초 문제점 2가지 설명 중 2번째 문제점 관련 질문

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 차근차근 강의 들으며 공부하고 있는 수강생입니다 현재 강의에서 알려주신 방법에 따라 페이지를 구현할 경우 2가지 문제점에 대해 말씀해 주셨는데요 2번째 문제점은 내가 수정하고 싶은 요소만 수정했을 때, 기존에 입력했던 다른 요소가 삭제된다는 것이었습니다 그런데 container 파일 작성 요소 중 const [writer, setWriter] = useState(); const [title, setTitle] = useState(); const [contents, setContents] = useState(); useState() 소괄호가 비어 있을 땐 기존에 입력했던 다른 요소가 삭제되지 않은 채 수정한 요소가 반영되었습니다 여기서 궁금한 점은 useState() 소괄호가 비어 있을 때와 소괄호 안에 빈 문자열("")을 넣어주었을 때 결과가 달라지는 이유 useState() 소괄호가 비어 있는 상태로 코드 작성을 끝내지 않는 이유 입니다 감사합니다

  • react
  • node.js
  • seo
  • graphql
  • next.js
zero.1.0.one.xx 댓글 1 좋아요 0 조회수 286

시트 이름 지정하려는데 title 명령이 안 먹혀요

미해결

파이썬 무료 강의 (활용편4) - 업무자동화 (RPA)

기본 명령어인 것 같은데 어째서 title만 어트리뷰트가 없다고 에러 뜰까요? 프로그램을 껐다 켜봐도 이렇습니다.. 파이선 3.8.6 버전 쓰고 있고 비주얼 스튜디오 코드는 1.83.1 버전 쓰고 있는 것 같네요

  • rpa
  • 파이썬
  • openpyxl
  • python
  • python3
이예린 댓글 1 좋아요 0 조회수 412

import 경로 오류질문입니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

BoardWriter 컴포넌트를 자동완성으로 쓸 경우 import 경로 자동완성이 @으로 시작되면 경로 오류가 뜨고 위처럼 ../ 로 바꿀경우 오류가 안뜨는데 자동완성으로 하면 안되나요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
주재 댓글 2 좋아요 1 조회수 428

그래프큐엘 질문입니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

여기서 만들때 writer 이랑 password에 string 느낌표 안붙여있는건 오류인가요? 원래는 느낌표가 있어서 필수 입력인거죠?

  • react
  • node.js
  • seo
  • graphql
  • next.js
주재 댓글 2 좋아요 0 조회수 319

section 26 포트폴리오 리뷰 강의

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

그래프큐엘로 작성자 비밀번호 제목 내용 이렇게 넘기고 조회해보려는데 패스워드는 안되더라고요 패스워드 넘긴거는 그냥 넘긴건가요 아님 따로 조회할수있나요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
주재 댓글 2 좋아요 0 조회수 267

apply axis 관련 질문

해결됨

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

섹션7-2 5분 2초 apply부분에 apply(func, axis = 0)으로 하면 왜 '영어' 행이 하나 더 생기나요?

  • python
  • pandas
tjswn0125 댓글 1 좋아요 0 조회수 315

Warning: React has detected a change in the order of Hooks called by BoardDetail. This will lead to bugs and errors if not fixed. For more information

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

위에 코드 대로 하면 제목에 오류가 뜨고 if문을 지우고 varables에 boardId : String(router.query.boardId)로 하면 제목에 오류가 안뜨는데 어떻게 해결하면 좋을까요

  • react
  • node.js
  • seo
  • graphql
  • next.js
박진성 댓글 1 좋아요 1 조회수 731

이미지 업로드 최적화에 대해 고민이 있습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요! 이미지 업로드 최적화에 대해서 질문이 있습니다. (수정하기 부분) 최적화 진행전에는 상품 수정페이지에서 useEffect를 사용해서 이미지 주소를 가져온다음 state에 저장한 후 props로 전달하여 작성했던 이미지를 보여주고 있었습니다 .하지만 최적화에서는 미리보기 주소를 사용해서 보여주고 있어서 미리보기 주소를 넘기고 싶은데 fetchUseditem에서는 images를 File[]이 아니라 String[]으로 받아오고 있어서 미리보기 주소를 어떻게 만들어서 전달해야 할지 고민입니다... 수정하기 페이지 접속시 state값이 초기화되어서 이 값을 어떻게 유지해야할지 모르겠습니다. 현재 이미지 버튼 컴포넌트에서는 onChangeFileUrls함수에 file과 미리보기 주소 , 해당 인덱스를 전달하고 있습니다.onChangeFileUrls함수에서 state에 저장후 uploadFile를 하여 받은 결과를 사용해서 상품을 작성하고 있습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
이재인 댓글 1 좋아요 0 조회수 545

게시글 디테일 페이지에 댓글부분 레퍼런스코드

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

게시글 디테일 페이지에 댓글부분 레퍼런스코드는 따로 없을까요 31-2 레퍼런스 코드에는 나와있지 않아서요

  • react
  • node.js
  • seo
  • graphql
  • next.js
손성오 댓글 2 좋아요 0 조회수 252

전역상태관리에 추가적으로 특정페이지별로 상태관리가 필요할때에 대해 질문드립니다

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 선생님, 전역상태관리에 추가적으로 특정페이지별로 상태관리가 필요할때에 대해 질문드립니다, 아토믹패턴을 구현할려다보니 props drilling이 너무 많이 일어나서 recoil로 상태관리를 시도했는데 전역에 필요한 상태들말고 특정페이지에서만 쓰이는 상태들까지 포함이 되니 파일이 너무 지저분해져서요, 특정페이지 상태관리는 context api, 전역은 recoil, 이런 조합으로 써도 될까요? 아니면 다른 더 좋은 방법이 있을까요? 감사합니다

  • react
  • node.js
  • seo
  • graphql
  • next.js
Chansoo 댓글 1 좋아요 0 조회수 501

싸이월드 만들기 똑같이 했는데 예제랑 다릅니다 ㅠㅠ

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

코드는 이렇게 작성했는데 아래 있는 wrapper__left__body 가 너무 작게 나오는데 이유가 뭘까요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
kannlann 댓글 1 좋아요 0 조회수 596

interface 와 type

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

선생님, 안녕하세요. 좋은 강의 너무 감사해요. 답변도 잘해주셔서 너무 감사해요. 선생님은 천재에요. 강의를 보다보니 (보통 prop을 받을 때) 어떤때는 type을 사용하시고, 어떤때는 interface를 사용하시던데, 각각 어떤 경우에 사용하시는 지 설명해주실수있을까요?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
google_user 댓글 1 좋아요 1 조회수 399

33-01-jest 실습 도중 에러가 발생합니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

콘솔 메시지 jest.config.js package.json 라이브러리들을 전부 설치하고 버전도 맞춰 보았는데 "Cannot use import statement outside a module" 이 에러가 뜨면서 테스트가 진행이 되지 않습니다. 무슨 문제인지 모르겠습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
park tae young 댓글 1 좋아요 0 조회수 541

코드지갑 저장할 떄 오류가 나요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

오류가 생기는 이유는 무엇인가요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
현준인뒈요 댓글 1 좋아요 0 조회수 332

CSS 첫번째 과제 관련 질문입니다!

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

html css 안녕하세요! 얼마 전부터 강의 결제해서 보고 있는 코린이입니다. 언제나 도움 많이 받고 있습니다. css 첫번째 과제로 웹페이지 구현하던 중 질문이 생겼는데요, 전화번호 사이에 들어가는 '-' 부호는 어떻게 코드를 작성하면 될지 알 수 있을까요? 픽셀 크기가 지정되어있어 뭔가 코드를 쓰는 것 같기는 한데 감이 안 오더라구요ㅠㅠ 그리고 지금까지 구현한 내용도 이 김에 검토 받고 싶습니다! 확인해주시면 감사하겠습니다 :)

  • react
  • node.js
  • seo
  • graphql
  • next.js
edo020424 댓글 1 좋아요 0 조회수 312

인기 태그

인프런 TOP Writers

주간 인기글