172만명의 커뮤니티!! 함께 토론해봐요.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
보통 상위 컴포넌트에 함수를 정의하고 하위 컴포넌트에서는 이벤트가 발생했을 때 상위 컴포넌트의 함수를 호출하는 방식이 맞는건가요? 강의를 보니 하위 컴포넌트에서도 함수를 정의하는 것 같아서 질문드립니다. 어느 쪽에 함수를 정의하는 것이 맞는 것인지 궁금합니다.
미해결
SEO 최적화 랜딩페이지 솔루션 & 노출전략: 바이브코딩으로 완성 with Nextjs
커서 ai가 갑자기 결제해야된다는 식으로 창이 뜨는데 시간 지나면 다시 무료로 써지나요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
내용 하나하나 기록하면서 수업 듣고 있었는데.. 말씀 중에 [e.target.name]: e.target.value, 이렇게 객체를 생성하면서 프로퍼티의 key 값에 대괄호에 변수 이름을 넣어서 생성하는 부분이 있다고 하셔서 기존글을 계속 뒤져봤는데 자바스크립트 객체 챕터에서 예시가 안보여서 혹시 어디 부분의 어느 예시로 알려주셨는지 알고 계신분이 계시면 공유좀 부탁드립니다....
해결됨
실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트
제 생각에는 단순히 true가 됨을 테스트 할 것이 아닌 false => true => false와 같은 테스트 단계가 필요하다는 생각이 드는데 이런 연속적인 테스트는 어떤 식으로 구성하는 것이 좋은가요?
해결됨
한 입 크기로 잘라먹는 Next.js
html 요소등을 먼저 읽어서 렌더링 한 이후에 data를 patch 하는경우는 CSR이 아닌가요 ??
해결됨
(2026 최신!) 일주일만에 합격하는 정보처리기사 실기
2025년 3회차 기출문제 해설강의는 올라온점 인지했습니다! 다만, 해당 기출 복원 자료도 제공 예정이실지 궁금하여 질문드립니다(_ _)
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
다름이 아니라, 저는 강의 외에도 회사업무에서도 claude를 사용합니다. 하지만 회사 업무도 그렇고 강의를 하다보면 당연히 토큰이 너무 부족하게 되더라구요. 그러다가 gemini(구글 AI one)요금제를 google family로 해서 추가 가입을 해서 사용하고 있습니다. 그런데 claude를 쓰다가 gemini를 가면 뭔가 역체감?같은게 심하게 들어요. 애가 말도 잘 못듣는것같고; 저만 그런건지 몰라도..ㅋㅋ혹시 다른 ai까지 사용하시는 분들 있다면 조합 추천좀 부탁드립니다. 아니면 그냥 깔끔하게 max로 가려고 해도 비용이 너무 후덜덜 해서 못 갈 것 같아요 (회사에서도 지원 안해줌)ㅠㅠ
미해결
Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로
안녕하세요. boaz님!!! 강의 잘 수강하고 있습니다. template.tsx 는 언제 필요할까? 강의에서 한가지 질문있습니다. 네비게이션이 발생한 경우 template.tsx는 re-render가 발생해 fiber 노드가 새롭게 생성되어 상태가 초기화된다. 👆 네비게이션이 발생한 경우 template.tsx는 서버 단계에서 re-render가 발생하고, 클라이언트 단계에서 fiber 노드는 새롭게 생성(= re-mount)되어 상태가 초기화된다. 상태가 초기화되는 부분은 re-render가 아니라 re-mount 가 정확한 표현이지 않는지 궁금합니다. 강의 항상 잘 듣고 있습니다. 감사합니다.
미해결
죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.
킬구형 내가 그동안 보면서 정리한내용으로, 실습을 진행해보려고 혼자 스스로 파일을 만들었어. 실습 환경은 h2 데이터 베이스로 테스트 했고, 메타테이블은 자동으로 만들어졌어. 간단한 스텝과 잡을 만들어서 콘솔에서 잘 실행되는것 까지는 확인을 했는데 실제 데이터 베이스 테이블인 batch_job_instance와 같은 테이블에는 데이터가 들어가지 않아. 혹시 몰라서 db url도 확인해봤는데 정확하게 일치하고.. 이런경우는 어디를 확인해보면 제일 좋을까..? 콘솔에서 에러도 나지 않고 정상적으로 배치가 실행돼서 답답해 미치겠어 ㅠㅠㅠ 콘솔에서 insert 쿼리는 안나가고 있는데, 쿼리가 왜 안나가는지를 도통 모르겠어 ㅠㅠ 다 잘되는데 메타테이블에만 데이터가 들어가지 않네.. 참고로 tasklet 방식으로 테스트 해봤어. 부트 4.0.1 버전 사용하고 있어 킬구형 강의자료 에서도 중간에 postgresql로 전환하던데 혹시 h2는 뭔가 지원을 하지 않는걸까?
미해결
한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편
안녕하세요 선생님 input checkbox 에 onClick 을 사용하면 react 에서는 경고도 날리기도 하는데 onChange 대신 onClick 을 사용하신 이유가 궁금합니다.
미해결
자바 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; } } 이런 식으로 테이블 값에 아무것도 나타나지 않는데 이게 정상인건가요?
해결됨
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
plan task를 진행한 후 정상적으로 Shrimp Task Manager를 활용해서 Task를 생성했음에도 GUI 모드에서 확인을 위한 tasks.json이 같이 업데이트 되지 않는 문제점을 확인했습니다. Claude Code에서 기억하고 자동으로 강의대로 진행을 한다면 굳이 task.json이 업데이트되지 않는 것이 문제가 되지 않나요? 혹은 필요하다면 프롬프트에 단순히 tasks.json을 업데이트해줘를 붙여야 하나요? 토큰을 어차피 둘 다 동일하게 사용할 것으로 예상되지만 혹시나 하는 마음에 질문드립니다!
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
음 윈도우로 해보고 있는데 여기서 막혔습니다.. notepad $PROFILE 열어서 뭐 해보고 했는데 잘 안돼요 ㅜㅜㅡ
미해결
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]); } } } }
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
버셀에 등록하실때 환경변수에 NODE_ENV= production 이라고 입력하시던데, 이건 뭔가요?
미해결
2026 코딩테스트 올인원 [JAVA]
안녕하세요! [part6.구름의 개수1] 강의에서 DFS vs BFS 중 DFS 사용하면 스택오버플로우 가능성이 있어서 대안을 말씀 해주셨는데요. 암시적그래프에서 구현 시에 해당하는건지, 다른 케이스에서도 그러한지 궁금합니다. 암시적그래프에서 모두 1인 경우 재귀가 많이 호출되어서 그게 문제인거같은데, 다른 유형에서는 그런 경우가 없을까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
제목과 같이 저는 ROADMAP.md(클로드코드가 만든)과 shrimp task manager가 만든 작업이 다른데, 왜 이런 결과가 나오게 된건가요? ❯ task list 작업목록와 @docs/ ROADMAP.md 작업 목록과의 차이는 뭐야? ⎿ Read docs\ ROADMAP.md (260 lines) ● Shrimp Task Manager vs ROADMAP.md 비교 ROADMAP.md (Phase 2) - 3개 고수준 작업 ┌──────────┬──────────────────────────────────────────────────────────────┐ │ Task │ 내용 │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 004 │ 견적서 공통 컴포넌트 라이브러리 (7개 컴포넌트) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 005 │ 견적서 상세 페이지 UI 완성 (더미 데이터, 반응형, 애니메이션) │ ├──────────┼──────────────────────────────────────────────────────────────┤ │ Task 006 │ 에러 페이지 및 상태 UI (404/500, 만료 안내, 토스트) │ └──────────┴──────────────────────────────────────────────────────────────┘ Shrimp Task Manager - 15개 세분화 작업 추가된 작업 (ROADMAP에 없음): ┌─────────────────────────┬───────────────────────────────────────────┐ │ 작업 │ 설명 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ formatCurrency 유틸리티 │ 원화 포맷팅 함수 (공통 사용) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ QuoteStatusBadge │ 상태 배지 컴포넌트 (추가 구현) │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 배럴 익스포트 설정 │ index.ts 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ 로딩 페이지 리팩토링 │ loading.tsx 별도 작업으로 분리 │ ├─────────────────────────┼───────────────────────────────────────────┤ │ Playwright MCP 테스트 │ E2E 테스트 (ROADMAP에서는 Phase 3에 포함) │ └─────────────────────────┴───────────────────────────────────────────┘ 이미 완료된 항목 (Phase 1에서): - 404 에러 페이지 (not-found.tsx) ✅ - 500 에러 페이지 (error.tsx) ✅ 주요 차이점 1. 세분화 수준: ROADMAP은 3개 고수준 작업, Shrimp는 15개 실행 가능 단위로 분리 2. 의존성 관리: Shrimp는 작업 간 의존성을 명시적으로 관리 3. 추가 컴포넌트: QuoteStatusBadge, formatCurrency가 Shrimp에서 추가 4. 테스트 시점: Shrimp는 Phase 2에 E2E 테스트 포함 (ROADMAP은 Phase 3) ROADMAP.md 를 Shrimp Task Manager 작업 목록에 맞게 업데이트할까요?
미해결
김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요 질문을 보면 사용자에게 정수를 받는 다는 전제일 때, 입력값이 12345 이면 1,2,3,4,5으로 나오지만 34567 로 정수값을 입력하면 출력값이 3,4,567 로 나오는데 도저히 해답이 생각 안나서요ㅠ 어떻게 코드를 수정해야 다른 정수들을 넣어도 4,5,6,7,8 <<이런식으로 나올 수 있을까요?
미해결
김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음
public class MethodEx4 { public static void main(String[] args) { // Question /* 은행 계좌 입출금 - 사용자로부터 계속 입력을 받아 입금와 출금을 반복 수행하는 프로그램을 작성하자. - 또한 간단한 메뉴를 표시하여 어떤 동작을 수행해야 할지 선택할 수 있게 하자. - 출금시 잔액이 부족하다면 "x원을 출금하려 했으나 잔액이 부족합니다."라고 출력해야 한다. */ // Answer Scanner sc = new Scanner(System.in); int balance = 0; while (true) { printMenu(); int option = sc.nextInt(); balance = menuExecute(sc, balance, option); if (option == 4) { break; } } } public static void printMenu() { System.out.println("----------------------------------------"); System.out.println("1. 입금 | 2. 출금 | 3. 잔액 확인 | 4. 종료"); System.out.println("----------------------------------------"); System.out.print("선택: "); } public static int menuExecute(Scanner sc, int balance, int option) { int amount; if (option == 1) { System.out.print("입금액을 입력하세요: "); amount = sc.nextInt(); balance += amount; System.out.println(amount + "원을 입금하였습니다. 현재 잔액: " + balance); } else if (option == 2) { System.out.print("출금액을 입력하세요: "); amount = sc.nextInt(); if (balance >= amount) { balance -= amount; System.out.println(amount + "원을 입금하였습니다. 현재 잔액: " + balance); } else { System.out.println(amount + "원을 출금하려 했으나 잔액이 부족합니다."); } } else if (option == 3) { System.out.println("현재 잔액: " + balance); } else if (option == 4) { System.out.println("시스템을 종료합니다."); return balance; } else { System.out.println("메뉴를 잘못 선택하셨습니다."); } return balance; } } 은행 계좌 입출금 문제를 이런 식으로 풀이했습니다. 강사님과 결과는 같지만, 혹시 좋지 않은 코딩인지 궁금합니다.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요. Mission 15를 하기위해 https://github.com/gymcoding/claude-nextjs-starters.git 코드를 클론해와서 작업을 수행하는데, 문제가 있어서 /doctor로 진단을 받고 아래와 같이 응답을 받았습니다. mcp 는 워닝이라 그냥 해볼까 하는데, 파싱 에러는 도대체 왜 발생하는지 모르겠네요.
