2분 44초 질문
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
무슨말씀이신지 이해가 안가요.ㅠㅠ 가운데정렬을 편안하게 해주려면 span 을 이용하는 이유가 와닿지 않습니다.
- react
- node.js
- seo
- graphql
- next.js
김트랙
댓글 3
좋아요 0
조회수 150
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
homework에 관한 강의는없나용?
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
homework에 관한 강의는없나용?
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
yoonseong
댓글 2
좋아요 0
조회수 93
toJson을 추가하면 [sub].tsx에서 sub를 받아오지 못합니다.
해결됨
따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
entity에 toJson을 추가하고 내용을 비워놓기만 해도, sub를 받아오지 못합니다. 강의에서는 잘 진행되어서 지금 전혀 원인을 알 수 없습니다. 답변 부탁드립니다.
- react
- node.js
- postgresql
- docker
- typescript
- 클론코딩
- next.js
서문규
댓글 2
좋아요 0
조회수 155
SSR은 언제 사용될까요??
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 강의를 수강하면서 나날이 성장하는게 느껴집니다!! SSG, SSR, ISR 개념을 배우면서, SSR을 언제 사용해야 하는지에 대한 고민이 생겼습니다. 블로그 글이나 GPT의 답변을 참고해보니, 개인화된 사용자 데이터나 요청 시에만 알 수 있는 정보에 의존하는 페이지를 렌더링해야 하는 경우 사용한다고 합니다. 저는 조금 다른 접근을 고민해봤습니다. ISR을 활용하여 개인화된 페이지를 생성하고, Middleware에서 사용자 인증을 검증하는 방식 으로 생각해봤습니다. 또는 SSR 대신 SSG를 사용하고, 클라이언트 측에서 필요한 데이터를 패칭하는 방식 으로 생각해봤습니다. 정리하자면 SSR은 언제 써야하는지 잘 모르겠습니다. 소중한 시간 긴 글 읽어주셔서 감사합니다!!
- react
- typescript
- next.js
qjatjs123123
댓글 2
좋아요 0
조회수 228
사전 렌더링시 브라우저 네트워크 탭에 로그가 남지 않는데 이에 대한 디버깅 방법이 있을까요??
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요. 실습을 진행하면서 새로고침 했을때 브라우저 개발자도구 네트워크 탭에 api 요청 로그가 남지 않더라구요. 그래서 새로고침을 하거나 처음 앱을 실행시켰을 경우 사전 렌더링에 의해서 서버측에서 api요청을 진행하면서 로그가 남지 않는걸로 이해했습니다. 그러면 만약 api 요청에 대한 디버깅을 진행해야 하는 상황이라면 서버측 터미널 로그로만 확인 수 밖에 없는걸까요??
- react
- typescript
- next.js
Hndx
댓글 2
좋아요 0
조회수 132
fetchOneBook API 사용하는거 대신 fetchBooks API 호출한 데이터를 props로 전달하는 방식으로 대체하기
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 좋은 강의 감사합니다. 이번 강의를 들으며, Link 를 사용해 /book/${id} API 를 호출하여 데이터를 불러오는 방식 대신, fetchBooks API 로 받아온 books 데이터를 props 로 전달하는 방식은 어떨까 라는 생각이 들었습니다. 정답은 없는 것 같지만 강사님의 생각이 궁금해서 여쭤봤습니다.
- react
- typescript
- next.js
qjatjs123123
댓글 2
좋아요 0
조회수 193
SSR, CSR 관련 질문입니다.
해결됨
한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지
현직 개발자입니다. 생각이 많아져서 질문드립니다. SSR(타임리프, JSP), CSR(Vue3) 을 프로젝트 경험하면서.. 이런저런 생각이 드는데요. 1.CSR은 SEO문제 해결이 가능한가요? 2.CSR은 컴포넌트 재사용이 장점이나 화면복잡도가 높아질 경우 코드 복잡도가 높아진다고 생각되는데 어떻게 생각하시는지요? 3.SSR이 화면 깜빡임이 있다고 하는데, 실은 비동기 통신하면 화면 깜빡임은 제어 가능합니다. html자체를 바꿔서 렌더링 하는게 아닌 화면 하나당 html하나로 렌더링하는거죠.(메뉴이동시에만 html이동하니 메뉴이동시 초기화면은 깜빡임은 있음) 강의 내용에 있는 Tab은 한화면에 구성하면 깜빡일 일도 없고, 내부 공통 기능들은 공통JS로 빼고 틀은 같이 쓰고, 공통부분은 템플릿관련 JS로 처리하면 크게 다른부분을 모르겠습니다. 화면 내에서는 전부 비동기 통신 Ajax로 처리하면 깜빡임은 없더라구요. 4.CSR은 SPA기반이라 초기화면이 모바일쪽이 더 심플해서 나을거 같다라는 생각이 듭니다. 대형 포털을 CSR기반으로 하면 복잡도도 높아지고, 제 경험엔 초기화면 또는 복잡한 화면들이 많이 느려지더라구요. 어떻게 생각하시는지요? SSR, CSR이 어떤 상황에 적용되는게 나을지에 대한 의문이 항상 있습니다. 그냥 강의듣다가 개인적인 질문 드려봅니다. cf. 강의 내용은 아주 잘 듣고 있습니다.^^
- javascript
- rest-api
- spa
- dom
Minkoo Lee
댓글 1
좋아요 1
조회수 204
npm 설치 오류
미해결
처음 만난 리액트(React)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. node 파일 버전 확인이 안되는데 어떻게 해결하면 될까요?
- HTML/CSS
- javascript
- react
GC
댓글 1
좋아요 1
조회수 228
Next.js에서 페이지별 JS가 스플리팅되듯, CSS Modules도 페이지별로 스플리팅되나요?
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요! 이번 강의를 수강하며 궁금한 게 있어 질문드려봅니다. 1. Next.js에서 페이지별 JS가 스플리팅되듯, CSS Modules도 페이지별로 스플리팅되는지 궁금합니다. tailwindCSS를 사용하면 페이지별로 스플리팅 되는지 궁금합니다. 소중한 시간 질문 읽어주셔서 감사합니다.
- react
- typescript
- next.js
qjatjs123123
댓글 2
좋아요 0
조회수 126
@Column({unique: true})와 @PrimaryColumn()의 차이
미해결
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
3:23 (nickname에 unique: true 적용) 다름이 아니라 중복을 허용하지 않을 때 @Column({ unique: true })를 해도 되지만 @PrimaryColumn()을 해도 되지 않나해서 여쭤봅니다! 혼자 리서치해본 바로는 PrimaryColumn은 식별자로써 쓰일 수 있으면 쓰고 @Column({ unique: true})는 식별자로 쓰진 않아도 될 때 적용한다는 얘기를 들었습니다. 그런데 식별자가 많아서 나쁠건 없지 않나? 싶기도 하고 nickname을 식별자로 쓸 가능성도 있으면 좋을거 같기도 해서 PrimaryColumn으로 해도 괜찮을거 같다는 생각이 들었습니다. PrimaryColumn이 한 테이블에 너무 여러개 존재하면 안 좋다거나 그런 컨벤션이 있는 것일까요?
- javascript
- typescript
- rest-api
- nestjs
- backend
Bumang
댓글 1
좋아요 0
조회수 92
1-3 백엔드 서버 실습 중 "npx prisma db push 명령어에서 schema.prisma 파일을 인식하지 못합니다 (VSCode에는 보이는데 CLI에서는 못 찾음)"
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요, 강의 잘 듣고 있습니다. Prisma 관련 실습을 따라 하는 중인데, 다음과 같은 문제가 발생해서 문의드립니다. 프로젝트 구조 상 prisma/schema.prisma 파일이 분명 존재하고 VSCode에서도 확인됩니다. .env 파일에 DATABASE_URL , DIRECT_URL 도 정상적으로 설정돼 있습니다. VSCode에서는 schema.prisma 파일이 보이고, Book , Review 모델도 정상적으로 작성되어 있습니다. 문제 상황 같은 명령어로 확인해봐도 PowerShell에서는 아예 prisma 폴더가 없다고 나옵니다. PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db Need to install the following packages: prisma@6.5.0 Ok to proceed? (y) y Environment variables loaded from .env Error: Could not find Prisma Schema that is required for this comm your package.json or put it into the default location. Checked following paths: schema.prisma: file not found prisma\schema.prisma: file not found prisma\schema: directory not found See also https://pris.ly/d/prisma-schema-location PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db Environment variables loaded from .env Error: Could not find Prisma Schema that is required for this comm You can either provide it with --schema argument, set it as `pri Checked following paths: schema.prisma: file not found prisma\schema: directory not found See also https://pris.ly/d/prisma-schema-location PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma Error: Could not load --schema from provided path `prisma\schema PS C:\Users\PC\Documents\onebite-books-server-main> PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma Error: Could not load --schema from provided path `prisma\schema PS C:\Users\PC\Documents\onebite-books-server-main> PS C:\Users\PC\Documents\onebite-books-server-main> npx prisma db risma/schema.prisma 하지만 VSCode에서는 명확하게 prisma/schema.prisma 파일이 존재합니다. VSCode에서 prisma/schema.prisma 가 분명히 보이는데, 터미널(PowerShell)에서는 왜 인식되지 않는 걸까요? CLI가 해당 파일을 찾을 수 있게 하려면 어떤 방법을 써야 하나요? 혹시 Windows 환경에서 자주 발생하는 문제인지, 강의에서 다루는 가이드와 다른 점이 있는지 궁금합니다.
- react
- typescript
- next.js
ssi02014
댓글 2
좋아요 0
조회수 274
문의드립니다.
미해결
기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)
안녕하세요? 궁금한것이 있습니다. 보통 React로 csr을 만들어 배포하는데 next.js로 SSR 페이지 없이 CSR app을 만들어 웹서버(NGINX)에 배포할 수 있는지 궁금합니다. 그리고 SSR로 배포할때, 일반적으로 Node.js 서버를 DMZ 영역에 구성하는지 아니면, WAS처럼 내부망에 구성하는지도 궁금합니다.
- react
- 인터랙티브-웹
- 클론코딩
- next.js
lovelove
댓글 3
좋아요 0
조회수 184
PUT 요청 시 @Body()에 ?를 붙이면 서비스 함수 인자도 optional이어야 하나요?
미해결
[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core
코드팩토리 디스코드에 질문하면 더욱 빠르게 질문을 받아 볼 수 있습니다! [코드팩토리 디스코드] https://bit.ly/3HzRzUM - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 강사님, PUT 요청에서 컨트롤러에서는 @Body() 를 optional ( ? )로 받았는데, 서비스 함수에서는 인자를 필수( string )로 선언하면 TypeScript 에러가 납니다. 이럴 땐 서비스 함수의 author, title, content를 string? 또는 string | undefined 로 바꿔줘야 하는 게 맞을까요?
- javascript
- typescript
- rest-api
- nestjs
- backend
ssavengers
댓글 2
좋아요 0
조회수 99
여러줄에 주석 쓰는 방법 질문
미해결
[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스
강의 내용에선 /** * ~~ *~~ */ 이렇게 쓰시는데 저는 옛날에 /* ~~ */ 이렇게 쓴다고 배웠었거든요. 코팩님과 제 방식은 다른걸까요?
- javascript
rekjeawon88
댓글 1
좋아요 0
조회수 139
문의드립니다.
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
기존 수강자 새로운강의 쿠폰 발급 받을 수 있을까요?
- react
- node.js
- seo
- graphql
- next.js
yoonseong
댓글 2
좋아요 0
조회수 107
Next.js 사전 렌더링 질문
해결됨
한 입 크기로 잘라먹는 Next.js
안녕하세요 궁금한 것이 있습니다. Next.js 사전 렌더링 설명에서 유저가 접속 요청을 보낸다고 하면 서버에서 JS를 실행하여 렌더링 된 HTML을 보내게 되고 클라이언트에서 화면에 렌더링을 하고, 후속으로 JS 번들 파일을 보내게 되고 여기서 중요한 점은 CSR과 같이 모든 JS 파일을 번들링 해서 보낸다..?? 이후 페이지 이동 시 JS 파일이 있기 때문에 서버에 요청을 하지 않고 CSR 방식으로 흘러간다 라고 설명을 해주셨습니다. 여기서 궁금한게 있습니다. 초기 접속 시 JS 번들링 파일을 CSR과 같이 모든 JS를 보내는건지,,? 아니면 해당 접속 페이지에 해당하는 JS를 본내는 건지가 궁금합니다. 검색해보니 Next.js 초기 접속 시 해당 페이지 JS만 번들링 해서 보낸다는 얘기가 있어 헷갈렸습니다.
- react
- typescript
- next.js
nubes
댓글 2
좋아요 1
조회수 187
투두 리스트 강의중 input 태그에 value 속성의 역할이 궁금합니다
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
<input ref = {contentRef} value={content} onChange={onChangeContent} placeholder="새로운 Todo..."/> <button onClick={onSubmit}>추가</button> 위 코드에서 value={content}에서 value가 정확히 어떤 역할을 하는지 잘 모르겠습니다.
- javascript
- react
- node.js
성혜람
댓글 2
좋아요 0
조회수 154
npx expo start하면 왜 실행이안될까요?
해결됨
[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
안녕하세요 도저히 해결이 안되서 질문남깁니다. 일단 맥북이구요. 안드로이드 기기를 키려고 a를 누르면 쭉 메시지가 나오다가 CommandError: No Android connected device found, and no emulators could be started automatically. Please connect a device or create an emulator ( https://docs.expo.dev/workflow/android-studio-emulator ). Then follow the instructions here to enable USB debugging: https://developer.android.com/studio/run/device.html#developer-device-options . If you are using Genymotion go to Settings -> ADB, select "Use custom Android SDK tools", and point it at your Android SDK directory. 이렇게 빨갛게 에러가 나면서 실행이 안됩니다. 지피티로도 해결이 안되서 질문 남겨봅니다.
- javascript
- react
- node.js
- react-native
- typescript
tkdguslee92
댓글 2
좋아요 0
조회수 436
ISR로 블로그 구현시 궁금증 질문있습니다!!
미해결
Next + React Query로 SNS 서비스 만들기
안녕하세요! 좋은 강의 감사합니다 이번 강의를 수강하며 개념적으로 궁금한 점이 있어서 질문드려봅니다. ISR로 블로그 글을 revalidate 시간을 24시간으로 많이 넣어둔다고 하셨습니다. 티스토리나 벨로그에선 기존 글을 수정하면 바로 업데이트가 됩니다. 제가 아는 지식으로 ISR을 하게 된다면 24시간 동안 수정해도 기존 데이터를 보여주어야 한다고 생각해서 ISR보단 SSR이 적합하다고 생각했습니다. ISR은 이러한 문제를 해결할 수 있는지 궁금합니다. 블로그 글이나 뉴스같은 경우 대량의 데이터이기 때문에 그만큼 대량의 페이지가 HTML 파일로 생성되어 큰 용량을 차지할 것 같다는 생각이 들었습니다. 이러한 부분은 어떻게 해결할 수 있는지 궁금합니다. ISR / SSG를 사용하는 페이지 경로로 Next/Link를 사용하여 접속할 경우 클라이언트 사이드 라우팅이 이루어진다고 알고 있습니다. 이 경우 미리 빌드된 HTML 파일을 렌더링하는 ISR/SSG의 장점이 사라지는 것처럼 보이는데, Next/Link에서 ISR/SSG를 사용할 때 어떤 이점이 있는지 궁금합니다. 소중한 시간내어 읽어주셔서 감사합니다.
- react
- next.js
- react-query
- next-auth
- msw
qjatjs123123
댓글 1
좋아요 0
조회수 144
6.5 에러핸들링 router.refersh() -> useRouter.refresh()를 사용하면 될까요?
미해결
한 입 크기로 잘라먹는 Next.js
🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢 ) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- react
- typescript
- next.js
댓글 2
좋아요 0
조회수 271
인기 태그
인프런 TOP Writers
- 정현섭 7
- eggmun(문성진) 4
- hush park 4
- 꿈이 있는 자유 4
- 박효정 3
- morneau 3
- Like me black 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚨[월 최소 650만원+] AI/Bigdata 데이터 분석·머신러닝 강사 구합니다🚨 NoFe