inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

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 조회수 254

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

미해결

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

다른답변에서 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

화면 설정 문의의 건

해결됨

새싹부터 시작하는 Unity 게임 개발

안녕하세요~ 강의 잘 듣고 있습니다^^ 제 화면에는 카메라(?) 모양하고 가이드라인 그런게 표시가 안되서 불편해서요 어떻게 나오게 하는건지 잘 모르겠습니다. 확인 부탁드립니다~ 감사합니다.

  • C#
  • unity
  • collider
  • .csv
  • json-parsing
코르코르 댓글 2 좋아요 2 조회수 271

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

anim.SetBool

해결됨

새싹부터 시작하는 Unity 게임 개발

강의 듣고 활용 중에 도저히 스스로도 해결 못하겠는 부분이 생겨 질문합니다! Animator anim; <을 붙히지 않으면 the name 'anim' does not exist in the current context 오류가 발생하고 앞에 Animator anim;을 붙혀주면 NullReferenceException: Object reference not set to an instance of an object 오류가 발생합니다 해결 방법을 꼭 알고 싶습니다 ㅠㅠ anim.SetBool을 지워주면 정상적으로 작동하는 것으로 보아 위 코드가 문제는 맞는 것 같습니다

  • C#
  • unity
  • collider
  • .csv
  • json-parsing
ㅇasdfasdf 댓글 2 좋아요 1 조회수 339

ThreadLocal을 사용했는데 왜 여러 스레드에서 접근이 가능한걸까요?

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

ThreadLocal을 사용하는 이유 ThreadLocal을 사용해서 전송작업중인 스레드마다. 독립적인 버퍼를 보장해주었는데 , 강의 마지막에 왜 여러 스레드에서 인스턴스에 접근이 가능하다는건지 이해가 되지 않습니다. 세션에서 스레드 버퍼를 참조하고 있을 가능성 때문인가요? 스레드 로컬을 이용해 공간 독립성을 보장해준 것이 아닌가요? 또한 실제 SendBuffer를 이용하는 부분은 스레드별로 보장되어 있는것이 아닌가요? 이해가 되지 않습니다 ㅠ

  • C#
  • unity
  • 네트워크
용기있는 청년 댓글 1 좋아요 0 조회수 374

각 파트별 연관성이 있나요?

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진

특정 파트를 들을 때 그 이전 파트를 안 들어도 진행하는 데 문제없을지 알고 싶어요.

  • C#
  • unity
케르메르 댓글 1 좋아요 0 조회수 192

상속작업에서

미해결

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

prefab호출이 되지 않습니다..

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part3: 유니티 엔진

(사진)

  • C#
  • unity
SpaceRane 댓글 1 좋아요 0 조회수 188

이벤트핸들러를 이용하지 않는 이유

미해결

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

SocketAsyncEventArgs args = new SocketAsyncEventArgs(); args.Completed += OnConnectedCompleted; args.RemoteEndPoint = endPoint; args.UserToken = socket; 이벤트 핸들러를 이용하지 않고 바로 대입한 이유가 있을까요?

  • C#
  • unity
  • 네트워크
용기있는 청년 댓글 1 좋아요 0 조회수 288

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 조회수 316

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

TCP 수신시 순서보장에 질문있습니다!

해결됨

[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버

안녕하세요. 루키스님 1회독마치고 2회독을 하는중 궁금한점이 생겨 글남기게되었습니다. 만약 클라가 패킷을 보내는 순서를 A -> B 라고 했을때, 서버에서 패킷을 수신해보니 A, B둘다 패킷이 부족하여 다음 패킷을 대기중이라 했을때 두번째 패킷을 받아보니 B는 부족한 패킷을 채워 완전체가 되고 A는 아직 부족하다고 했을때 클라에서는 A -> B 순으로 명령하여 패킷을 전송했지만 A의패킷은 아직 수신대기중이고 B의 패킷은 전부 수신되었을때 B의 패킷을 컨텐츠영역으로 보내 클라에게 전송하는걸까요? 그럼 클라에서의 명령이 A->B가 아닌 B->A로 실행되는것일까요..? 만약, B->A 로 클라가 실행된다면 정상적으로 A->B로 실행하게끔 하는방법이 있을까요..? 문뜩 궁금해서 여쭤보게되었습니다. 답변해주신다면 감사하겠습니다!

  • C#
  • unity
  • 네트워크
hongrae_37 댓글 2 좋아요 0 조회수 432

감정일기장 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

인기 태그

인프런 TOP Writers

주간 인기글