inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

서버 컴포넌트 console.log

해결됨

한 입 크기로 잘라먹는 Next.js

앱 라우터의 데이터 패칭 수업 중 서버 컴포넌트에서 찍은 콘솔창은 브라우저에서는 보이지 않는다고 하시는데 브라우저 콘솔에 아주 잘보이거든여? 제가 잘 못 이해한걸 까요? // 랜덤으로 추천도서 가져옴 async function RecoBooks() { //api로 데이터를 불러오면 타입스크립트는 어떤 결과값을 가져올지 몰라 타입정보를 지정해줘야한다. const response = await fetch( `${process.env.NEXT_PUBLIC_API_SERVER_URL}/book/random` ); //예외처리 필수 if (!response.ok) { return <div>오류가 발생했습니다...</div>; } const recoBooks: BookData[] = await response.json(); //타입 : BookData[] console.log("랜덤 => ", recoBooks); //정상적으로 불러와서 렌더링까지 확인할 수 있다. return ( <div> {recoBooks.map((book) => ( <BookItem key={book.id} {...book} /> ))} </div> ); } export default function Home() { //async 제외 // 인덱스 페이지 return ( <div className={style.container}> {/* section 태그는 div 태그와 이름만 다른뿐 기능은 같다 */} <section> <h3>지금 추천하는 도서</h3> {/*books은 mock폴더안에 임시 배열데이터, list 형태로 렌더링 */} <RecoBooks /> </section> <section> <h3>등록된 모든 도서</h3> <AllBook /> </section> </div> ); }

  • react
  • typescript
  • next.js
ddobbi 댓글 1 좋아요 -1 조회수 179

슬라이싱 관련 질문

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요. 슬라이싱에서 마지막 앞 단어 추출할 때 listbox[7:-1] 이렇게 입력하면, '-1'이 마지막 값(9)이니까 listbox[7:9]와 같은 결과가 나와야 하지 않나요? 왜 listbox[7:8]과 같은 결과가 나오는 걸까요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
BD (BD) 댓글 2 좋아요 0 조회수 70

서버 컴포넌트의 렌더링 과정

해결됨

한 입 크기로 잘라먹는 Next.js

Next.js의 App Router 강의를 듣다가 헷갈리는 부분이 있어서 질문 드립니다! 서버 컴포넌트로 초기 접속을 하게 되면 서버에서 RSC Payload와 HTML을 렌더링해서 브라우저에 보여주는걸까요? 아니면 RSC Payload가 직렬화한 HTML 정보를 가지고 있어서 바로 브라우저에 보내지는걸까요? 공식 문서에는 하이드레이션을 한다고 되어 있는데 하이드레이션을 하게 되면 두 번 렌더링이 되는거 아닌가요?? Link를 통해 서버 컴포넌트로 이동하게 되면 클라이어트 컴포넌트가 이동하는 것처럼 CSR 방식으로 동작을 하는건가요? 만약 동작을 한다 그러면, prefetch된 RSC Payload를 통해서 브라우저가 새로운 UI를 구성하는건가요?

  • react
  • typescript
  • next.js
gayeongx0916 댓글 2 좋아요 0 조회수 121

강의연장 문의드립니다

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요! 필기 8회 합격후 작년에 시험일때마다 일정이 겹쳐 접수만해놓고 실기 시험을 못쳤습니다.. 그래서 올해 10회차 실기시험을 보려하는데 만료까지 일주일남아서요ㅜㅜ 혹시 연장가능할까요?! 메일주소는 tmfql7473@naver.com 입니다.

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
kor0227 댓글 2 좋아요 0 조회수 65

이해가 잘 안되는데... 전체적으로요

해결됨

Cursor AI로 만들면서 배우는 Web & Javascript

안녕하세요 강사님 강의가 거의 대부분 이해가 될 듯 말듯합니다. 강의코드를 다 잘 아시니까, 이게 이런거고 저게저런거다라고 쭈욱 빠르게 얘기해주시는데, 이해시키기보단 강사님이 아시는걸 설명하시는 느낌이에요. 근데, 반쯤 이해되는 상태이고, 코드 따라 안써봐도 되겠죠? 커서로 짜주는 코드를 해석하는 능력을 기르는게 중요하다고 하셨으니까요..!! 일단 정주행해도 될지, 아니면 제가 방향을 잘못잡고있는지 궁금해서 질문남겼습니다!! 열의있게 강의해주셔서 감사합니다.

  • HTML/CSS
  • javascript
  • llm
  • 생성형ai
  • cursorai
트트킁 댓글 1 좋아요 0 조회수 217

padding-bottom 사용 이유가 무엇인가요?

미해결

핵심만 골라배우는 CSS3

works together에서 위 아래 padding 을 다 주셨는데, top은 이해가 되는데 bottom 을 지정하는 이유가 따로 있나요? .banner { padding-top: 216px; padding-bottom: 216px; background-color: #386e38; text-align: center; color: white; 만약 위 코드에서 height: 650px; 처럼 세로 길이가 고정되어 있는 배너라면 padding-bottom 은 필요 없을까요?

  • HTML/CSS
dlsrksrhk 댓글 2 좋아요 0 조회수 166

class명 네이밍 컨벤션 질문입니다!

미해결

핵심만 골라배우는 CSS3

단순 호기심 질문이긴 한데요. 클래스명 보면 banner__title 처럼 언더스코어를 두개씩 지정하시던데, 단순히 baner_title 처럼 언더스코어 하나만 사용했을때와 다른 어떤 이유나 숨겨진 미세팁 같은게 있을까요? 아니면 딱히 이유 없이 경력이 쌓이면서 습관화 돼서 사용하시는 관례인건가요?

  • HTML/CSS
dlsrksrhk 댓글 2 좋아요 0 조회수 134

강의 기간 연장 요청 드려도 될까요?

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

선생님~ 매번 55점, 50점 이렇게 탈락해서 ㅠㅠ 이번에는 꼭 합격 하려고 하거든요 작업2는 매번 만점이었는데 ,1/3 유형에서 조금만 응용되어 나오면 멘붕오면서 잘 안되더라고요ㅠ moonsj@kakao.com 이게 등록된 메일인데, 연장 부탁드립니다! 10회에는 꼭 합격하길 바라며ㅠㅠ

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
moonwrd 댓글 2 좋아요 0 조회수 130

강의 기간 연장 문의

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

안녕하세요. 이번 10회 실기 시험을 준비 중인데, 강의 만료 기간이 5월 2일인 상태입니다. 강의를 여러번 계속 반복해서 봐야 될거 같은데, 혹시 10회 실기 시험일까지 연장 할 수 있는 방법이 있는지 문의를 드립니다. 메일 주소는 아래와 같습니다. gmanf77@naver.com 감사합니다!

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
댓글 2 좋아요 0 조회수 83

포트폴리오 문의드립니다.

미해결

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

강사님 안녕하세요. gsap강의 소개에 있는 에이전시 합격 포트폴리오는 수강생들 각자 제작한걸까요? 아니면 이번 수업중에 있는 내용일까요? 너무 잘 만드셔서 참고해서 만들어보고 싶은데 정보를 얻을 수 없을까요.. 문의드립니다.

  • HTML/CSS
  • 포트폴리오
  • 반응형-웹
  • gsap
댓글 2 좋아요 0 조회수 138

QT와 QT Designer에 대한 질문 사항

미해결

[Level 1] Qt를 이용한 Python 프로그래밍: 입문편

안녕하세요? 해당 QT 수강생입니다. 수강을 듣던 도중 문의사항이 생겨 문의드립니다. QSS, Layout , QmainWindow에 대한 강의를 QT Designer 활용이 아닌 python에서 직접 구현을 하시는 강의를 봤습니다. 1) 제가 알기로는 GUI 구성을 QT Designer로 구성하고 해당 항목을 .py파일로 변환 후에 가져와서 연동하는게 더 편한데 QT Designer을 안하고 사용하시는 이유가 있을까요? 2) QT Designer에 대하여 좀 더 깊숙히 배우고 싶은데 해당 강의나 또는 참고할 만한 문서나 자료, 사이트 가 있다면 추천 부탁 드리겠습니다. 감사합니다.

  • python
  • gui
  • qt
  • qml
  • pyside6
mhyu2 댓글 2 좋아요 1 조회수 199

2판 책 인터넷 서점에서 확인가능하네요ㅎ

미해결

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

근데 출고일이 28일부터 순차출고면ㅜㅅㅠ 29일쯤 받겠네요? 타책은 2주전부터 나와서 과감하게 포기했거든요ㅜ 혹시 신책 프로모션은 없는거죠? 교보문고는 책만 있는것 같아서요ㅎ

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
stomdll3 댓글 1 좋아요 1 조회수 101

npx prisma db push 오류 해결 부탁드립니다.

해결됨

한 입 크기로 잘라먹는 Next.js

이미 다른 분들이 동일하거나 비슷한 경우를 많이 올려주셔서 다시 해봐도 도저히 해결이 안되어 문의 글 남깁니다. .env 생성했고... # Connect to Supabase via connection pooling DATABASE_URL="postgresql://postgres.zbjatvpiqrregrejqyok:akswlwlak29@aws-0-ap-northeast-2.pooler.supabase.com:6543/postgres?pgbouncer=true" # Direct connection to the database. Used for migrations DIRECT_URL="postgresql://postgres.zbjatvpiqrregrejqyok:akswlwlak29@aws-0-ap-northeast-2.pooler.supabase.com:5432/postgres" 이렇게 오류가 발생합니다. C:\Users\BANG\Documents\onebite-books-server-main\onebite-books-server-main>npx prisma db push Environment variables loaded from .env Prisma schema loaded from prisma\schema.prisma Datasource "db": PostgreSQL database "postgres", schema "public" at " aws-0-ap-northeast-2.pooler.supabase.com:5432 " Error: Schema engine error: FATAL: Tenant or user not found supabase에서 계속 프로젝트 삭제 후 재생성해보고 비번도 바꿔봐도 동일한 증상입니다. 확인 부탁드립니다.

  • react
  • typescript
  • next.js
p4sh4 댓글 2 좋아요 1 조회수 374

학습자료가 안보여요

해결됨

Cursor AI로 만들면서 배우는 Web & Javascript

학습자료 첨부가 안되어있는것 같습니다!

  • HTML/CSS
  • javascript
  • llm
  • 생성형ai
  • cursorai
트트킁 댓글 2 좋아요 0 조회수 156

파이썬으로 Plain Text 포멧 파일 다루기 연습문제 질문

미해결

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

연습문제 3번을 풀었는데 줄마다 한 줄씩 떨어지는데 붙여서 나오게 하는 방법을 모르겠습니다. 코딩 data_file = open('00_data/text_data_practice.txt', 'r', encoding='utf-8-sig') for data_line in data_lines: print (data_line) data_file.close() 답변 유치원A 초등학교B 중학교C 고등학교D 대학교E - 강의 영상에 대한 질문이 있으시면, 상세히 문의를 작성해주시면, 주말/휴일 제외, 2~3일 내에 답변드립니다 (이외의 문의는 평생 강의이므로 양해를 부탁드립니다.) - 강의 답변이 도움이 안되셨다면, dream@fun-coding.org 로 메일 주시면 재검토하겠습니다. - 괜찮으시면 질문전에 챗GPT 와 구글 검색을 꼭 활용해보세요~ - 잠깐! 인프런 서비스 운영(다운로드 방법포함) 관련 문의는 1:1 문의하기를 이용해주세요.

  • python
  • pandas
sanghyun17.lee 댓글 1 좋아요 0 조회수 118

모달 Metadata 질문입니다.

해결됨

한 입 크기로 잘라먹는 Next.js

모달을 열 때는 Metadata가 제대로 설정되지 않고 새로고침 했을 때 메타데이터가 적용되는데 이 부분은 어떻게 해결을 해야 하나요?(주신 예제파일을 그대로 실행해도 같은 결과가 나옵니다.)

  • typescript
  • next.js
Kunkun 댓글 2 좋아요 0 조회수 85

Windows에서 수강하는 분들을 위한 노트

미해결

처음하는 파이썬 백엔드 FastAPI 입문 (FastAPI부터 비동기 SQLAlchemy까지) [풀스택 Part1-2]

Windows를 사용하면서 fastAPI 서버를 WSL(Windows Subsystem for Linux)에서 구동하고, MySql 서버를 Windows상에서 구동하는 경우에는 fastAPI를 통해서 MySql에 접속할 때 오류가 발생하는 경우가 있을 수 있습니다. 이는 fastAPI가 설치된 WSL와 MySql이 설치된 Windows가 별도의 머신으로 구성되어 서로의 localhost가 다르기 때문에 발생하는 문제입니다. 따라서 fastAPI에서 접속할 때 localhost가 아닌 Windows의 ip를 사용하여 접속(cmd창에서 ipconfig를 통해 확인)하셔야 합니다. 올바른 ip를 입력하시더라도 접속이 거부될 수 있는데, 이는 MySql에 접속하는 계정명이 "root"가 아니라 "root@localhost"이기 때문일 수 있습니다. 이를 해결하기 위해서는 아래의 sql문으로 새로운 유저 ID와 패스워드를 지정한 다음 이를 통해 접속하시면 됩니다. CREATE USER 'fastapi'@'%' IDENTIFIED BY 'your_password'; GRANT ALL PRIVILEGES ON . TO 'fastapi'@'%' WITH GRANT OPTION; FLUSH PRIVILEGES;

  • python
  • mvc
  • sqlalchemy
  • FastAPI
  • backend
윤형석 댓글 1 좋아요 1 조회수 194

아나그램 비교 코드

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 단순히 == 를 사용해서 코드를 짜면 안돼나요...? word_1 = input() word_2 = input() word_1_d = dict() word_2_d = dict() for x in word_1: word_1_d[x] = word_1_d.get(x, 0) + 1 for x in word_2: word_2_d[x] = word_2_d.get(x, 0) + 1 if word_1_d == word_2_d: print("YES") else: print("NO")

  • python
  • 코딩-테스트
jay3916 댓글 2 좋아요 0 조회수 143

17-03 백엔드 호스트와 포트 에러

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

강의 45:00분에 나오는 host, port, username, password 등을 따라 작성해보고, 노션에 기입된 해당 코드 역시 시도해보았지만, 다음과 같은 에러가 계속해서 발생합니다. 백엔드 프로그램을 실행합니다! 여기서 API를 만들거예요. 여기에 DB에 접속하고, 테이블을 만들 거예요. Error: connect ETIMEDOUT 34.64.244.122:5031 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1634:16) { errno: -60, code: 'ETIMEDOUT', syscall: 'connect', address: '34.64.244.122', port: 5031 } 아래는 index.ts와, Board.postgres.ts 입니다. import { DataSource } from "typeorm" import { Board } from "./Board.postgres." console.log("백엔드 프로그램을 실행합니다!") console.log("여기서 API를 만들거예요.") // // console.log("여기에 DB에 접속하고, 테이블을 만들 거예요.") const AppDataSource = new DataSource({ type: "postgres", host: "34.64.244.122", port: 5031, username: "postgres", password: "postgres2022", database: "postgres", synchronize: true, logging: true, entities: [Board], }) AppDataSource.initialize() .then(() => { console.log("DB에 접속 성공했습니다. 동기화를 시작합니다.") }) .catch((error) => console.log(error)) import { BaseEntity, Column, Entity, PrimaryGeneratedColumn } from "typeorm" @Entity() export class Board extends BaseEntity { @PrimaryGeneratedColumn("increment") number!: number @Column({ type: "text" }) writer!: string @Column({ type: "text" }) title!: string @Column({ type: "text" }) contents!: string }

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
이승엽 댓글 2 좋아요 0 조회수 185

인기 태그

인프런 TOP Writers

주간 인기글