404에러 문의드립니다
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
버튼눌러서 게시글 조회하면 404에러뜨는데 뭐가 문제인지 알 수 있을까요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
댓글 2
좋아요 0
조회수 123
묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
material 파트까지 들은 후 생긴 궁금증
미해결
React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발
안녕하세요 선생님. material까지 강의를 들으면서 두 가지 궁금한 점이 생겼습니다. 로컬 서버에서 ctrl+s 하면 자동으로 핫로딩되어 코드 변경사항이 화면에 반영되는 것으로 알고 있습니다. (리액트의 경우는 root부터 리렌더링) 그런데 핫로딩을 했을 때 바로 반영되는 코드가 있고, 직접 브라우저에서 새로고침해줘야 반영되는 코드가 있었습니다. <핫로딩 시 안변함 (only 새로고침으로만 변경사항 반영됨)> material wireframe 적용 camera fov, far 속성 그 외 등등 <핫로딩 시 변함> Geometry 종류 변경 transform 속성 변경 (position, scale, rotation) mesh color 변경 materal 종류 변경 그 외 등등 위와 같은 차이가 발생하는 이유를 잘 모르겠습니다. 내부 동작면에서 뭔가 다른게 있는 걸까요? (three.js 코드를 까보면 좀 명확해지려나요...) Mesh의 정의를 어떻게 내려야할지 잘 모르겠습니다. 아래 두 가지 중 어느 쪽이 더 맞는 설명일까요? Geometry와 material을 감싼 껍데기 Geometry와 material로 이루어진 하나의 물체 또, 종종 3D 모델링에서 정육면체, 삼각형 등을 오브젝트라고 부르는 걸 들은 적 있는 것 같은데, 해당 오브젝트라는 명칭이 맞는 명칭인가요? 그렇다면, Mesh = 오브젝트 라고 부를 수 있을까요? 감사합니다.
- javascript
- react
- typescript
- 인터랙티브-웹
- three.js
- webgl
- react-three-fiber
dbjoung
댓글 1
좋아요 0
조회수 182
tailwind 부분 도와주세요
미해결
코드로 배우는 React 19 with 스프링부트 API서버
어디를 수정해야 할까요? 지금 계속 다시 해보고 있는데 해결이 되지 않습니다ㅠ 앞서 이렇게 했었는데 해결되지 않아 다시 해보고있습니다..! tailwind.config.js 의 content에 이렇게 입력하는게 맞나요?? index.css에 이렇게 오류가 떠서요 ㅠㅠ -> 우측하단 언어모드를 tailwindCSS로 바꾸면 밑줄은 사라지는데 npm start 실행시 이렇게 뜹니다..!
- react
- spring-boot
- jpa
- jwt
- redux-toolkit
Sssu
댓글 2
좋아요 0
조회수 141
tailwind.config.js 의 content
미해결
코드로 배우는 React 19 with 스프링부트 API서버
tailwind.config.js 의 content에 이렇게 입력하는게 맞나요?? index.css에 이렇게 오류가 떠서요 ㅠㅠ -> 우측하단 언어모드를 tailwindCSS로 바꾸면 밑줄은 사라지는데 npm start 실행시 이렇게 뜹니다..!
- react
- spring-boot
- jpa
- jwt
- redux-toolkit
Sssu
댓글 1
좋아요 0
조회수 110
Tailwindcss 설정
미해결
코드로 배우는 React 19 with 스프링부트 API서버
npx tailwindcss init 작성시 'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라고 뜹니다 코드를 다르게 작성해야하나요?
- react
- spring-boot
- jpa
- jwt
- redux-toolkit
Sssu
댓글 2
좋아요 0
조회수 208
tailwindcss 오류관련 문의 드립니다 ㅠㅠ
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
버젼이 달라서인지.. CNA 했을 때 tailwind.config.js 파일이 없었습니다. 강의에서는 원래부터 존재하던데.. 그래서 어떻게어떻게 추가를 했는데. Error: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration. 라는 에러가 끝나지를 않네요 ㅠ GPT한테 열심히 물어봤는데 도저히 해결이 안돼서 문의드립니다. 밑은 제가 설정해둔 코드입니다. tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,ts,jsx,tsx,html,css}", // 필요한 파일들 포함 "./app/**/*.{js,ts,jsx,tsx}", // Next.js의 `app` 폴더 추가 "./components/**/*.{js,ts,jsx,tsx}", // 컴포넌트 폴더 추가 ], theme: { extend: { colors: { 철수가좋아하는색깔: "#3498db", // 나만의 부트스트랩 만들기 영희가좋아하는색깔: "green", }, }, }, plugins: [], }; postcss.config.js module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }; globals.css /* @import "tailwindcss"; */ @tailwind base; @tailwind components; @tailwind utilities; 로 해도 안되고, @import "tailwindcss"; 도 안됩니다...
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
jihun6548
댓글 1
좋아요 0
조회수 288
저도 tailwind.config.js 가 없네요..
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
이거 관련해서 한번 정리해주시면 좋을거같습니다. ㅠㅠ 인터넷에서 찾아보고 gpt한테도 물어봤는데 해결방법을 못찾겠네요.
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
jihun6548
댓글 2
좋아요 0
조회수 538
리액트 라우터 관련
미해결
따라하며 배우는 리액트 A-Z[19버전 반영]
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요, 리액트 학습 중에 궁금한 게 있어서 질문드려요. 기본 path 가 아닌 라우트로 바로 접속을 할때, html을 받으면 라우팅이 이뤄지구 useeffect로 api 요청이 가면서 페이지 렌더링이 이뤄지는건가요?
- react
- redux
- tdd
- typescript
- next.js
- 소프트웨어-테스트
Sohyeon
댓글 1
좋아요 0
조회수 129
getPostRecommend() tags 속성 사용
미해결
Next + React Query로 SNS 서비스 만들기
getPostRecommend() 함수 내부에서 tags : ['post', 'recommends'] 로 설정이 되어있는데, queryClient.prefetch 함수나, useQuery 함수의 queryKey와 항상 동일하게 일치시켜야 하나요? 불러온 데이터를 캐싱할 경우, react-query에서만 관리를 키를 관리해도 되지 않을까요?
- react
- next.js
- react-query
- next-auth
- msw
그린티라떼
댓글 2
좋아요 0
조회수 102
2025년 3월 리액트버전
미해결
처음 만난 리액트(React)
혹시 현재 25년 3월기준 이 강의를 들으면 리액트 버전 차이로 인해 렌더링 방식이라던지 다른 점이 있어서 수강할때 불편할까요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- HTML/CSS
- javascript
- react
mkisos7900
댓글 2
좋아요 1
조회수 233
숙제 문의드립니다
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
require 왜 오류가 나는지 알 수 있을까요?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
yoonseong
댓글 1
좋아요 0
조회수 72
2분 44초 질문
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
무슨말씀이신지 이해가 안가요.ㅠㅠ 가운데정렬을 편안하게 해주려면 span 을 이용하는 이유가 와닿지 않습니다.
- react
- node.js
- seo
- graphql
- next.js
김트랙
댓글 3
좋아요 0
조회수 149
homework에 관한 강의는없나용?
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
homework에 관한 강의는없나용?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
yoonseong
댓글 2
좋아요 0
조회수 93
이미지 제작에 관한 문의
해결됨
(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>
케이테스트 사이트는 썸네일 부터 결과 페이지 까지 모두 통이미지로 되어있습니다. 결국 테스트성격에 맞는 이미지들을 만들어야하는데 테스트 하나당 결과 페이지까지 합쳐서 15개 정도를 만들어야 할듯 합니다. 이 부분은 어디서 뭘 참고하거나 공부해야 감을 잡을수 있을까요? 아니면 이미지에 관련된 수업이 예정되어 있는지요~ 소중한 강의 감사합니다~
- react
- aws
- Google-Analytics
- cloudflare
- adsense
- 수익화
PSH
댓글 2
좋아요 0
조회수 131
toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
entity에 toJson을 추가하고 내용을 비워놓기만 해도, sub를 받아오지 못합니다. 강의에서는 잘 진행되어서 지금 전혀 원인을 알 수 없습니다. 답변 부탁드립니다.
- react
- node.js
- postgresql
- docker
- typescript
- 클론코딩
- next.js
서문규
댓글 2
좋아요 0
조회수 153
SSR은 언제 사용될까요??
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 강의를 수강하면서 나날이 성장하는게 느껴집니다!! SSG, SSR, ISR 개념을 배우면서, SSR을 언제 사용해야 하는지에 대한 고민이 생겼습니다. 블로그 글이나 GPT의 답변을 참고해보니, 개인화된 사용자 데이터나 요청 시에만 알 수 있는 정보에 의존하는 페이지를 렌더링해야 하는 경우 사용한다고 합니다. 저는 조금 다른 접근을 고민해봤습니다. ISR을 활용하여 개인화된 페이지를 생성하고, Middleware에서 사용자 인증을 검증하는 방식 으로 생각해봤습니다. 또는 SSR 대신 SSG를 사용하고, 클라이언트 측에서 필요한 데이터를 패칭하는 방식 으로 생각해봤습니다. 정리하자면 SSR은 언제 써야하는지 잘 모르겠습니다. 소중한 시간 긴 글 읽어주셔서 감사합니다!!
- react
- typescript
- next.js
qjatjs123123
댓글 2
좋아요 0
조회수 227
MariaDB 연동시 지속적인 에러
미해결
코드로 배우는 React 19 with 스프링부트 API서버
마지막 JDBC 데이터베이스 설정하는 부분까지 했는데도 계속 에러가 나서 찾아보니 mariaDB보다 MySQL이 더 호환이 잘된다고 나와서 MySQL로 변경하려 합니다. 그런데 mariaDB와 MySQL 모두 계속 오류가나서 진행이 되지 않네요 ㅠ 참고자료로 올려주신 pdf의 25페이지 코드 참고해서 해봐도 되지 않는데 살펴봐야 할 곳이 어디 있을까요? MySQL로 하는 방법도 알려주시면 감사하겠습니다!
- react
- spring-boot
- jpa
- jwt
- redux-toolkit
Sssu
댓글 2
좋아요 0
조회수 209
Layout 을 추가하니, ThumbnailList가 2번 그려지는 현상이 있어요.
해결됨
(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>
"전체 레이아웃 잡기" 강의를 시청하며 따라하고 있는데, main.jsx 에서 <App /> 을 <Layout> 태그로 감쌌더니, ThumbnailList 가 연달아 2번 나오고 있습니다. createRoot(document.getElementById('root')).render( <StrictMode> <Layout> <App /> </Layout> </StrictMode> ) <StrictMode> 때문에 그런가 싶어서 지워봐도 2번 그리는 현상은 동일합니다. <Layout>을 지우면 ThumbnailList가 한번만 나옵니다. 이런 현상이 발생하는 원인이 너무 궁금합니다.
- react
- aws
- Google-Analytics
- cloudflare
- adsense
- 수익화
hanny856
댓글 2
좋아요 0
조회수 107
사전 렌더링시 브라우저 네트워크 탭에 로그가 남지 않는데 이에 대한 디버깅 방법이 있을까요??
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요. 실습을 진행하면서 새로고침 했을때 브라우저 개발자도구 네트워크 탭에 api 요청 로그가 남지 않더라구요. 그래서 새로고침을 하거나 처음 앱을 실행시켰을 경우 사전 렌더링에 의해서 서버측에서 api요청을 진행하면서 로그가 남지 않는걸로 이해했습니다. 그러면 만약 api 요청에 대한 디버깅을 진행해야 하는 상황이라면 서버측 터미널 로그로만 확인 수 밖에 없는걸까요??
- react
- typescript
- next.js
Hndx
댓글 2
좋아요 0
조회수 132
textarea 에서 body 무한깜빡현성 질문 드립니다.
미해결
[React / VanillaJS] UI 요소 직접 만들기 Part 1
리액트로 작성된 textarea(controlled, uncontrolled 모두 포함) 의 경우에 개발자 도구에서 body 태그를 보면 무한깜빡거리는 현상이 있는데.. 이건 렌더링이 계속 발생하는거 아닌가요? textarea 에 포커스만 가더라도 body 에 무한깜빡현상이 발생하는데 왜 그런걸까요? 이전값과 현재값을 비교하기도 해보고 useEffext를 사용하기도 해보고 했는데 해당 현상이 사라지지 않는것 같아요..
- react
- typescript
- dom
- ui
- vanilla-js
jaiyah
댓글 2
좋아요 0
조회수 154
인기 태그
인프런 TOP Writers
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv