inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

File 처리 관련 궁금사항

해결됨

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

안녕하세요, Drag & Drop 강의 도중 궁금한 점이 생겨 질문드립니다. File Upload 처리 같은 경우는, SupaBase가 아니어도, 보통은 이러한 방식으로 File 객체를 전달하는 것이 맞을까요?? 어떤 방법이 조금 더 일반적인지 궁금합니다!

  • firebase
  • next.js
  • tailwind-css
  • react-query
  • supabase
김용민 댓글 1 좋아요 0 조회수 225

임시 폴더로부터 이미지 파일 이동시키기

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

임시폴더로 부터 이미지 파일 이동시키는 강의를 들었는데요. 지금은 아직 S3 를 사용하지 않지만 만약 S3 를 사용할때도 임시폴더를 만들어두시고, 최종적으로 저장을하게 되면 이미지 파일을 S3에 이동을 시키시나요 ?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
SJ 댓글 1 좋아요 0 조회수 209

Next 14 사용해도 될까요?

미해결

[리뉴얼] React로 NodeBird SNS 만들기

궁금합미다

  • react
  • redux
  • node.js
  • express
  • next.js
ddabong 댓글 1 좋아요 0 조회수 469

value 오류 문의

해결됨

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

🚨 아래의 가이드라인을 꼭 읽고 질문을 올려주시기 바랍니다 🚨 질문 하시기 전에 꼭 확인해주세요 - 질문 전 구글에 먼저 검색해보세요 (답변을 기다리는 시간을 아낄 수 있습니다) - 코드에 오타가 없는지 면밀히 체크해보세요 (Date와 Data를 많이 헷갈리십니다) - 이전에 올린 질문에 달린 답변들에 꼭 반응해주세요 (질문에 대한 답변만 받으시고 쌩 가시면 속상해요 😢) 질문 하실때 꼭 확인하세요 - 제목만 보고도 무슨 문제가 있는지 대충 알 수 있도록 자세한 제목을 정해주세요 (단순 단어 X) - 질문의 배경정보를 제공해주세요 (이 문제가 언제 어떻게 발생했고 어디까지 시도해보셨는지) - 문제를 재현하도록 코드샌드박스나 깃허브 링크로 전달해주세요 (프로젝트 코드에서 문제가 발생할 경우) - 답변이 달렸다면 꼭 확인하고 반응을 남겨주세요 - 강의의 몇 분 몇 초 관련 질문인지 알려주세요! - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 아래 오류가 자꾸 뜨는데 이유를 모르겠습니다... input 태그에 텍스트도 써지지 않습니다. onchange2 도 이어서 작성하면 오류가 발생하여 지워버렸습니다ㅠㅠ Warning: You provided a value prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultValue . Otherwise, set either onChange or readOnly .

  • javascript
  • react
  • node.js
suhyunk519 댓글 2 좋아요 0 조회수 375

file upload common module 관리

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

강의에서 image 업로드 시에 common module 를 만들어서 업로드 진행하는것을 봤는데요. controller 단에서 타고와서 메서드에서 필터링 처리하는게 아니라, 이미 module 에서 검증된것을 파일 올리기만 하니까 간편해보였습니다. 만약 이미지 파일뿐만 아니라 , 엑셀파일로 업로드 받는다고 하면 어떻게하면될까요 ?? 그때도 common.modules.ts 파일안에 register 메서드에 조건문으로 처리하시나요 ?? ex) if (ext === '.xlsx') { } elif (ext === '.jpg' && ext === '.jpeg' && ext === '.png') { }

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
SJ 댓글 1 좋아요 0 조회수 182

이미지 업로드

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요 ㅎ 이미지 업로드 방식에 대해서 말씀해주셨는데요. 말씀하신것처럼 사용자가 이미지를 올렸다가 마음이 바껴서 다른 이미지를 올리고싶을때 다시 이미지를 여러번 교체할수있잖아요 하지만 데이터베이스 상에서는 마지막으로 올린 S3 경로가 저장되어있을텐데요. 이럴경우 데이터베이스상에는 저장이 되어있지않지만 S3 에 올라간 이미지들은 어떻게 하시나요 ? 주기적으로 삭제 해주신다고 하셨는데 어떤방식을 하시나요 ?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
SJ 댓글 1 좋아요 0 조회수 177

이미지 저장 경로 Public

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요 ! 우선 지금은 공부 단계이기때문에 이미지저장 경로를 S3 로 하지않고 Public 으로 하시나요 ? 아니면 원래 Public 에다가 이미지를 저장하시나요 ??

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
SJ 댓글 1 좋아요 0 조회수 168

3. 동물앨범 만들기-2-3 질문입니다.

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

해당 강의에서 컴포넌트를 만들고 상태관리를 할때 모든 코드에 this가 왜 붙는건가요?? 저렇게 만든것도 그냥 객체인거 같은데 let state ={} 로안 하고 let도 없고 변수도 없는데 this로 state를 참조되는것도 궁금합니다. 모든 코드에 this가 붙는 이유 일반함수에 this한거니 그냥 window 객체에 state 변수가 생긴건지 궁금합니다. 2가 아니면 그냥 state라는 걸 자바스크립트가 제공해서 참조해서 사용하는것인지 this.state = {};

  • javascript
  • rest-api
  • spa
  • dom
boxman 댓글 1 좋아요 3 조회수 249

...

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

..

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
슈퍼아스라다 댓글 1 좋아요 0 조회수 115

감정일기장 응용공부

해결됨

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

마지막 주차에서 감정일기장을 주차별로 된 것으로 만들어보라고 하셔서 만들기를 시도했습니다. 그러나 도저히 어떻게 해야할지 막막해서 감정일기장 코드들을 챗지피티에 복붙하고 주차별로 만들어달라고 했고 완성했습니다(챗지피티가 알려준 코드들은 모두 이해됩니다) 이렇게 학습하는 것이 과연적절할까요?? 또한 감정일기장을 주차별로 만드는것외에 감정일기장을 어떤식으로 변형하면 좋을지 궁금합니다!!

  • javascript
  • react
  • node.js
peter 댓글 1 좋아요 0 조회수 161

name에 계속 줄이 그어지는 이유가 궁금합니다.

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요! + 오류 메세지도 함께 올려주시면 좋아요 🙂 console.log('hello'); 강의에서 보면 name을 선언한 후 typeof에서 name에 줄이 쳐져있는데 혹시 왜 그런건지 알 수 있나요? 제 컴퓨터에서도 사용하여 봤는데 name은 사용되지 않습니다. 라고 나옵니다

  • javascript
  • rest-api
  • spa
  • dom
에몽크 댓글 1 좋아요 4 조회수 337

수업 외적질문...

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

이건 수업 외적인 질문인데요. 목소리가 달라서 다른 강사님이시지만.. 똑같은 코드팩토리 Flutter 수업듣고있는데요 TypeScript 와 Nest js 를 사용하시면 React Native 를 학습하시고사용하시는게 나을수도 있을텐데 , Flutter 를 선택하신 이유가 있나요 ?? React Native 가 성능이 비교적 Flutter 보단 안좋다고 하지만 큰 기업들에선 React Native 도 많이 사용하고 있던데 그럼 쓰는사람에 따라 다른게 아닐까?? 생각도 했거든요

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
SJ 댓글 1 좋아요 0 조회수 290

history api 예제연습에서

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

history 연습예제에서 뒤로가기 앞으로가기 버튼 눌렀을때는 화면에 제대로 표시되지 않아서요 강사님 소스를 여러번 확인해봤는데,,,,뭐가 혹시 틀린걸까요?

  • javascript
  • rest-api
  • spa
  • dom
gangsugi 댓글 1 좋아요 1 조회수 190

"Azure Blob Storage 생성" 강의의 프론트 코드 질문

해결됨

Azure Native로 나만의 GPT 만들기

수업노트에 올려져있는 프론트 코드의 css가 동작하지 않는것같아서 확인해보니 Line 6,7 에 기재된 링크에 괄호 (<>) 가 붙어있어서 제거해주니 정상작동했습니다. 이부분 수정이 필요한거 맞죠..? 아니면 수업노트자료 업로드 환경에서의 escape character(?) 쯤 되는것인지 궁금합니다!

  • javascript
  • python
  • mongodb
  • azure
  • FastAPI
neutrinoant 댓글 1 좋아요 1 조회수 307

createRoot도 잘 했는데 에러가 나네요

해결됨

처음 만난 리액트(React)

createRoot도 잘 되어있고 하는데도 이 에러가 뜹니다.. import Clock from "./chapter_04/Clock"; const root = ReactDOM.createRoot(document.getElementById("root")); setInterval(() => { root.render( <React.StrictMode> <Clock /> </React.StrictMode> ); }, 1000); reportWebVitals(); ERROR react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_1__.render is not a function at http://localhost:3000/static/js/bundle.js:114:49

  • HTML/CSS
  • javascript
  • react
leeso4567 댓글 2 좋아요 1 조회수 441

화면이 다릅니다.

해결됨

웹 프론트엔드를 위한 자바스크립트 첫걸음

저는 create이라는 부분이 없고 vanilla template을 찾을 수가 없습니다.

  • javascript
  • dom
Gina Kim 댓글 1 좋아요 1 조회수 187

9.1 강의에서 생긴 servercomponent 변수

해결됨

Supabase, Next 풀 스택 시작하기 (feat. 슈파베이스 OAuth, nextjs 14)

9.1장에서 user.action.ts의 getUser 함수에 serverComponent라는 속성이 갑자기 생겨났는데 이거에 대한 설명이 필요한 것 같습니다.

  • react
  • 클론코딩
  • next.js
  • supabase
Malik KIM 댓글 2 좋아요 2 조회수 306

메인글자수정...

해결됨

만들면서 배우는 리액트 : 기초

MainCard에 처음 나오는 이미지에 써지는 글자의 스타일은 어디서 수정을 해줘야 하는걸까요? 찾아서 나름 해봤는데 전혀 변경이 안되어서요 input에 넣은 글자가 이미지 위에 나올때 ...그 글자의 크기,색상,폰트 등의스타일은 어디서 바꾸어야 하는지...

  • javascript
  • react
gangsugi 댓글 3 좋아요 1 조회수 307

훌륭한 강의 입니다!!

해결됨

Azure Native로 나만의 GPT 만들기

너무 좋은 강의 입니다 ㅎㅎ 강의 전달력도 좋고 단순 기술을 설명하기 보다 왜 이기술을 쓰는게 좋은지 논리적으로 설명해주셔서 이해가 잘되네요 ㅎㅎ 앞으로도 계속 좋은 강의 부탁드립니다. 사내에서 여러번 검증받고 피드백받은 흔적이 느껴지네요. 좋은 팀 좋은 회사에 계시는 것 같습니다.

  • javascript
  • python
  • mongodb
  • azure
  • FastAPI
밤털이 댓글 3 좋아요 3 조회수 288

섹션12의 09-04-boards 수정 2편의 내용이 이상합니다.(사실상 이건 반쪽 짜리 게시글 수정입니다.)

해결됨

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

위의 내용은 강의 캡쳐본입니다. 이렇게 코드짜면 기존 값에서 변경된 부분은 수정이 반영이 되겠지만 기존값 삭제에 대해서는 반영이 안됩니다. if(writer) ~ 이런식으로 코드를 작성하셨는데 writer의 값이 존재해야만 myvariables의 writer에 값이 들어가고 해당 배열이 updateBoard로 들어가서 업데이트 뮤테이션이 실행되는 구조입니다. 수정 기능이라면 빈값 수정도 가능해야하는데 이런식으로 코드를 짜지는 않겠죠. 인프런에서도 가격대가 있는 강의 인데 내용이 너무나 부실합니다. 차라리 디폴트값을 undefined로 셋팅하고 이런식으로 조건문 작성하는게 맞지 않나 싶습니다. 빈값에 대해서도 반영이 되는 더 좋은 방식이 있다면 알려주셨으면 좋겠습니다. (추가로 onChange는 드래그 삭제에 대해서는 아예 감지가 안되는 부분이라 onInput을 이용하였습니다.) 위의 내용 관련해서 노원두 강사님의 입장이 궁금합니다. 강의가 부실한건지 뭔지 모르겠네요. 추가로 https://www.inflearn.com/questions/1324853/section11-%ED%8F%AC%ED%8F%B4%EB%A6%AC%EB%B7%B0-%EB%82%B4%EC%9A%A9-%EB%B6%80%EC%8B%A4%ED%95%9C%EB%93%AF-%ED%95%A9%EB%8B%88%EB%8B%A4-github%EC%97%90-%EC%82%AD%EC%A0%9C%EC%BF%BC%EB%A6%AC-%EC%A1%B0%EC%B0%A8-%EC%97%86%EC%9D%8C 해당 글의 답변은 회피하시고 다른 질문에 대해서만 답변하시던데 어디로 연락드려야 소통이 가능할까요?

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

인기 태그

인프런 TOP Writers

주간 인기글