inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

함수 정의 기준

미해결

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

보통 상위 컴포넌트에 함수를 정의하고 하위 컴포넌트에서는 이벤트가 발생했을 때 상위 컴포넌트의 함수를 호출하는 방식이 맞는건가요? 강의를 보니 하위 컴포넌트에서도 함수를 정의하는 것 같아서 질문드립니다. 어느 쪽에 함수를 정의하는 것이 맞는 것인지 궁금합니다.

  • react
  • react-router
  • redux-toolkit
  • zustand
  • react.js
정진 서 댓글 2 좋아요 0 조회수 101

갑자기 유료화 되는데 이거 시간 지나면 다시 풀리나요?

미해결

SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs

커서 ai가 갑자기 결제해야된다는 식으로 창이 뜨는데 시간 지나면 다시 무료로 써지나요?

  • react
  • node.js
  • cursor
  • tailwindcss
  • nextjs
오일중 댓글 1 좋아요 0 조회수 64

Stack 컴포넌트 관련하여 궁금한 점이 있습니다.

미해결

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

Stack 컴포넌트 관련하여 궁금한 점이 있습니다. 해당 컴포넌트의 실용성은 '다양한 화면에서 동일한 간격으로 컴포넌트를 사용할 수 있다' 정도일까요? 더한다면, 추후 사용하는 Slot 컴포넌트를 활용하기 위함일 것 같은데 제가 현재 Slot 컴포넌트는 활용하고 있지 않아서.. 궁금한 점이, 만약 버튼의 간격같은 것을 토큰화하여 해당 토큰으로만 사용을 한다면, 버튼 스택 컴포넌트의 활용도가 다소 떨어지게되는 것이 아닌가? 하는 생각에서 볼드 선생님의 의견이 궁금합니다 Stack 형태로 여러 컴포넌트를 활용하는 라이브러리들을 봤지만, 결국에는 적절한 수만큼 자유롭게 늘리는것이 어려워서, 처음에는 2개만 쌓아놨다가, 3개, 4개, 드롭다운 메뉴 등에서는 10개 20개까지 늘려버리는 경우를 종종 본 터라, 어떻게 생각하시는지 궁금합니다.

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
허이짜 댓글 1 좋아요 0 조회수 88

[e.target.name]: e.target.value 문법을 자바스크립트 객체 챕터에서 배웠었나요?

해결됨

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

내용 하나하나 기록하면서 수업 듣고 있었는데.. 말씀 중에 [e.target.name]: e.target.value, 이렇게 객체를 생성하면서 프로퍼티의 key 값에 대괄호에 변수 이름을 넣어서 생성하는 부분이 있다고 하셔서 기존글을 계속 뒤져봤는데 자바스크립트 객체 챕터에서 예시가 안보여서 혹시 어디 부분의 어느 예시로 알려주셨는지 알고 계신분이 계시면 공유좀 부탁드립니다....

  • javascript
  • react
  • node.js
개발자 취업 포기 댓글 2 좋아요 1 조회수 90

toggleIsModalOpened 테스트 할때 궁금한 점이 있습니다.

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
kangwoo_eum 댓글 2 좋아요 0 조회수 72

2강 질문

미해결

피그마UI3 기초 + 실무 탄탄 초스피드 완강코스

벡터 그릴 때, 시작점에서 다음점으로 그은 다음에 언급하시는 "정점으로 가서 끊어주시고~" 라고 하시는데요. Q1. 정점의 뜻은 무엇이고, 정점은 어디에 해당되는 건가요? 영상을 보면서 아무리 반복해서 들어도 이해가 안되서요 ;;; Q2. 끊어준다는 말은 어떤 의미인가요? 이것도 잘 모르겠습니다. ;;;

  • figma
  • ui
cool619 댓글 2 좋아요 0 조회수 78

2025년 3회차 기출 복원 자료

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

2025년 3회차 기출문제 해설강의는 올라온점 인지했습니다! 다만, 해당 기출 복원 자료도 제공 예정이실지 궁금하여 질문드립니다(_ _)

  • python
  • java
  • c
  • 정보처리기사
norsors 댓글 3 좋아요 0 조회수 88

pro 요금제 부족하신 분들, 다른 ai 사용하시나요 ?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

다름이 아니라, 저는 강의 외에도 회사업무에서도 claude를 사용합니다. 하지만 회사 업무도 그렇고 강의를 하다보면 당연히 토큰이 너무 부족하게 되더라구요. 그러다가 gemini(구글 AI one)요금제를 google family로 해서 추가 가입을 해서 사용하고 있습니다. 그런데 claude를 쓰다가 gemini를 가면 뭔가 역체감?같은게 심하게 들어요. 애가 말도 잘 못듣는것같고; 저만 그런건지 몰라도..ㅋㅋ혹시 다른 ai까지 사용하시는 분들 있다면 조합 추천좀 부탁드립니다. 아니면 그냥 깔끔하게 max로 가려고 해도 비용이 너무 후덜덜 해서 못 갈 것 같아요 (회사에서도 지원 안해줌)ㅠㅠ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
유우리 댓글 2 좋아요 0 조회수 242

template 동작 흐름에 대해서 질문 있습니다.

미해결

Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

안녕하세요. boaz님!!! 강의 잘 수강하고 있습니다. template.tsx 는 언제 필요할까? 강의에서 한가지 질문있습니다. 네비게이션이 발생한 경우 template.tsx는 re-render가 발생해 fiber 노드가 새롭게 생성되어 상태가 초기화된다. 👆 네비게이션이 발생한 경우 template.tsx는 서버 단계에서 re-render가 발생하고, 클라이언트 단계에서 fiber 노드는 새롭게 생성(= re-mount)되어 상태가 초기화된다. 상태가 초기화되는 부분은 re-render가 아니라 re-mount 가 정확한 표현이지 않는지 궁금합니다. 강의 항상 잘 듣고 있습니다. 감사합니다.

  • react
  • typescript
  • next.js
lokba.tree김상록 댓글 1 좋아요 1 조회수 97

메타테이블에 데이터가 생기지 않는 이유

미해결

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

킬구형 내가 그동안 보면서 정리한내용으로, 실습을 진행해보려고 혼자 스스로 파일을 만들었어. 실습 환경은 h2 데이터 베이스로 테스트 했고, 메타테이블은 자동으로 만들어졌어. 간단한 스텝과 잡을 만들어서 콘솔에서 잘 실행되는것 까지는 확인을 했는데 실제 데이터 베이스 테이블인 batch_job_instance와 같은 테이블에는 데이터가 들어가지 않아. 혹시 몰라서 db url도 확인해봤는데 정확하게 일치하고.. 이런경우는 어디를 확인해보면 제일 좋을까..? 콘솔에서 에러도 나지 않고 정상적으로 배치가 실행돼서 답답해 미치겠어 ㅠㅠㅠ 콘솔에서 insert 쿼리는 안나가고 있는데, 쿼리가 왜 안나가는지를 도통 모르겠어 ㅠㅠ 다 잘되는데 메타테이블에만 데이터가 들어가지 않네.. 참고로 tasklet 방식으로 테스트 해봤어. 부트 4.0.1 버전 사용하고 있어 킬구형 강의자료 에서도 중간에 postgresql로 전환하던데 혹시 h2는 뭔가 지원을 하지 않는걸까?

  • java
  • spring
  • spring-boot
  • spring-batch
  • backend
댓글 2 좋아요 1 조회수 173

컴포넌트별 베리어블 구축

미해결

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

해당 강의를 듣고 실무에 적용을 해보려고 하고있는데, 진행할수록 단순히 color/bg/interacitve/primary 와 같은 버튼과 체크박스 등 다양한 곳에 적용할 수 있는 통합(?) 배리어블보다는 color/FAB/bg/primary 와 같이 특정 컴포넌트를 위한 배리어블로 세분화를 해야할까? 하는 생각이 종종 들게됩니다 예를들어, 일반 CTA버튼(파란색)에서는 color/bg/interacitve/primary와 같은 범용 배리어블을 적용했을 때 문제가 없지만, 세그먼트 버튼같은 회색 박스 안에 있는 흰색 버튼에는 해당 배리어블을 활용할 수가 없겠는데..? 하는 생각이 들면서요. 그래서 결국 디자인 라이브러리가 발전하고 배리어블이 성숙해 나가면서부터는 컴포넌트별로 배리어블이 다양해지겠다는 생각이 드는데 이에 대해서 어떻게 생각하시는지, 필연적이라고 생각하시는지, 주의할 부분은 없을지 궁금합니다...!

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
허이짜 댓글 2 좋아요 0 조회수 139

인풋 텍스트필드에서는 왜 'interactive/bg' 배리어블을 활용하지 않는 것인가요?

미해결

[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기

버튼과 같이 '클릭' 액션이 있는 인터랙티브한 부분에는 bg/interactive 그룹에 있는 컬러를 사용하는 것으로 이해하고있는데 Text field의 bg는 그냥 일반형 컬러를 사용하는 것으로 보입니다. 강의상에서 빠른 제작을 위해 시적 허용...? 을 하신 것이죠? 실제 현업에서 사용할때는 interactive 컬러와 일반 컬러를 구분해서 사용해줘야할 것 같다는 생각이 드는데, 이것은 제 일차적인 생각이고 interactive라는 그룹을 색상 자체가 변동되는 (Hover, Press 액션이 있는) 컬러들의 그룹이라고 가정하면, 해당 텍스트 필드에서는 배경의 변화가 없으니 interactive가 아닌 컬러그룹을 사용하신 것인가? 라는 생각도 듭니다. 물론 정답은 없겠고, 사용하려는 방향과 정책에 따라 다들 다르겠지만 강의에서는 어떤 의도로 사용하셨는지가 궁금합니다

  • 웹-디자인
  • figma
  • figma-tokens
  • 디자인-시스템
  • 아토믹-디자인
  • figma-variable
  • 프로덕트디자인
허이짜 댓글 1 좋아요 0 조회수 65

input checkbox 에 onChange 대신 onClick 을 사용하신 이유

미해결

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

안녕하세요 선생님 input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하신 이유가 궁금합니다.

  • react
  • typescript
  • react-query
  • supabase
  • zustand
헤헤히히 댓글 2 좋아요 0 조회수 122

17강 4~5분대 테이블 값 조회가 안됩니다.

미해결

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

package hellojpa; public enum RoleType { GUEST, USER, ADMIN } <?xml version="1.0" encoding="UTF-8"?> <persistence version="2.2" xmlns="http://xmlns.jcp.org/xml/ns/persistence" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/persistence http://xmlns.jcp.org/xml/ns/persistence/persistence_2.2.xsd"> <persistence-unit name="hello"> <properties> <!-- 필수 속성 --> <property name="javax.persistence.jdbc.driver" value="org.h2.Driver"/> <property name="javax.persistence.jdbc.user" value="sa"/> <property name="javax.persistence.jdbc.password" value="1234"/> <property name="javax.persistence.jdbc.url" value="jdbc:h2:tcp://localhost/~/test"/> <property name="hibernate.dialect" value="org.hibernate.dialect.H2Dialect"/> <!-- 옵션 --> <property name="hibernate.show_sql" value="true"/> <property name="hibernate.format_sql" value="true"/> <property name="hibernate.use_sql_comments" value="true"/> <property name="hibernate.jdbc.batch_size" value="10"/> <property name="hibernate.hbm2ddl.auto" value="none" /> </properties> </persistence-unit> </persistence> package hellojpa; import javax.persistence.EntityManager; import javax.persistence.EntityManagerFactory; import javax.persistence.EntityTransaction; import javax.persistence.Persistence; public class JpaMain { public static void main(String[] args) { EntityManagerFactory emf = Persistence.createEntityManagerFactory("hello"); EntityManager em = emf.createEntityManager(); EntityTransaction tx = em.getTransaction(); tx.begin(); try { Member member = new Member(); member.setUsername("C"); em.persist(member); tx.commit(); } catch (Exception e) { tx.rollback(); } finally { em.close(); } emf.close(); } } package hellojpa; import javax.persistence.*; @Entity public class Member { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @Column(name = "name", nullable = false) private String username; public Member() { } public Long getId() { return id; } public void setId(Long id) { this.id = id; } public String getUsername() { return username; } public void setUsername(String username) { this.username = username; } } 이런 식으로 테이블 값에 아무것도 나타나지 않는데 이게 정상인건가요?

  • java
  • jpa
lgh8079 댓글 2 좋아요 0 조회수 130

plan task 후 task.json에 반영되지 않는 문제점

해결됨

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

plan task를 진행한 후 정상적으로 Shrimp Task Manager를 활용해서 Task를 생성했음에도 GUI 모드에서 확인을 위한 tasks.json이 같이 업데이트 되지 않는 문제점을 확인했습니다. Claude Code에서 기억하고 자동으로 강의대로 진행을 한다면 굳이 task.json이 업데이트되지 않는 것이 문제가 되지 않나요? 혹은 필요하다면 프롬프트에 단순히 tasks.json을 업데이트해줘를 붙여야 하나요? 토큰을 어차피 둘 다 동일하게 사용할 것으로 예상되지만 혹시나 하는 마음에 질문드립니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
로로로도로로 댓글 2 좋아요 0 조회수 116

윈도우 명령어

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

음 윈도우로 해보고 있는데 여기서 막혔습니다.. notepad $PROFILE 열어서 뭐 해보고 했는데 잘 안돼요 ㅜㅜㅡ

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
노승민 댓글 2 좋아요 0 조회수 82

part6. 구름의 개수 풀이 시간초과 이유

미해결

2026 코딩테스트 올인원 [JAVA]

part6 구름의개수1 문제 풀다 질문 드립니다. 아래는 제가 bfs로 푼 코드인데요. 케이스는 통과하는데 시간초과가 납니다. bfs() 매개변수로 int[] start 를 받아서 아래에서 사용했는데, 하위 for문에서 int[] sub 로 배열을 만들어 쓴게 문제인가 싶은데, 이런 일차원 배열 더 쓴다고 시간복잡도가 높아지나? 싶은 생각이 들어 시간 초과 왜나는지 궁금합니다. public static int solution(int[][] sky) { boolean[][] visited = new boolean[sky.length][sky[0].length]; int count = 0; for(int i=0; i<sky.length; i++) { for(int j=0; j<sky[0].length; j++) { if(!visited[i][j] && (sky[i][j] == 1)) { bfs(sky, new int[]{i,j}, visited); count++; } } } return count; } public static void bfs(int[][] sky, int[] start, boolean[][] visited) { Queue<int[]> q = new ArrayDeque<>(); q.offer(start); visited[start[0]][start[1]] = true; while(!q.isEmpty()) { int[] cur = q.poll(); System.out.println("start: " + start[0] + start[1] + "/ poll: " + cur[0] + ", " + cur[1]); // cur의 상하좌우 중 갈 수 있는 길 & visited 안한 길을 q에 넣기 int[] r = {-1, 1, 0, 0}; int[] c = {0, 0, -1, 1}; int w = sky[0].length; int h = sky.length; for(int i=0; i<r.length; i++) { int[] sub = new int[]{cur[0]+r[i], cur[1]+c[i]}; System.out.println("sub:" + sub[0] + ","+sub[1]); if((sub[0] >= 0 && sub[0] < h && sub[1] >= 0 && sub[1] < w) && (sky[sub[0]][sub[1]] != 0) && (!visited[sub[0]][sub[1]])) { q.offer(sub); visited[sub[0]][sub[1]] = true; System.out.println("sub offer:" + sub[0] + ","+sub[1]); } } } }

  • java
  • 코딩-테스트
  • 알고리즘
  • data-structure
송유진 댓글 2 좋아요 0 조회수 103

Vercel에 등록할때 NODE_ENV 는?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

버셀에 등록하실때 환경변수에 NODE_ENV= production 이라고 입력하시던데, 이건 뭔가요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
kelo 댓글 2 좋아요 0 조회수 100

DFS vs BFS 중 BFS 추천해주신 것 관련 질문

미해결

2026 코딩테스트 올인원 [JAVA]

안녕하세요! [part6.구름의 개수1] 강의에서 DFS vs BFS 중 DFS 사용하면 스택오버플로우 가능성이 있어서 대안을 말씀 해주셨는데요. 암시적그래프에서 구현 시에 해당하는건지, 다른 케이스에서도 그러한지 궁금합니다. 암시적그래프에서 모두 1인 경우 재귀가 많이 호출되어서 그게 문제인거같은데, 다른 유형에서는 그런 경우가 없을까요?

  • java
  • 코딩-테스트
  • 알고리즘
  • data-structure
송유진 댓글 2 좋아요 1 조회수 99

인기 태그

인프런 TOP Writers

주간 인기글