inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

react hot reloader

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

webpack설정하면서 hot reloader에 대한 모듈설치부터 설정까지 나오는데요... 저는 1.8버전을 설치했습니다. 강의는 아무래도 좀 오래된 버전이구요.. 그러다 보니 현재 1.7이나 1.8버전에서의 설치할 모듈부터 설정까지 조금씩 달라진것 같습니다. 1.8버전에 대한 hot reloader 설정관련한 내용좀 알수있을까요? 검색해봐도 잘 안나오고 쉽지 않네요 .감사합니다.

  • react
odark 댓글 1 좋아요 0 조회수 221

onRightClickTd가 작동을 하지 않습니다.

미해결

웹 게임을 만들며 배우는 React

const onRightClickTd = useCallback( (e) => { e.preventDefault(); if (halted) { return; } console.log(`Right click on cell [${rowIndex}, ${cellIndex}]`); switch (tableData[rowIndex][cellIndex]) { case CODE.NORMAL: case CODE.MINE: dispatch({ type: FLAG_CELL, row: rowIndex, cell: cellIndex }); return; case CODE.FLAG_MINE: case CODE.FLAG: dispatch({ type: QUESTION_CELL, row: rowIndex, cell: cellIndex }); return; case CODE.QUESTION_MINE: case CODE.QUESTION: dispatch({ type: NORMALIZE_CELL, row: rowIndex, cell: cellIndex }); return; default: return; } }, [tableData[rowIndex][cellIndex], halted] ); return ( <td style={getTdStyle(tableData[rowIndex][cellIndex])} onClick={onClickTd} onContextMenu={onRightClickTd} > {getTdText(tableData[rowIndex][cellIndex])} </td> ); }; export const TableContext = createContext({ tableData: [], halted: true, dispatch: () => {}, }); const initialState = { tableData: [], timer: 0, result: "", halted: true, }; 강의에서 나온대로 적용하여 수업을 듣고 있는데, onRightClickTd가 작동을 하지 않습니다. 콘솔에는 누를때마다 찍히는데, 오른쪽 마우스 이벤트 자체를 인식을 못하는 것 같습니다. 혹시몰라 Td.jsx 컴포넌트 코드를 다 올립니다! 어떤 문제 때문에 작동을 안하는걸까요? import React, { useCallback, useContext } from "react"; import { CLICK_MINE, CODE, FLAG_CELL, NORMALIZE_CELL, OPEN_CELL, QUESTION_CELL, TableContext, } from "./MineSearch"; const getTdStyle = (code) => { switch (code) { case CODE.NORMAL: case CODE.MINE: return { background: "#444", }; case CODE.CLICKED_MINE: case CODE.OPENED: return { background: "white", }; case CODE.QUESTION_MINE: case CODE.QUESTION: return { background: "yellow", }; case CODE.FLAG_MINE: case CODE.FLAG: return { background: "red", }; default: return { background: "white", }; } }; const getTdText = (code) => { switch (code) { case CODE.NORMAL: return ""; case CODE.MINE: return "X"; case CODE.CLICKED_MINE: return "꽝"; case CODE.FLAG_MINE: case CODE.FLAG: return "!"; case CODE.QUESTION_MINE: case CODE.QUESTION: return "?"; default: return ""; } }; const Td = ({ rowIndex, cellIndex }) => { const { tableData, dispatch, halted } = useContext(TableContext); const onClickTd = useCallback(() => { if (halted) { return; } console.log(`Right click on cell [${rowIndex}, ${cellIndex}]`); switch (tableData[rowIndex][cellIndex]) { case CODE.OPENED: case CODE.FLAG_MINE: case CODE.FLAG: case CODE.QUESTION_MINE: case CODE.QUESTION: return; case CODE.NORMAL: dispatch({ type: OPEN_CELL, row: rowIndex, cell: cellIndex }); return; case CODE.MINE: dispatch({ type: CLICK_MINE, row: rowIndex, cell: cellIndex }); return; } }, [tableData[rowIndex][cellIndex], halted]); const onRightClickTd = useCallback( (e) => { e.preventDefault(); if (halted) { return; } console.log(`Right click on cell [${rowIndex}, ${cellIndex}]`); switch (tableData[rowIndex][cellIndex]) { case CODE.NORMAL: case CODE.MINE: dispatch({ type: FLAG_CELL, row: rowIndex, cell: cellIndex }); return; case CODE.FLAG_MINE: case CODE.FLAG: dispatch({ type: QUESTION_CELL, row: rowIndex, cell: cellIndex }); return; case CODE.QUESTION_MINE: case CODE.QUESTION: dispatch({ type: NORMALIZE_CELL, row: rowIndex, cell: cellIndex }); return; default: return; } }, [tableData[rowIndex][cellIndex], halted] ); return ( <td style={getTdStyle(tableData[rowIndex][cellIndex])} onClick={onClickTd} onContextMenu={onRightClickTd} > {getTdText(tableData[rowIndex][cellIndex])} </td> ); }; export default Td;

  • react
ssi02014 댓글 1 좋아요 0 조회수 255

네이버쇼핑 검색창 넘어가기전 팝업창이 안사라져요

미해결

[신규 개정판] 이것이 진짜 크롤링이다 - 기본편

다른답변에서 popup_close_button = browser.find_element(By.CSS_SELECTOR, "팝업 닫기 버튼의 CSS 선택자") popup_close_ button.click () 이 방법도 해보고 팝업창 닫기 버튼 browser.find_element(By.XPATH, '/html/body/div[3]/div/div[1]/div/div[4]/div/div/button[1]').click() 이렇게도 입력해 봤는데 계속 사라지지가 않아서 검색 단계로 넘어갈수가 없네요 ㅠㅠㅠㅠㅠ

  • python
  • 웹-크롤링
동그란 강아지 댓글 1 좋아요 0 조회수 416

site:instagram.com -inurl:explore/tags -inurl:p -inurl:reel intitle:'{keyword}'" 이 코드는 이제 최신게시물을 불러오지 못합니다.

미해결

[자동화 완전 정복] 인스타그램 휴대폰, 웹 자동화 프로그램 개발

site:instagram.com -inurl:explore/tags -inurl:p -inurl:reel intitle:'{keyword}'" 위 코드처럼 키워드를 구글에 검색하여 불러왔지만 최신 게시물이 아닌 오래된 순서로 뷰에 보여지는 것 같습니다.

  • python
  • selenium
김희수 댓글 1 좋아요 0 조회수 240

util 함수, const를 사용하지 않는 이유가 있을까요 ?

미해결

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

'특정 아이템의 수량이 변경되었을 때 값이 재계산되어 올바르게 업데이트 된다' 테스트 실행시 변경점이 있는 price를 '$4,045.00'과 같이 직접 입력하셨는데요. 이 부분을 formatPrice(809*4) 이런식으로 하면 formatPrice에 변경점이 생겼을 때도 테스트가 깨지지 않고 검증할 수 있고, 작성하기 더 쉬워보인다고 생각하는데요. 혹시 그렇게 하지 않은 이유가 따로 있을까요 ? (독립성을 보장한다던가..) 아래의 '특정 아이템의 수량이 1000개로 변경될 경우 "최대 999개 까지 가능합니다!"라고 경고 문구가 노출된다' 테스트의 cartValidationMessages.MAX_INPUT_VALUE 값도 마찬가지입니다 !!

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
tumblbug.study 댓글 2 좋아요 0 조회수 321

MySQL에서는 숫자 타입 컬럼에서 '', ""를 함께 사용해도 되나요?

해결됨

[리뉴얼] 처음하는 SQL과 데이터베이스(MySQL) 부트캠프 [입문부터 활용까지]

안녕하세요, 실전 SQL 데이터분석 연습: 집계 함수 익히고 실제 DB로 연습하기 (업데이트) 13:00~ 부분의 연습문제8 관련하여 궁금한 사항이 있어서 문의 드립니다. 문제는 영화 렌탈 테이블(rental)에서 inventory_id가 367이고, staff_id가 1인 로우(Row) 전체 출력하기 입니다. Rental 테이블의 inventory_id 컬럼은 타입이 mediumint, staff_id는 tinyint 인 것 같습니다. 그런데 정수 타입의 컬럼인데 Where 조건 절에서 ''를 써도 동일하게 결과값이 조회가 되는 것 같더라구요. 제가 잘못 알고 있을 수도 있지만 정수와 같은 숫자 타입의 경우 값을 '' 혹은 "" 없이 입력하고, Str 같은 문자의 경우 '', "" 를 값에 함께 입력해야 문자타입으로 인식하는 것 같은데 혹시 MySQL에서는 컬럼타입에 있어서 이러한 구분 없이 사용이 되는 것일까요? 따옴표 ('') 없이 조건 값을 입력해서 조회했을 경우 따옴표를 함께 조건에 입력해서 조회했을 경우 감사합니다.

  • python
  • sql
  • mysql
  • dbms/rdbms
  • 데이터-엔지니어링
Blossom0518 댓글 1 좋아요 0 조회수 195

스프링jpa 작업 중 오류

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

작업파일 링크 드라이브에 담아 공유합니다. 어느 점에서 오류가 나는지 잡을 수 없어 질문드립니다. 감사합니다 https://drive.google.com/file/d/1UqI2_8bN8k4yq1Zww3OVkDLQ_yS_tsPS/view?usp=drive_link

  • java
  • spring
  • mvc
  • spring-boot
코코넛빵 댓글 1 좋아요 1 조회수 253

상속작업에서

미해결

Django 베이스캠프

챕터 Template 에서 영상 35:09초 상속작업관련 이해가 안가는게있습니다. 저는 base.html에 {% load static %}만 기입하고 자식인 blog_list.html에서는 기입을 안 했는데, 모든 태그(h1, h2)가 색상이 변경된 상태 입니다. 장고는 5.0.6인데 이게 업데이트가 된건가요?

  • HTML/CSS
  • python
  • django
  • powershell
  • python3
SeongBaek CHO 댓글 1 좋아요 0 조회수 232

컨트롤러 패키지명

미해결

스프링 DB 2편 - 데이터 접근 활용 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 컨트롤러를 두는 패키지명을 controller가 아닌 web으로 하신 이유가 궁금합니다

  • spring
  • mvc
  • jpa
  • querydsl
  • spring-data-mybatis
  • spring-jpa
hj 댓글 1 좋아요 0 조회수 244

No message found under code 'totalPriceMin' for locale 'ko_KR'. 오류

해결됨

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] '오브젝트 오류' 강의 3:53 경에 '필드가 아닌 복합 룰 검증' 관련 코드들을 복붙한 후 실행한 결과 아래 사진과 같이 Caused by: org.springframework.context.NoSuchMessageException: No message found under code 'totalPriceMin' for locale 'ko_KR'. 라는 오류가 출력됩니다. 몇시간동안 관련 내용들을 구글링해도 해결되지 않아 문의드립니다. 답변 부탁드립니다. 아래 링크는 압축파일입니다. https://drive.google.com/file/d/1BvnXi4zMz54nFj2op-MlvGw8czjP7DAB/view?usp=sharing

  • spring
  • mvc
박지영 댓글 2 좋아요 0 조회수 628

BOJ23246

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

N = int(input()) words = [list(map(int, input().split())) for _ in range(N)] medal = sorted(words, key= lambda x : (x[1]*x[2]*x[3], x[1]+x[2]+x[3])) for i in range(0,3): print(medal[i][0], end = ' ') 다음은 제가 짠 코드입니다. n = int(input()) infos = [list(map(int, input().split())) for _ in range(n)] infos = sorted(infos, key=lambda x : (x[1] x[2] x[3], x[1] + x[2] + x[3], x[0])) for b, p, q, r in infos[:3]: print(b, end=' ') 이건 알리님 코드인데요, 마지막 for문 빼고는 똑같은데, 이상하게 제거는 틀렸다고 뜨네요. 시간 복잡도 때문일까요?? 이유 알려주시면 감사하겠습니다

  • python
  • 코딩-테스트
  • 알고리즘
김민섭 댓글 2 좋아요 1 조회수 236

2023년 2회 킬러문항

해결됨

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

2023년 2회 킬러문항 해설 이해가 안갑니다 초록색 색연필로 표시했는데 35분 30초 쯤 해설 중 1 출력인데 출력값은 2라고 하고 넘어가시더라구요 .. 이유를 모르겠습니다 ㅠㅠ 몇 번을 반복해서 들어도 전체적 이해가 안되네요ㅠㅠ

  • python
  • java
  • c
  • 정보처리기사
태라 댓글 1 좋아요 0 조회수 294

pytest 세팅 강좌 / cache 파일이 생성되지 않습니다.

해결됨

실전! FastAPI 입문

pytest 명령어 입력 후 1 passed, 1 warning이 뜹니다. src파일 밑에 pytest_cache 파일 또한 생성되지 않습니다. 어떻게 하면 될까요? *검색을 해봤는데 httpx의 버전 문제인 것 같기도 하나,,자력으로 해결이 안됩니다,..

  • python
  • 리팩토링
  • orm
  • FastAPI
  • pytest
신지훈 댓글 1 좋아요 0 조회수 317

http://www.thymeleaf.org 가 실행이 안되는 것 같아요

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] gradle에도 있고 build.gradle에도 있는데 hello.html을 실행하면 저렇게 에러 페이지가 뜹니다.

  • java
  • spring
  • mvc
  • spring-boot
댓글 2 좋아요 0 조회수 422

use client

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

안녕하세요 ㅎㅎ 강의 너무 잘 듣고있습니다. use client 사용하는 이유에 대해서 잘 모르겠어서 질문을 드립니다 .ㅎㅎ 설명을 들었을때 server slide rendering 이지만 server side 기능을 하는것이 아니라 client side 로 넘어온다? 로 이해를 했는데 , 그렇다면 굳이 저 위의 지시어 use client 를 사용해야할때가 있을까 ?? 생각을 했습니다 ㅎㅎ

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwind-css
  • zustand
SJ 댓글 1 좋아요 1 조회수 237

회원가입 PRG

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

@GetMapping("/join") public String addMemberForm(@ModelAttribute("form") MemberSaveForm form) { return "members/join"; } @PostMapping("/join") public String join(@Valid @ModelAttribute("form") MemberSaveForm form, BindingResult bindingResult, RedirectAttributes redirectAttributes) { //복합 룰 검증 validateObjectError(form, bindingResult); if (bindingResult.hasErrors()) { return "members/join"; } //회원가입 Long memberId = memberService.join(form); redirectAttributes.addFlashAttribute("memberId", memberId); return "redirect:/members/join/complete"; } @GetMapping("/join/complete") public String joinComplete(@ModelAttribute(name = "memberId") Long memberId, Model model) { NewMemberInfo newMemberInfo = memberService.getNewMemberInfo(memberId); model.addAttribute("member", newMemberInfo); return "members/join_complete"; } 안녕하세요. 회원가입 완료페이지(/join/complete)에서 뒤로가기로 다시 회원가입하는 페이지(/join)로 이동했을 때 필드의 값(MemberSaveForm)들이 유지되는데 값들을 없애려면 어떻게 해야하나요? POST /join 에서 리다이렉션으로 /join/complete로 이동할때 memberId를 addFlashAttribute가 아닌 세션을이용하려하는데 흔히 사용하는 방식인지 궁금합니다. 다른 좋은 방법이 있나요?

  • spring
  • mvc
olive3three 댓글 1 좋아요 0 조회수 182

감정일기장 useRef

해결됨

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

강의 내에서 mockData 를 id: 3 까지 만들고, useRef 초기값을 3 으로 주었는데, 이렇게되면 onCreat 가 처음으로 호출됐을 때 최초 생성된 일기가 id를 3으로 가지게되고(후위증감연산자로 그 다음 생성된 일기부터 id가 4로 생성됨), 이미 만들어져있는 3번일기랑 id값이 같아지게 됩니다. 그래서 최조 생성된 일기를 onUpdate 해주었을때 수정내용으로 바뀐 최초 생성된 일기, 수정내용으로 바뀐 3번일기 이렇게 똑같은 내용 으로 2개가 생기는 상황이 발생합니다. 따라서 useRef 초기값을 4 로 주는게 맞지않나 문의드립니다.

  • javascript
  • react
  • node.js
JJun 댓글 1 좋아요 1 조회수 357

04. DB 파트 기출 해설(실기 4번)

미해결

윤파고의 정보처리기사 DB/프로그래밍 All-In-One

해당 강의는 무료 제공 강의이기에 별도의 강의 내용 코칭은 제공해드리고 있지 않고 있습니다. (단, 내용 오류 신고는 지속적으로 받고 있으며, 기존에 신고 받았던 내용은 영상 상세 설명란에 참조 내용으로 적혀있습니다) 수익을 내지 않는 무료 제공 강의다보니 내용 오류나 오탈자가 있을 수 있습니다. 내용 오류는 dbswjdgkssla@naver.com 으로 신고해주시면 주기적으로 검토해서 반영하고 있습니다. (단순 오탈자는 건당 100원, 단순 오탈자가 아닌 내용 오류 신고는 건당 1000원의 신고 포상금을 드리고 있습니다) 강의에 오류가 있는 부분은 강의 내용에 사전 안내가 되어 있습니다, 해당 오류는 유튜브에서 이미 인지한 오류이며, 올인원 교재 업데이트(24년) 전까지 한 강씩 차례로 수정 반영될 예정입니다. 04번 해설에서 SELECT COUNT(COL2) .... 이니깐 개수를 셀 때는 COL2에서 NULLL 값을 제외하고 계산하니깐 4개인거 아닌가요? 강의에서는 COL1에서 NULL 값을 제외하고 4개를 세시는데 헷갈리네요. 제가 잘못 이해한 부분이 있는거라면 그 부분에 대해서 설명 부탁드립니다.

  • python
  • java
  • c
  • dbms/rdbms
  • 정보처리기사
댓글 3 좋아요 0 조회수 438

tailwind.config.ts

해결됨

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

tailwind.config.ts 를 변경하려고 하는데 변경이 되지 않습니다. 다른 파일들도 수정하려고 보니까 수정이 안되네요ㅠㅠㅠ 이렇게해서 생성을 진행했구요. 잘은 모르겠지만 npx create-next-app . 로 설치를 진행했는데 권한 에러가 발생하더라구요 npm error code EACCES 그래서 sudo 를 앞에 붙여서 진행을 했습니다. 혹시 이 문제일까요 ?

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwind-css
  • zustand
SJ 댓글 2 좋아요 1 조회수 337

인기 태그

인프런 TOP Writers

주간 인기글