inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

variables 값들이 바뀌질 않습니다

해결됨

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

const setGraphql = gql` mutation createBoard($writer: String, $title: String, $contents: String) { createBoard(writer: $writer, title: $title, contents: $contents) { _id number message } } `; export default function GraphqlMutationPage() { const [createBoardMutation] = useMutation(setGraphql); const onClickSubmit = async () => { try { const result = await createBoardMutation({ // await 을 빼주면 promise 상태로 변환 variables: { // variables => $ 역할을함 writer: '훈이', title: 'ㅎㅇ', contents: '반갑습니다', }, }); console.log(result); } catch (error) { console.error(error); } }; 다음과 같이 코드를 작성해보았습니다. 데이터 요청은 보내지지만 variables 값들이 바뀌질 않습니다.

  • react
  • node.js
  • seo
  • graphql
  • next.js
냥냥냥편치 댓글 1 좋아요 0 조회수 277

naver map 이 출력되지 않습니다.

미해결

Next.js 시작하기(feat. 지도 서비스 개발)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 네이버 클라우드 플랫폼에도 사용횟수는 늘어나고 있고 css를 건드려봐도 map이 생성이안되서 height 100% 가 먹히질 않고있습니다.. 뭐가문제일까요 ㅠㅠ ++ 개발자 도구 Network 를 열어봐도 잘 받아오고잇고 지도 이미지도 받아오는것을 확인 하였습니다.

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
복실묘 댓글 1 좋아요 1 조회수 534

컴포넌트구조중 어디까지 토큰 등록이 가능할까요?

해결됨

디자인 시스템 with 피그마

안녕하세요. 범쌤님~ :) 두가지 질문드립니다. 질문1. > 아토믹디자인 방식 중 어느단계까지 토큰 등록이 가능할까요? 토큰 등록 가능 범위에 대해 알고싶습니다. 저는 원래 아토믹 디자인 방식중 조직체단계까지는 토큰등록이 가능하다고 생각했는데 지금 강의에는 아원자 단위(글로벌) 까지만 등록하는 법을 알려주시더라구요. 질문2. > 만약 아원자단위(글로벌) 까지만 등록이 되면 이미 구현되어있는 상황에 어떤 장점이 있을까요? 저는 토큰 스튜디오를 사용하면 저희가 조직체 단계까지는(아무리못해도 원자단위 까진(버튼,인풋)) 토큰으로 등록을 해서 개발자분들이 Json으로 추출해서 사용하실꺼라고 생각을 하고있었거든요.ㅠ 그럼 공통 컴포넌트를 저희가 디자인해서 코드로 사용하는 방식이 되는거라 정말 나이스한것이라고 생각했어요. 참고로 저는 이미 개발 구현되어있는 상황입니다. 아원자단위까지만 등록을 하는거면 굳이 토큰스튜디오로 다시 개발에 전달드리는게 의미가 있을까 싶어서요. (개발<>디자인 끼리 정의해있는 공통 요소들이 개발상 정리 되어있는 상태)

  • figma-tokens
  • 아토믹-디자인
hongsi0602 댓글 1 좋아요 1 조회수 356

http://localhost:3000/ 하면 404에러가 납니다.

미해결

[React 1부] 만들고 비교하며 학습하는 React

npx lite0server --baseDir 1-vanilla 터미널에서 실행 후, localhost :3000접속하면 Cannot GET / 이라고 뜨고 개발자도구에는 404에러라고 뜹니다. 터미널에도 404 에러구요.. 어떻게 하면 화면 띄울수있을까요? Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults... ** browser-sync config ** { injectChanges: false, files: [ './**/*.{html,htm,css,js}' ], watchOptions: { ignored: 'node_modules' }, server: { baseDir: './', middleware: [ [Function (anonymous)], [Function (anonymous)] ] } } [Browsersync] Access URLs: -------------------------------------- Local: http://localhost:3000 External: http://192.168.0.102:3000 -------------------------------------- UI: http://localhost:3001 UI External: http://localhost:3001 -------------------------------------- [Browsersync] Serving files from: ./ [Browsersync] Watching files... 23.09.07 15:29:32 404 GET /index.html 23.09.07 15:29:35 404 GET /index.html 23.09.07 15:33:58 404 GET /index.html

  • react
  • mvc
zohee23 댓글 1 좋아요 0 조회수 717

navigation options presentation

미해결

배달앱 클론코딩 [with React Native]

안녕하세요. navigation options presentation 속성에 대한 질문입니다. 만들고자 하는 서비스에서 탭간 이동시에도 화면 전환 효과를 주고싶은데, Stack.Screen 에서는 options에 presentation을 줄 수 있는데 Tab.Screen 에서는 options 에 presentation을 쳐도 자동완성이 안되는것 같아서 질문드립니다. 1. 탭간 이동시에는 presentation 속성을 줄 수 있는 방법이 없나요? 2. 만약 없다면 화면이 랜더링될때 직접 화면 전환 애니메이션 효과를 주는 방법으로 가는게 맞을까요? 감사합니다 :)

  • react-native
viva.seokwan 댓글 1 좋아요 0 조회수 216

image upload 주소 질문있습니다

해결됨

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

image upload 의 주소가 google로 되어있다고 설명해주셨는데 백엔드 개발자가 google 쪽으로 설정한 것인지 아니면 graphql 에서 기본적으로 google 주소를 가지고 있는 것인지 궁금합니다

  • react
  • node.js
  • seo
  • graphql
  • next.js
kyb1208tg 댓글 1 좋아요 0 조회수 263

컬렉션 값 연관 경로중 문법이 바뀐게 맞는걸까요?

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

경로표현식 컬렉션 값 연관경로 강의내용에서 String query = "select t.members.size From Team t"; Integer result = em.createQuery(query, Integer.class) .getSingleResult(); System.out.println("result = " + result); 이런식으로 하신게 있는데 제 코드에선 안돌아가더라구요 결과값도 안나오고,, 검색해보니깐 쿼리부분을 String query = "select size(t.members) From Team t"; 이런식으로 바꾸면 되던데 문법이 바뀐게 맞을까요? 아니면 코드 에러인가요 일단 제 디펜던시는 이렇습니다 <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-core</artifactId> <version>6.2.7.Final</version> </dependency> <!-- H2 데이터베이스 --> <dependency> <groupId>com.h2database</groupId> <artifactId>h2</artifactId> <version>1.4.200</version> </dependency>

  • java
  • jpa
ksg980105 댓글 1 좋아요 0 조회수 456

TCP 통신 관련 질문입니다

미해결

CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조

안녕하세요 !! TCP 수업에서 가상 회선 패킷 교환 방식 그림에서 송신 호스트에서 수신 호스트로 데이터 3,2,1이 날라가고 있는데, 여기있는 패킷은 어떤건가요?? HTTP헤더가 앞에 달려있는 메시지인건가요?? 데이터 3,2,1은 그럼 데이터 3,2,1이 다 각각 HTTP 헤더가 앞에 달려있는건가요? 아니면 하나의 요청에 대해서 HTTP헤더랑 안에 들어있는 메시지들의 크기가 MTU사이즈를 넘어서 3개로 나눈 후 앞에 TCP 헤더가 달린건가요?? 패킷 3,2,1 각각의 구조가 궁금합니다!!

  • 면접
  • 운영체제
  • 기술면접
돈우 댓글 1 좋아요 0 조회수 325

TCP 통신 시작/끝 과정에서 애플리케이션 계층

미해결

그림으로 쉽게 배우는 네트워크

TCP 커넥션 과정과 커넥션 직후 데이터를 보내는 과정이 궁금합니다. 3 way handshake 나 4way handshake 과정에서 SYN, ACK 을 주고 받을 때 패킷이 애플리케이션 계층을 거치지 않고 트랜스포트 계층끼리 왔다갔다 하는 건가요? 1번이 맞다면, 클라이언트(여러분)에서 ACK 패킷을 보낸 후 애플리케이션 계층에 통신 가능하니 데이터를 달라고 따로 신호를 주나요? 혹시 질문이 미흡할까봐 제가 생각한 TCP 통신 과정을 적어봅니다. 아래와 같은 과정이 맞을까요? TCP/IP 5계층을 이용한다고 할 때, 최초에 클라이언트 호스트의 애플리케이션(5계층)이 서버 호스트와 연결을 원한다는 것을 클라이언트 TCP에게 알린다. (5->4 layer) 클라이언트 트랜스포트 계층에서 3 way handshake 과정을 시작하며 SYN 패킷 보냄(4->3->2->1 layer) 서버의 트랜스포트 계층에서 SYN 패킷 을 받고(1->2->3->4 layer), 연결 가능한 경우 트랜스포트 계층에서 SYN/ACK 패킷 보냄(4->3->2->1 layer) 클라이언트 트랜스포트 계층에서 SYN/ACK 패킷을 받고(1->2->3->4 layer), ACK 패킷을 보냄(4->3->2->1) 3 way handshake 완료 클라이언트 트랜스포트 계층에서 ACK 을 보낸 후 3 way handshake 가 끝났다고 애플리케이션 계층에 알려줌(?) (4->5) 클라이언트 애플리케이션 계층에서 서버에 애플리케이션 계층에 데이터(요청)을 보냄(5->4->3->2-1) ex.http 요청 서버에서 응답

  • 네트워크
앙뜨 댓글 1 좋아요 0 조회수 539

8주차 그림 설명이 이해 안되요.

해결됨

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

https://blog.naver.com/jhc9639 2~8 까지의 최소 인덱스를 계산 하는 예제가 이해되지 않습니다. 여기서 두번째부터 여덟번째까지 인덱스 중에 최소 값을 가지는 인덱스를 찾는 문제인건가요? 그렇다면 여덟번째 인덱스가 없어서 의하하구요. 두 번째로, 세번째, 4번째, 6번째 인덱스만 비교한다는 것이 이해되지 않습니다. 부연: 아래 설명에 0~3까지의 요소값에서 level2에서 한번에 찾을 수 있다는 것은 이해가 됩니다. 왜냐면 level2 트리값이 이미 최소 인덱스를 들고 있기 때문입니다.

  • c++
  • 코딩-테스트
Kanto(칸토) 댓글 2 좋아요 0 조회수 341

utilty 타입 undefined

해결됨

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

interface IProfile { name: string; age: number; school: string; hobby?: string; } type aaa = Partial<IProfile>; aaa에다가 마우스 올려 놓으면 type aaa = { name?: string | undefined; age?: number | undefined; school?: string | undefined; hobby?: string | undefined; } 이렇게 뜨는데 저 undefined가 왜 뜬건지 모르겠어요. 분명 선생님께서는 안 뜨는데

  • javascript
  • node.js
  • express
  • docker
  • tdd
  • rest-api
  • nestjs
kql 1 댓글 1 좋아요 0 조회수 278

FTP, SMTP 관련 질문입니다 !

미해결

CS 지식의 정석 | 디자인패턴 네트워크 운영체제 데이터베이스 자료구조

안녕하세요!! HTTP랑 FTP,SMTP 관련 애플리케이션 계층 수업을 듣다가 궁금한 점이 생겨서 질문 드렸습니다. HTTP통신은 TCP/IP 기반이라 앞에 Ethernet Header랑 IP Header랑 TCP Header가 붙는다고 앞 강의에서 들었습니다. 그럼 FTP, SMTP도 마찬가지로 앞에 Ethernet Header랑 IP Header랑 TCP Header가 붙고 FTP 헤더 또는 SMTP 헤더가 붙는건가요??

  • 면접
  • 운영체제
  • 기술면접
돈우 댓글 1 좋아요 1 조회수 244

실제 사용 예시

해결됨

코딩테스트 [ ALL IN ONE ]

linked list를 사용해야 하는 경우가 언제일까요? 실제 사용하는 문제를 보고 싶습니다 제 생각에는 array list로 구현하고 visit같은 경우도 list slicing 후 +로 리스트를 합치면 N(1) 만에 가능하기 때문에 시간이 부족한 코테에서 언제 linked list가 꼭 필요할까 궁금합니다

  • python
  • 코딩-테스트
  • 알고리즘
눈사람 댓글 1 좋아요 1 조회수 306

개체메서드

미해결

엑셀 매크로와 VBA 기초부터 실무활용까지 완전 정복

강사님, 안녕하세요. 개체메서드 입력하는 과정에서 시트를 추가할 때, shteets.add after 뒤에 ":" 를 넣은 뒤 "="를 쓰는 이유가 궁금합니다.

  • excel
  • VBA
  • 업무-생산성
오세린 댓글 2 좋아요 0 조회수 346

한 페이지 내에 검색창과 입력창을 동시에 구현하는 방법이 궁금합니다.

미해결

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

아래 그림과 같이 한 화면에 검색창과 입력창을 동시에 구현하는 방법에 관해 조언을 구하고 싶습니다. 위쪽이 input form이고 아래쪽이 검색창입니다. 사용자가 값을 입력하는 중 자료를 검색하여 그 결과를 참고해서 입력할 수 있도록 구현하고자 합니다. GET 방식으로 검색기능을 구현했을 때, 검색이 되면 그동안 사용자가 입력하던 텍스트가 사라집니다. 사용자가 입력하고 있던 값들도 그대로 유지한 채 사용자가 중간중간 검색을 하면서 값을 입력하고 최종적으로 한 번에 저장할 수 있도록 하는 방법이 있을까요? 답변 기다리겠습니다. 감사합니다.

  • react
  • python
  • django
  • docker
박유진 댓글 1 좋아요 0 조회수 292

run

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

RiverPod ConsumerWidget 부분에 Increment(), Decrement() 를 하였을 경우 로그의 내용이 선생님의 화면처럼 명확하게 나오지 않는데...별도의 설정하는 부분이 있을까요? Update / Dispose 이런 내용이 전혀 나오지 않습니다.

  • flutter
  • 하이브리드-앱
감사 댓글 1 좋아요 0 조회수 314

연관관계 편의 메서드 주인

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 네 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 네 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 네 [질문 내용] 여기에 질문 내용을 남겨주세요. 연관관계 메서드에서 addOrderItem메서드의 orderItem.add(orderItem)부분을 보면 연관관계 주인이 아닌곳에 값을 설정해 주는데 이렇게 하면 값이 들어가지 않는다고 알고 있는데 왜 주인이 아닌곳에 값을 넣어주는 건가요?? 바로 밑에 orderItem.setOrder(this) 이런식으로 오더를 넣어주는 상황이면 주인이 아닌쪽에서도 값을 넣을 수 있는건가요?

  • java
  • spring
  • 웹앱
  • spring-boot
  • jpa
캄캄한인생 댓글 2 좋아요 0 조회수 519

.push()가 .child() 보다 앞에 가면 안되는거였군요..

미해결

[왕초보편] 앱 8개를 만들면서 배우는 안드로이드 코틀린(Android Kotlin)

viewBinding.btnSave.setOnClickListener { myBookmarkRef .child(Firebase.auth.currentUser!!.uid) .push() .setValue(model) Toast.makeText(this, "저장되었습니다", Toast.LENGTH_SHORT).show() } myBookmarkRef .push() .child(Firebase.auth.currentUser!!.uid) .setValue(model) 항상 바로안따라하고 강의먼저 듣고, 써놓은거 바탕으로 과거에 했던거까지 응용해서 제 코드에 넣는방식으로 공부했는데 이번에 제멋대로 아래처럼 하다가 북마크가 안떠서 2일동안 왜안될까 고민했네요 ㅠㅠ 아무튼 혹시라도 다른분들도 북마크 안뜨시면 이거 한번 확인하면 좋을거같습니다.

  • android
  • kotlin
  • firebase
최대환 댓글 1 좋아요 0 조회수 241

tag부분

미해결

[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!

원래 태그는 List<String>.from() 이런식으로 dynamic을 String으로 바꾸어줬던 것 같은데 jsonSerializable에서는 List<String>으로 자동으로 바꾸어 주나요? 어떻게 String인지 아나요?

  • flutter
  • 하이브리드-앱
zla_db 댓글 1 좋아요 0 조회수 205

인기 태그

인프런 TOP Writers

주간 인기글