묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
영상 보고 응용 프로젝트 하는 중에 라우터 관련 질문이 있습니다.
안녕하세요 강사님! 이번학기에 갑자기 웹 개발을 하게 되어 부랴부랴 프론트 강의 챙겨보는중인데 정말 도움이 많이 돼 우선 감사의 말씀 먼저 드립니다. ㅜㅜ 다름이 아니라 제가 본 영상 강의를 보고 학교 과제를 수행하다가 (투두 리스트를 참고하여 만들었습니다. 참고로 과제는 이슈관리 시스템입니다.) 이러한 메인 화면을 구현하였는데, 각 프로젝트 이름을 누르면 그 프로젝트의 상세 페이지로 연결 시키고 싶은데, 라우터 기능을 사용하여 링크는 제대로 바뀌는데 화면 전환이 되지 않습니다. ㅜㅜ 코드를 여러번 봐도 무엇이 문제인지 감이 안 잡혀 질문 드리게 되었습니다. 코드 첨부 하겠습니다. ! import "./App.css"; import { Routes, Route, Link, useNavigate } from "react-router-dom"; import { useRef, useState } from "react"; import Header from "./components/Header"; import List from "./components/List"; import ProjectDetail from "./pages/ProjectDetail"; //임시데이터 const mokdata = [ { p_id: 0, p_name: "회원가입 프로젝트", date: new Date().getTime(), }, { p_id: 1, p_name: "온라인 테트리스 게임 프로젝트", date: new Date().getTime(), }, { p_id: 2, p_name: "윷놀이 프로젝트", date: new Date().getTime(), }, { p_id: 3, p_name: "온라인 채팅 앱 개발 프로젝트", date: new Date().getTime(), }, { p_id: 4, p_name: "회원 관리 시스템 프로젝트", date: new Date().getTime(), }, { p_id: 5, p_name: "이슈 관리 시스템 프로젝트", date: new Date().getTime(), }, ]; function App() { const [projects, setProjects] = useState(mokdata); const onDelete = (targetId) => { //배열에서 targetId와 일치하는 id를 갖는 요소만 삭제한 새로운 배열 setProjects(projects.filter((project) => project.p_id !== targetId)); }; return ( <> <div className="App"> <Header /> <List projects={projects} onDelete={onDelete} /> </div> <Routes> <Route path="/ProjectDetail:p_id" element={<ProjectDetail projects={projects} />} /> </Routes> </> ); } export default App; 위는 App.jsx 코드 이고 아래는 ProjectDetail 코드 입니다. !import { useParams } from "react-router-dom"; const ProjectDetail = ({ projects }) => { const { p_id } = useParams(); const project = projects.find((project) => project.p_id === parseInt(p_id)); return ( <div> <h1>프로젝트 상세내용</h1> <h2>{project.p_name}</h2> </div> ); }; export default ProjectDetail;
-
미해결실습으로 끝장내는 웹 크롤링과 웹 페이지 자동화 & 실전 활용
파이썬에 키워드를 치는게 아닌...
안녕하세요 초보입니다.파이썬에 키워드를 안치고 주기적으로 뉴스 등을 크롤링하여 텔레그램으로 보낼수도 있을까요?
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
모의문제 3 - 8번 문제 질문드립니다.
8번 문제 복습 중 궁금증이 생겨서 질문드립니다.1) cond = df.loc[2001] > m2001r1 = sum(cond)cond = df.loc[2003] < m2003r2 = sum(cond)print (r1+r2) 2) r1 = df.loc[2001] > m2001r2 = df.loc[2003] < m2003print (sum(r1+r2))1) 같은 경우는 정답 풀이를 그대로 가져와서 출력 값이 202이고,2) 같은 경우는 제가 다른 방법으로 풀어볼 수 있을까 하는 궁금증에서 적어봤습니다. 출력 값은 202가 아닌 150이 나왔습니다. 둘 다 같은 풀이법 같지만 출력 값이 다른 이유가 궁금해서 질문드립니다 !
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
yarn 설치가 되지않습니다.
node.js와 npm은 --version을 이용하니 버전이 나오는데 yarn은 버전이 나오지 않아 npm install -g yarn 이라는 명령어를 하니 이미지처럼 에러가 나옵니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
콜백함수 작성해주신 부분이 이해가 잘 안갑니다
콜백함수에서 이해가 잘 안가는 부분이 있어 질문 드립니다.여기에서 맨처음 callbackFunc 이라는 함수에서는 파라미터를 name으로 받았고 그 파라미터를 콘솔에 출력하는게 기능이었는데요그걸 sayHello(callback) 도 아니고 sayHello(callbackFunc) 으로 실행했는데도 왜 결과물이 hello 로 나오는지 도무지 이해가 가지 않습니다.그렇다고sayHello 함수 정의당시에 callback 이라는 파라미터에 callbackFunc이 연결되도록 해둔 것도 아닌데 말이죠...어떤 흐름으로 이렇게 되는지 너무 궁금합니다. 한단계씩 설명해주시면 감사하겠습니다!
-
해결됨[UI3 업데이트] 피그마 배리어블을 활용한 디자인 시스템 구축하기
프레임을 씌울 때
종종 그룹을 먼저 씌운 후, 오토레이아웃을 설정하시던데특별한 이유가 있는지 궁금합니다!
-
미해결스프링 부트 - 핵심 원리와 활용
http://localhost:8080/test 와 catalina.out 에 다른 문자를 찍히게 하고 싶어요
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]System.out.println("Hello"); resp.getWriter().println("Hi");위와 같이 브라우저와 로그에 다르게 찍히는걸 보고 싶은데 코드 수정후 톰캣 재시작을 해도 여전히 로그에는 TestServlet.service이, 브라우저에는 test가 찍힙니다. war을 삭제 후 다시 시작해도 같아요.
-
미해결중급, 활용편 #1 DevOps : Infrastructure as Code with AWS and 테라폼
세팅 질문입니다.
안녕하세요, 강사님강의 복습중입니다.한 가지 궁굼한 점이 있습니다.강의 외적인 부분인데iterm 세팅을 어떻게 하고 계신가요?커서 옮길때 매우 빠른(?) 속도를 갖고 계시던데테마 등 정보 공유 부탁드리겠습니다!아참,5월에 테라폼 강의 준비해주신다고 하셨는데...테라폼이 아닌, aws강의를 준비하셔서 조금 섭섭하네요.. ㅋㅋ
-
미해결15일간의 빅데이터 파일럿 프로젝트
클라우데라 접속 중 블루스크린 오류
안녕하세요. 아래 질문 글을 실수로 수정 대신 삭제를 눌러 다시 질문을 남깁니다.호스트 파일을 다음과 같이 구성하고 가상 머신을 작동시킨 후에 크롬을 통해 URL을 접속시도를 하면 블루스크린이 뜨며 컴퓨터가 다운됩니다. ㅠㅠ아래는 가상머신화면 과 호스트 파일을 첨부하여 올립니다.
-
미해결[유니티 레벨 업!] 모듈식으로 개발하는 스킬 시스템
멀티 게임에서의 State Machine에 대해서 궁금한 점있습니다.
멀티 게임에서 StateMachine을 사용한다면 모든 컴퓨터에서 현재 State가 같도록 통일해 주는 작업하여 State의 흐름을 공유하나요?아니면 한 컴퓨터에서만 State를 다루고 다른 컴퓨터들에게는 따로 State를 통일하지 않고 그때 그때 필요한 작업들의 처리만 요청하나요?멀티 게임에서 StateMachine이 일반적으로 어떻게 사용되는지 궁금해서 질문드립니다.
-
미해결데이터 분석 SQL Fundamentals
4강, 6강 실습용 스키마 관련강의 재생이 안되요
다른 강의는 재생이되는데, 4강(9분) 6강(4분)은 재생 되지 않습니다. 영상 확인 부탁드립니다. 추가로 다른 강의들도 재생이 안되네요. 이전에 잘만 됬었는데..캐시, 쿠키등 삭제했고 강력 새로고침 해봤고, 다른 브라우저로 이용해보기도 했음에도 안됩니다.
-
미해결Jenkins를 이용한 CI/CD Pipeline 구축
application.properties는 어떻게 불러오나요?
제가 따로 만든 프로젝트로 젠킨스와 연동중입니다.git 허브에 프로젝트를 push할때 properties에는 aws계정 등이 포함되어 따로 올라가지않습니다.properties는 어떻게 불러와야하는건가요?
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
기출유형 4회(작업형1)
(문제)date_added가 2018년 1월 이면서 country가 United Kingdom 단독 제작인 데이터의 갯수(풀이4)# 풀이4 import pandas as pd df = pd.read_csv("nf.csv") cond1 = df['country'] == "United Kingdom" df['date_added'] = df['date_added'].fillna("") str1 = "2018" str2 = "January" cond2 = df['date_added'].str.contains(str1) cond3 = df['date_added'].str.contains(str2) print(len(df[cond1 & cond2 & cond3]))이 풀이에서 df['date_added'] = df['date_added'].fillna("")중간에 fillna를 사용한 이유는 무었인가요?빼고 해도 답은 같아서요.다른 필요한 상황이 있을까요?
-
미해결15일간의 빅데이터 파일럿 프로젝트
클라우데라 매니져 접속하기 오류
안녕하세요. 클라우데라 매니져 접속하기를 진행하는 도중 오류가 발생했습니다. server01.hadoop.com:7180 URL로 접속시 다음과 같이 접속이 되지 않고,IP 주소로 접속을 시도를 해보았는데, 블루스크린이 뜨며 컴퓨터가 종료됩니다.hosts 파일은 다음과 같이 수정하였습니다.
-
미해결2025년 CPPG 개인정보관리사 자격증 취득하기 (개정안 반영)
건의드립니다.
안녕하세요 얼마전 강의자료 문의드렸던 학생입니다. 요약노트집으로도 공부 해보려했는데 강의를 들으면서, 목차가 상이하여 어렵더라고요 인프런에서도 캡처기능을 제공해서 아래와같이 강의자료를 따로 삼성노트에 일일이 캡처하여 공부 하고있습니다.이런 작업이 번거로워 강의자료를 아래와 같이 워터마크 형식으로 제공하는게 어떨까 싶어 건의드립니다.
-
해결됨[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)
시험응시전략 🆕 updated 2023.11 노션 자료는 어디에서 확인할 수 있나요??
시험응시전략 🆕 updated 2023.11 노션 자료는 어디에서 확인할 수 있나요??
-
해결됨[React / VanillaJS] UI 요소 직접 만들기 Part 1
이벤트 핸들러가 Root에 모이면
리액트에서는 onClick으로 이벤트를 등록하면 Root에 모이게 된다고 하셨는데제가 이 부분을 정확히 이해했는지 알고싶어서 질문 드립니다!보통은 자바스크립트에서는 각 요소마다 addEventListener를 여러 번 호출하면 메모리 측면에서 비효율적이고 성능이 떨어질 수 있다고 알고 있습니다. 그래서 이벤트 위임을 사용하는 것으로 이해했습니다. 현재 강의에서는 각 요소마다 onclick 이벤트를 등록하셨는데 리액트에서는 Root에서 중앙통제하기 때문에 상관없다는 것으로 인지했습니다.제가 알기로는 이벤트들을 모아다가 root에 addEventListener를 하는 것으로 알고 있는데 이게 맞을까요?그러면 리액트에서는 굳이 이벤트 위임을 사용할 필요가 없을까요? 예를 들어 onClick을 여러 요소에 등록하지 않고 상위 요소 하나에만 등록하는 것처럼 말이죠..!
-
해결됨Golang을 통한 백엔드 개발 및 환경 구축하기
repository 트랜잭션 관련 질문
안녕하세요 스프링으로 개발하고 있는 뉴비인데, 최근에 golang에 흥미가 생겨서 강의를 듣게 되었습니다.이제 강의를 다 수강하고, gorm을 사용해서 db연결까지 해보려고 하는데, 궁금증이 생겨서, 강의의 범위를 벗어나지만 질문드리려고 합니다스프링에서는 서비스 계층에 트랜잭션을 선언후 그 안에서 벌어지는 db관련 로직들을 원자적으로 실행할 수 있습니다. 트랜잭션의 전파를 통해, 서비스에서 다른 서비스를 호출해도 하나의 트랜잭션으로 묶을 수 있고요. gin에서 동일한 결과를 내고 싶은데, 제가 찾은 방법 2가지가 있습니다 DB 객체를 서비스에서 필드로 보관하면서 repository를 호출할때마다 인자로 DB에 트랜잭션을 적용해 를넘겨준다 (또는 트랜잭션을 받는 wrapper function을 사용한다) => 코드작성량이 ㄷㄷrepository에 임시적인 WithTransaction(tx)메서드를사용해, repository의 DB가 임시로 트랜잭션을 바라보게한다. =>싱글톤에서 말도 안되는 방법인거 같은데 gpt가 강추함컨텍스트에 트랜잭션 DB객체를 담아 모든 곳에서 꺼내 사용한다 => gpt, google 모두 권장되지 않는 방법이라고 함3줄요약전부다 다 뭔가 이상한거 같아서, 실무에서 golang을 사용하면 서비스에서 다수의 DB접근이 필요하고, 이를 하나의 트랜잭션으로 관리해야될 때 어떻게 트랜잭션을 처리하는지 궁금합니다!!
-
미해결풀스택을 위한 도커와 최신 서버 기술(리눅스, nginx, AWS, HTTPS, 배포까지) [풀스택 Part3]
section 6 질문(-v 사용)
선생님 안녕하세요좋은 강의 감사드립니다. section 6, docker 주요 명령 익히기7 (컨테이너를 다루는 다양한 옵션) 강의 3:40초 부분에서 질문이 있습니다.해당 부분은 -v 옵션을 사용해서 docker의 특정 폴더를 로컬(여기서는 aws ec2 서버)의 폴더와 연결한 모습을 보여주고 있는데요. 문제는. 저는 이 도커에 -v를 사용해서 로컬의 폴더와 연결한 적이 없다는 것입니다. 제가 "section 6, docker 주요 명령 익히기5" 에서 한 것은 httpd 이미지를 사용해서 만든 도커를 연결한 것이었고, "section 6, docker 주요 명령 익히기7"에서는 httpd:alpine 이미지를 사용해서 도커를 새로 만들었거든요. 도커를 새로 만들었음에도 불구하고, 이전에 연결해놓은 -v가 그대로 작동하는 것은 왜 그런것이죠?
-
해결됨직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피
페이지 가로로 돌리기 매크로녹화 스크립트 미작동
문서 두개를 띄워서 작업을 하려고 하는데요. 먼저 한글시작을 하구 hwp = 한글시작(True) def 한글시작(TF): hwp = win32.gencache.EnsureDispatch("hwpframe.hwpobject") hwp.XHwpWindows.Item(0).Visible = TF hwp.RegisterModule("FilePathCheckDLL", "FilePathCheckerModule") return hwp 그다음 아래와같이 코드를 작성했는데요. hwp = 한글시작(True) doc_2 = hwp.XHwpDocuments.Add(False) # 새로운 hwp열고 할당 (False=새로운창 / True = 기존hwp의 탭으로) doc_2.SetActive_XHwpDocument() # 두 번째 문서 활성화 hwp.HAction.GetDefault("PageSetup", hwp.HParameterSet.HSecDef.HSet) hwp.HParameterSet.HSecDef.PageDef.Landscape = 1 hwp.HParameterSet.HSecDef.HSet.SetItem("ApplyClass", 24) hwp.HParameterSet.HSecDef.HSet.SetItem("ApplyTo", 3) hwp.HAction.Execute("PageSetup", hwp.HParameterSet.HSecDef.HSet)XHwpDocumnets.Add 를 통해서 새로운 hwp를 열었고, 활성화도 했습니다.그이후에 한글을 직접 작동하여, 페이지를 가로로 돌리는것(편집용지->가로)을 매크로 녹화했는데요아래 부분을 입력하고 실행했을 때, hwp.HAction.GetDefault("PageSetup", hwp.HParameterSet.HSecDef.HSet) FileNotFoundError: [Errno 2] No such file or directory: 'C:\\Users\\SAMSUN~1\\AppData\\Local\\Temp\\gen_py\\3.12\\7D2B6F3C-1D95-4E0C-BF5A-5EE564186FBCx0x1x0\\HSecDef.py.18740.temp' 이런 오류 메시지가 터미널에 뜨게됩니다.반면에, hwp.HAction.Run("MoveParaEnd")등을 실행했을 떄는 모두 정상적으로 작동합니다. 왜 한글매크로를 녹화한것이 제대로 작동하지 않는걸까요? 잘 알려주셔서 정말 감사합니다