inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

챕터 5 모달 처리 | Add 클릭 이후 모달창이 안떠요

미해결

코드로 배우는 React 19 with 스프링부트 API서버

모달창이 안떠서 settimeout으로 처리 하니 Modal에 result 값이 true로 적용됩니다 코드는 깃으로 올리겠습니다 선생님 강의에 올라와있는 ch06 파일 코드 넣어서 해봐도 모달창이 안뜨네요 ㅜㅜ https://github.com/hyeonbin03/webstromhub

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
양현빈 댓글 4 좋아요 0 조회수 431

[1.3장 주문 내역 화면] 1.3.5 Card 조합 질문 있습니다

해결됨

[React 2부] 고급 주제와 훅

강의를 듣다가 의문이 생겨서 질문 드립니다. const OrderPage = () => ( <div className="OrderPage"> <Page header={<Title>주문내역</Title>} footer={<Navbar />}> <OrderStatusCard order={fakeOrder} /> <OrderPaymentCard order={fakeOrder} /> <OrderDeliveryCard order={fakeOrder} /> </Page> </div> ); 위 코드는 수업중 강사님이 작성하신 코드 입니다. 제가 의문인 부분은 OrderStatusCard, OrderPaymentCard, OrderDeliveryCard 모두 같은 fakeOrder를 파라미터로 넘기는 점 입니다. fakeOrder는 Order가 발생될 때 생기는 모든 데이터를 저장하고 있습니다. 이때 OrderStatusCard 관점에서 보면 Status와 상관 없는 데이터들도 fakeOrder를 받으면서 같이 파라미터로 넘어가게 됩니다.(예를 들어 deliveryPrice, discountPrice 등 배달에 관련 데이터가 같이 넘어갑니다.) 해당 실습 예제 코드는 적은 데이터를 사용해서 문제가 없겠지만 만약 수 많은 데이터가 한번에 오고 갈때 성능적인 이슈가 발생하는 문제와 status와 상관없는 데이터들이 넘어가 컴포넌트들이 완벽하게 분리 되지 않는 느낌이 있습니다. 제가 생각한 방법은 조금 귀찮더라도 Order정보를 가지고 있는 OrderPage에서 데이터를 분리해서 넘겨주는 것이 좋다고 생각합니다. 아래는 제가 작성한 코드입니다. const OrderPage = () => ( <div className="OrderPage"> <Page header={<Title>주문내역</Title>} footer={<Navbar />}> <OrderStatusCard status={fakeOrder.status} orderDate={fakeOrder.orderDate} name={fakeOrder.name} id={fakeOrder.id} /> <OrderPaymentCard totalPrice={fakeOrder.totalPrice} paymentMethod={fakeOrder.paymentMethod} productPrice={fakeOrder.productPrice} deliveryPrice={fakeOrder.deliveryPrice} discountPrice={fakeOrder.discountPrice} /> <OrderDeliveryCard deliveryAddress={fakeOrder.deliveryAddress} deliveryContact={fakeOrder.deliveryContact} messageToRider={fakeOrder.messageToRider} messageToShop={fakeOrder.messageToShop} /> </Page> </div> ); 현업에서는 어떤 방식을 사용하는지 강사님의 의견을 듣고 싶습니다. 좋은 강의 잘 듣고 있습니다. 긴글 읽어주셔서 감사합니다 ㅎㅎ

  • react
  • react-component
이찬원 댓글 1 좋아요 2 조회수 306

기본환경설정(2-1) 강의에서, Ctrl+F5 눌러도 Hello python!일 출력되지 않습니다.

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

안녕하세요. 이전강의들을 포함해서, "파이썬 기본 환경 설정(2-1) : 개발 환경 설정(Vscode) - Windows" 강의 내용을 그대로 따라서 했습니다. 그런데 해당 강의 동영상의 25:33에서처럼 Ctrl+F5 단축키를 누르거나 Run 메뉴에서 Run Without Debugging을 직접 선택해도, 강의에서처럼 Hello python!이 출력되지 않고 이렇게 Select debugger라고 나옵니다. 이때 무엇을 선택해야 하나요? 어떻게 하면 강사선생님처럼 Run Without Debugging을 실행할 수 있나요? 참고로 오른쪽 상단의 오른쪽 방향 세모 아이콘을 클릭하면 문제없이 실행하고 Hello python!이 출력됩니다. (저는 단축키 설정에 대해서 질문을 드린 게 아닙니다.)

  • python
defoogle 댓글 2 좋아요 0 조회수 619

강사소개편 큰 그림으로 정리하기

미해결

쿠버네티스 어나더 클래스-Sprint 1, 2 (#실무기초 #설치 #배포 #Jenkins #Helm #ArgoCD)

실습에 문제 발생 시 최대한 캡쳐 화면을 꼭 올려 주세요. (원인 파악에 도움이 큽니다) 영상 내용 질문 시 해당 영상 제목과 내용이 있는 시간을 같이 올려주세요. (내용을 다시 들어보고 답변을 드리기 위해서 입니다) 긴 로그는 제 메일로 보내주세요. (k8s.1pro@gmail.com) 카페 [강의 자료실]에도 많은 질문과 답변들이 있어요! cafe: https://cafe.naver.com/kubeops 안녕하세요! 선생님 강사소개편을 감동하면서 봤습니다. 역시 일프로는 다른것같아요.저도 선생님을따라 업무나 공부에 있어서 큰 그림을 그려보고싶은데 따로 툴은 ppt를 이용하셨나요??

  • kubernetes
  • infrastructure
  • container
터프남 댓글 1 좋아요 1 조회수 211

서버가 각각 구성된 실무에선 컨테이너가 어떻게 사용되는지 궁금해요

해결됨

개발자를 위한 쉬운 도커

안녕하세요! 🙃 이런 질문 올려도 되는지 모르겠지만 .. 여태 로컬에서 여러 컨테이너 띄워서 테스트 하다가 궁금한게 생겼습니다.. 실제로 도커를 사용하는 환경이라고 해야되나 어떻게 활용되는지 궁금해서요! 강의에서는 3티어로 한 서버(로컬)에서 한번에 구성하는걸 알려주셨는데 개발 할 땐 편할거 같지만 배포하고 운영할때는 어떻게 사용되는걸까요? (서버 한대에 3티어를 구성할때 사용할수는 있을것 같지만요.. 🤔 ) 아래를 예로 들자면(실제로 서버를 이렇게 구성하는게 맞는건진 모르겠네요.. 😭 ) 프론트-리액트 백엔드-스프링부트 Db-redis, mysql 이렇게 사용한다고 했을때 실제 현업 서비스라면 Nginx-클라우드 서버 2대 사용 Was-클라우드 서버 2대 사용 Db-클라우드 서버 3대(?) 사용 (mysql 이중화, 캐시용 redis 1대) 이렇게 서버를 여러개 써서 구축할텐데 각각 서버에 직접 프로세스 하나씩 띄우는게 기존 방식인 상태인거죠.. 🤔 이 상태에서 ci/cd를 구축하기 위해서 컨테이너 기술을 사용한다면… 각각 웹, 와스, db 서버에서 전부 도커로 띄우게 되는 걸까요? 프론트랑 백은 배포까지 해야할테니 그럴것 같은데 db도 도커로 띄우면 장점이 있나요? 3티어를 전부 쿠버네티스로 관리하기 위한 게 맞을까요..? 각각 서버 하나에 컨테이너 하나씩 띄워서 운영되는 건지.. 한 서버에 내에서 컨테이너로 이중화 하는 상황도 있는건지… 궁금합니다🥹🥹🥹🥹 실제로 개인 프로젝트를 클라우드 서버에 배포 해보고 싶어서 질문이 많았네요 😅

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
먼산 댓글 1 좋아요 1 조회수 475

JSX에서 CSS파일 연결하는게 안됩니다

미해결

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 선생님강의 잘 듣고 있습니다! 다름이 아니라 선생님 강의 중 'JSX로 UI 표현하기' 편을 듣고 있는데import를 이용해서 CSS파일을 연결하는 부분에서 막혔습니다 강의와 똑같이 작성했는데 스타일 적용이 안되는 이유가 뭘까요?화면에 오류 표시도 안뜨는데 코드에 문제가 있는지 궁금합니다

  • javascript
  • react
  • node.js
Nara 댓글 3 좋아요 0 조회수 636

docker-compose up 오류

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

docker-compose up을 사용하면 initdb: error: directory "/var/lib/postgresql/data" exists but is not empty initdb: hint: If you want to create a new database system, either remove or empty the directory "/var/lib/postgresql/data" or run initdb with an argument other than "/var/lib/postgresql/data". 라는 오류가 자꾸 발생합니다. 삭제하고 다시 해도 해결이 안되서 질문남깁니다. 어떻게 해결해야하나요.

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
진용 댓글 1 좋아요 0 조회수 840

안녕하세요 복습은 어떤식으로 하면 되나요

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

안녕하세요 복습은 어떤식으로 하면 되나요

  • python
  • 웹-크롤링
닉네임을 등록해주세요 댓글 1 좋아요 0 조회수 258

Security 단원에서 Dto와 인증 서비스 강의 관련입니다

미해결

코드로 배우는 React 19 with 스프링부트 API서버

loadUserByUsername 메서드에서 username 으로 조회잘되고 조회된 MemberDto는 log 출력도 잘되는데 다음 단계에서 "Encoded password does not look like BCrypt" 라는 warn 과 함꼐 "Failed to process authentication request" 로 자격증명에 실패했다고 합니다. DB의 패스워드는 암호화 되어 잘 저장된거 확인됩니다 제가 무언가를 잘못 작성한건지 파라미터로 보낸 password 는 어디서 encode해야 하는건지 아니면 다른 문제가 있는건가요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
heejoonk5 댓글 5 좋아요 1 조회수 591

ArgoCD Image Updater ConfigMap 설정

해결됨

쿠버네티스 어나더 클래스-Sprint 1, 2 (#실무기초 #설치 #배포 #Jenkins #Helm #ArgoCD)

안녕하세요. ArgoCD Image Updater를 이용하여 Dev환경에서 code trigger 발생시 이미지 자동 빌드/업데이트부터, 이미지 업데이트를 감지하여 자동 배포까지 되도록 구성중에 있습니다. 그런데 image updater를 설치를 다 했고 image updater 파드에서 test 실행시에도 정상으로 나오면서 pod log에서도 2분 주기로 정상동작을 하고 있습니다. 다만, argocd 에서 application에 annotation을 아무리 설정을 해도 자동 배포가 되지 않고 image updater 파드 로그 확인시에도 카운트는 계속 0 으로 나온다는 것이죠. image updater가 argocd application 을 바라보지 못 하는 것인가 싶은데, configmap에서 설정을 수정해야 하는 것인지 어디가 문제인지 어떻게 해결해야 하는지 감이 잘 안옵니다.. 제 환경을 먼저 설정드리자면 private registry registry credentail = secret에 dockerconfigjson로 저장 argocd, argocd-image-updater 는 같은 네임스페이스 (argocd) 에서 설치 배포할 application의 네임스페이스와 분리 - (네임스페이스: test) image tag = 버전업, latest 이 아닌 "dev"라는 태그명으로 이미지 업데이트 위와 같고, argocd-image-updater configMap은 아래처럼 작성했습니다. apiVersion: v1 kind: ConfigMap metadata: labels: app.kubernetes.io/name: argocd-image-updater-config app.kubernetes.io/part-of: argocd-image-updater name: argocd-image-updater-config namespace: argocd data: applications_api: argocd argocd.grpc_web: "true" argocd.insecure: "true" argocd.plaintext: "false" argocd.server_addr: <argocd-server EXTERNAL-IP> log.level: debug registries.conf: | registries: - name: bckrkube api_url: https://<azure>.azurecr.io prefix: <azure>.azurecr.io credentials: pullsecret:test/<registry-secret-name> ping: yes 그리고 application의 annotation은 아래처럼 했습니다. argocd-image-updater.argoproj.io/image-list: <alias>=<registry>/<image-name>:dev argocd-image-updater.argoproj.io/<alias>.allow-tags: dev argocd-image-updater.argoproj.io/<alias>.pull-secret: secret:test/<secret> argocd-image-updater.argoproj.io/<alias>.update-strategy: digest 혹시 이 설정중에 문제가 있을까요?

  • kubernetes
  • infrastructure
  • container
유주 댓글 2 좋아요 2 조회수 973

포스트맨 구성이 달라졌어요

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다) - 이외의 문의등은 평생강의이므로 양해를 부탁드립니다 - 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다 - 잠깐! 인프런 서비스 운영(다운로드 방법포함) 관련 문의는 1:1 문의하기를 이용해주세요. 포스트맨 구성이 달라져서 블로그 보고 따라해봐서 성공했습니다 업데이트 되어 달라진 것 같아서, 다른 분들도 참고하실 수 있게 강의 내용도 업데이트 되거나 게시판에 업로드 해주시면 좋을 거 같습니다-

  • python
  • 웹-크롤링
  • 포스트맨
juhyun2393 댓글 2 좋아요 2 조회수 444

aws ec2에 설치 방법

미해결

쿠버네티스 어나더 클래스-Sprint 1, 2 (#실무기초 #설치 #배포 #Jenkins #Helm #ArgoCD)

안녕하세요. 제가 쓰는 실습 환경이 윈도우와 맥 2가지 입니다. 그래서 aws ec2에 ubuntu로 설치를 하려고 하는데 ubuntu로 실습 환경을 만들수 있는 가이드가 있을까요??

  • kubernetes
  • infrastructure
  • container
어이쿠 댓글 1 좋아요 1 조회수 305

import 절대경로 설정 방법 질문 드립니다!

해결됨

손에 익는 Next.js - 공식 문서 훑어보기

조은님 안녕하세요 🙂 강의 잘 보았습니다! 강의를 보다가 문득 궁금한 점이 있는데요! import 문 통해서 절대경로로 파일을 불러올 때, 전역에 있는 tsconfig.json 내에서 파일별로 일일이 수동 설정을 해주어야하는 걸로 아는데 조은님께서는 자동으로 @가 붙여진 형태로 불러와지는 거 같아서요! 혹시 따로 설정 어떻게 하셨는지 여쭤봐도 괜찮을까요?

  • react
  • typescript
  • next.js
  • next.js13
killyou18 댓글 1 좋아요 0 조회수 335

dev container 종료

미해결

개발자를 위한 쉬운 도커

안녕하세요 강의 정말 잘 보고 있습니다! dev container 로 컨테이너 내에서 작업하는 실습까지 해보았는데요 그 이후로 재실행하거나 다른 파일을 열어도 전부 컨테이너 개발모드로 열립니다. 어떻게 되돌릴 수 있을까요? 중단을 하니 터미널도 입력이 안되구요

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
댓글 2 좋아요 2 조회수 671

code로 열기 가 안보여요

해결됨

개발자를 위한 쉬운 도커

vscode는 기존에 깔려있어서 따로 설치하지 않았는데 삭제후 재설치 해야하나요?

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
devel 댓글 1 좋아요 1 조회수 207

linux용 하위 window 기능 설정

미해결

개발자를 위한 쉬운 도커

wsl 패키지를 실행시키면 이런 오류가 뜹니다.. 이렇게 linux용 windows 하위시스템 부분이 체크되어 있는데도요ㅠ 하위시스템 설치 완료되어 있다는데 왜 안되는 걸까요?

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
devel 댓글 1 좋아요 1 조회수 340

블로그 작성 시 인강화면도 캡처해서 넣어도 될까요?

미해결

쿠버네티스 어나더 클래스-Sprint 1, 2 (#실무기초 #설치 #배포 #Jenkins #Helm #ArgoCD)

안녕하세요 블로그 복습 시 인강 화면도 캡쳐해서 첨부하고 싶은데 가능할까요?

  • kubernetes
  • infrastructure
  • container
dlawhdgus2137 댓글 1 좋아요 1 조회수 542

강의자료 부탁드립니다

미해결

프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)

rokoppa@gmail.com 입니다. 감사합니다~!

  • python
댓글 1 좋아요 0 조회수 223

Docker Compose 실습 - leafy 에서 leafy-front 오류가 생깁니다.

해결됨

개발자를 위한 쉬운 도커

안녕하세요. 윈도우11에서 학습중인데 섹션9. 도커 컴포즈 > Leafy 도커 컴포즈 실습에서 docker compose up -d 로 하면 leafy-front-1이 실행되지 않고 아래 로그가 나옵니다 . exec /usr/local/bin/docker-entrypoint.sh: no such file or directory 구글링 해보니 윈도우 11 환경에서 나온다고 해서 git config --global core.autocrlf true 를 설정해주면 된다고 해서 해당 설정후에 소스를 다시 받고 빌드를 해도 같은 문제가 발생합니다. 혹시 해결 방법을 알수있을까요?

  • docker
  • 가상화
  • ci/cd
  • docker-compose
  • github-actions
  • docker-volume
  • container
김유근 댓글 1 좋아요 2 조회수 501

기존 react 에서 navigate 에 state 로 데이터를 전달했습니다.

해결됨

손에 익는 Next.js - 마이그레이션하기

안녕하세요. 현재 react 로 구성되어 있는 프로젝트를 next.js 로 마이그레이션 하기 위해 강의 신청해서 들었습니다. 마이그레이션 도중 질문이 있어서 글 남겨봅니다. 1) 기존 react 에서 navigate 의 state 값으로 전달하던 데이터 들이 있습니다. 전달된 데이터는 location state 로 가져와서 사용했구요. 2) next 12 버전 까지는 query 에 객체를 담아서 보낼수 있고 url 도 as 를 이용해서 제어할 수 있는걸 확인했습니다. 3) 하지만 13버전 이후부터 next/router -> next/navigate 로 변경되면서 query 객체, as 가 삭제되어진 걸로 확인되는데 페이지 이동시 데이터를 전달하러면 url 에 그냥 꼬라박는 방법 뿐인지 질문 드립니다.

  • react
  • next.js
  • vitejs
이정호 댓글 1 좋아요 0 조회수 737

인기 태그

인프런 TOP Writers

주간 인기글