묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결처음 만난 리액트(React)
React 18에서 ReactDOM.render()를 지원하지 않는 문제
Chapter 06 실습 문제에서 다음과 같은 경고와 함께 콘솔 로그가 나오지 않았습니다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot React 18버전에서는 ReactDOM에 렌더링하는 방식이 아니라 root를 먼저 만들고 root의 렌더링을 하는 방식으로 바뀌었다고 합니다.. 먼저, 실습 자료에서 따라 작성했던 코드입니다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import reportWebVitals from './reportWebVitals'; import NotificationList from "./chapter_06/NotificationList"; ReactDOM.render( <React.StrictMode> <NotificationList /> </React.StrictMode>, document.getElementById('root') ) reportWebVitals(); Notification element는 순서대로 제대로 출력되는걸 보아서 JSX element는 제대로 작성한 것 같았고 콘솔 로그가 나오지 않으며 위에 작성한 오류만 나와 react 버전 문제인가 해서 공식문서를 참조해 다음과 같이 변경했습니다. import React from 'react'; import { createRoot } from 'react-dom/client'; import './index.css'; import reportWebVitals from './reportWebVitals'; import NotificationList from "./chapter_06/NotificationList"; const container = document.getElementById('root'); const root = createRoot(container); root.render( <NotificationList /> ); reportWebVitals(); ReactDOM을 직접 사용하지 않고, root를 만든 다음 root에서 렌더링을 하는 방식으로 변경하라고 해서 이렇게 했더니 콘솔 로그가 제대로 나왔습니다. 그런데 문제가 있는게 이전에는 Notification element가 1, 2, 3 순서대로 출력이 되었는데 root에 직접 렌더를 하니 1번과 2번 element가 동시에 출력되는 문제가 생깁니다.. 로그를 확인해보니 1번 2번 element는 componentDidMount() 이후 Update()를 실행하지 않고 WillUnmount()가 되어버립니다. WillUnmount() 이후에 한 번 더 DidMount()가 되고, Update()로 넘어가지만, 이 이후에도 1번 2번이 같이 호출되고, 그 다음에 3번이 호출됩니다. 3번 역시 DidMount() 이후 Update() 없이 WillUnmount()되고 다시 DidMount()가 됩니다 3번은 Update()되지 않습니다.. 이 이후에는 공식문서에서 해결책을 찾을수가 없어서 문의드립니다..
-
해결됨개발자를 위한 쉬운 도커
도커 볼륨 경로 지정
각 서비스들 마다 볼륨을 지정하는 경로가 정해져 있나요?강의에서는 postgresql을 사용했고 /var/lib/postgresql/data 를 볼륨위치로 지정한것은 해당 위치가 table 내용을 저장하는 위치라서 그런건가요? 그럼 mysql 이나 redis등 다른 db의 경우는 각각 경로가 지정되어있는건지 궁금합니다. 그리고 어느 경로로 지정할지는 어떻게 알 수 있나요?
-
미해결
피그마 프레임 복제 시
ux/ui 시작하기 피그마 입문 수업 중 듣는 중 [예제실습 기본기능 활용한 채팅 ui 만들기]에서채팅 목록 중 파일 첨부 화면을 만들때도형 프레임을 복제 시 가로로 복사가 되지 않고 계속 아래로 복사가 되는 이유가 뭔지 궁금합니다.
-
해결됨
코드 질문
public void increment() { if (count >= max) { System.out.println("최대값을 초과할 수 없습니다."); return; } count++; }이 코드를 public void increment(){ if(max > count) count += 1; else System.out.println("최대값을 초과할 수 없습니다."); }이렇게 작성해도 될까요?두가지 방식에 차이가 있나요?
-
미해결CAN 통신 - 자동차 신입이 알아야 할 모든 것
메세지 ID
안녕하세요 메세지의 ID 길이에 따라 Std tormat (11bit), Ext. format (29bit) 나누고 모두 송신 수신 할수 있다고 하는데 이렇게 만들어 놓은 이유가 궁금 합니다. 감사합니다.
-
해결됨Next + React Query로 SNS 서비스 만들기
styled-components 적용중에 질문있습니다.
안녕하세요 강사님 강의 잘 듣고 있습니다! 항상 좋은 강의와 친절한 답변 감사드립니다.스타일 컴포넌트 적용 중에 궁금증이 생겼는데 검색을 통해서는 명쾌한 답변이 나오지 않아서 질문드립니다.아래 첨부 드린 코드와 같이 스타일 컴포넌트를 적용하려면 use client로 하고 page.tsx 에서 import 해서 사용해야 하는데혹시 이렇게 했을때 강사님이 사용하신 CSS Modules에 비해 안 좋은점이 있을까요?use client를 import해서 사용하다 보니 css modules에 비해 속도가 느리다던가서버 컴포넌트에 클라이언트 컴포넌트로 작성된 스타일을 적용시킴으로서 악영향이 있을까 걱정되어서 질문 드립니다.'use client' import styled from "styled-components" export const Container = styled.div` background-color: ${({theme}) => theme.color.blue2}; `;import { Container } from "./home.styles" export default function Home() { return ( <Container>안녕하세요</Container> ) };
-
해결됨개발자를 위한 쉬운 도커
멀티 스테이지 빌드 COPY 명령어 질문
멀티 스테이지 빌드 강의에서 사용된 Dockerfile.multistage에 관한 질문입니다!두 번째 스테이지(openjdk:11-jre-slim)에서 사용된COPY --from=build /app/target/*.jar ./app.jar에서 해당 명령어를COPY --from=build /app/target/*.jar ./라고 작성하면 안되는건가요? COPY 명령어는 로컬 컴퓨터에 있는 파일을 도커 컨테이너 내부 파일 시스템에 복사하는 명령어로 알고 있고, 명령어에 입력되는 값은 복사에 필요한 디렉토리를 설정하는 것으로 알고 있습니다. 1) 도커 컨테이너의 루트 디렉토리에 app.jar 파일을 복사하는 용도라면 위와 같이 작성해도 되는게 아닌지 궁금합니다!2) 또한 COPY 명령어의 처음 값으로 나오는 /app/target/*.jar에서 *.jar가 .jar로 끝나는 모든 파일을 지칭하는 것인지 궁금합니다! Maven으로 빌드시 생성되는 결과물이 여러개여서 그런건가요?
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
AbstractGatewayFilterFactory 적용 문제
현재 spring 3.2 버전에서 강의를 따라가고 있습니다. AbstractGatewayFilterFactory를 찾지 못하는 것 같습니다. 혹시 해결방법이 있을까요
-
해결됨Next + React Query로 SNS 서비스 만들기
styled-components 적용중에 질문 있습니다..
안녕하세요 강사님 강의 잘 듣고 있습니다! 항상 좋은 강의와 친절한 답변 감사드립니다.스타일 컴포넌트 적용 중에 궁금증이 생겼는데 검색을 통해서는 명쾌한 답변이 나오지 않아서 질문드립니다.아래 첨부 드린 코드와 같이 스타일 컴포넌트를 적용하려면 use client로 하고 page.tsx 에서 import 해서 사용해야 하는데혹시 이렇게 했을때 강사님이 사용하신 CSS Modules에 비해 안 좋은점이 있을까요?use client를 import해서 사용하다 보니 css modules에 비해 속도가 느리다던가서버 컴포넌트에 클라이언트 컴포넌트로 작성된 스타일을 적용시킴으로서 악영향이 있을까 걱정되어서 질문 드립니다.'use client' import styled from "styled-components" export const Container = styled.div` background-color: ${({theme}) => theme.color.blue2}; `;import { Container } from "./home.styles" export default function Home() { return ( <Container>안녕하세요</Container> ) };
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
7강 웹페이지 만들기 질문(item-service)
본 강의 마지막 편인 웹 페이지 만들기에서 잘 되다가 addForm(상품등록)부터 white page에러가 뜨면서 안들어가집니다. 강의를 보고 다시 확인도 해봤는데 같은 부분에서 오류가 나서 접속이 안됩니다. 에러로 보아 addForm에 문제가 있는 것 같은데 도무지 오류를 찾을 수가 없어 질문 남깁니다. 구글 드라이브에 파일 압축해서 올려놓았습니다. https://drive.google.com/file/d/1Sq8rgY-2ZwPEoD8KaAeIfdXAPPJ-9NsT/view?usp=drive_link
-
미해결모두를 위한 대규모 언어 모델 LLM(Large Language Model) Part 2 - 랭체인(LangChain)으로 나만의 ChatGPT 만들기
RAG 실습 강의에서 template 문구 관련해 질문이 있습니다.
RAG 실습 강의에서 template = """다음과 같은 맥락을 사용하여 마지막 질문에 대답하십시오.만약 답을 모르면 모른다고만 말하고 답을 지어내려고 하지 마십시오.답변은 최대 세 문장으로 하고 가능한 한 간결하게 유지하십시오.항상 '질문해주셔서 감사합니다!'라고 답변 끝에 말하십시오.{context}질문: {question}도움이 되는 답변:""" 템플릿 문구 맨 아래에 '도움이 되는 답변:' 이 부분은 왜 필요한 건가요?? 모델이 생성해주는 답변에 어떤 방식으로 도움이 되는 걸까요??
-
미해결유니티 Addressable 을 이용한 패치 시스템 구현
어드레서블을 사용해서 받은 에셋이 전부 핑크색으로 나와요
안드로이드로 스위치 했구요. 모델링하나를 씬에 올리고 재질을 하나 만들어서 재질은 mobile/unlit(support lightmap)이라는걸로 넣었구요. 그상태로 그걸 프리펩으로 만들고 어드레서블을 지정했습니다. 기본 디폴트 그룹에 지정되어있구요. 들어가있는 재질도 어드레서블을 지정해서 넣었습니다. 그리고나서 어드레서블을 사용해서 다운을 받고 불러오기까지 했습니다. 여기서 문제가 하나 생기더라구요.. 불러오니까 핑크색으로 나오는거에요.. 그래서 리얼타임에서 불러온상태에서 재질쪽으로 가니까 재질은 들어가있는데 쉐이더쪽이 핑크색인거에요.. 그래서 쉐이더를 다시 unlit으로 지정을 해주니까 잘나오더라구요.. 그렇다는건 쉐이더도 어드레서블에 포함을 해야한다는 이야기인건가요?진짜 이것저것 시도를 다해보고있는데 해결이 안되네요.. 빌트인에 unlit쉐이더를 포함하면 된다고 하는 말도있어서 그것도 해봤는데 그것마저도 안되더라구요..ㅜㅜ
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
th:field 질문
th:field를 사용했을 때 id, name, value로 변하는 것은 input태그에서만 가능한건가요?span태그로 하니 변하지 않아서요
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
서블릿, 서블릿 컨테이너, 서블릿/애플리케이션 컨텍스트
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]안녕하세요. 강의를 듣다가 용어에 혼동이 와서 용어 정리 좀 하고 싶은데요.서블릿이라고 말하는 것은 SpringMVC에서 디스패처 서블릿을 의미하는 것이 맞나요?서블릿 컨테이너가 나와서 헷갈렸는데 강의 내용으로 대략 유추해볼 때 WAS(톰캣)을 말하는 게 맞나요?서블릿 컨텍스트, 애플리케이션 컨텍스트 이렇게 두 가지를 따로 말하던데 어떤 개념인가요?혹시 위 내용들을 강의에서 다룬 곳을 아시거나 참고할 만한 문서가 있으면 알려주시면 감사하겠습니다.
-
미해결AWS Certified Solutions Architect - Associate 자격증 준비하기
수강연장 부탁드립니다ㅠㅠ
안녕하십니까 개인 사유로 인해, 한번 더 연장 부탁드립니다.시험에 한번 떨어졌습니다.강의까지 끝난다면 너무 절망적일 것 같습니다.다시 한번 도전 할 수 있도록 기회를 주세요 한번 만 더 연장 해주세요.........ㅜㅜ 감사합니다....
-
해결됨10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
반례를 못찾겠습니다.
http://boj.kr/7b036ef3742940cd860da4b66f630c0b 이론에서 배웠던 코드를 이용해서 구현했는데 어디서 틀렸는지 못찾겠습니다.
-
미해결그림으로 쉽게 배우는 운영체제
애니메이션은 어떻게
수업 내용과 관계는 없지만, 애니메이션은 어떤 툴로 만들고 있는지 알 수 있을까요?
-
미해결10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
문제를 풀다가 정수 관련하여 질문이 생겼어요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. cin >> N >> K; queue<int> q; q.push(N); // visited[N] += 1; NK = K + 1; cout << K << N;이렇게 하면 -1 -1을 입력했을 때 -1 -1이 잘 출력되는데 주석을 지우고 실행하면 0 -1이 출력되는 현상이 발생합니다.. #include <bits/stdc++.h> using namespace std; int N, K, visited[500004], prevN, searchTime = 0, flag = 0; int NK = 0; int main() { cin >> N >> K; queue<int> q; q.push(N); // visited[N] += 1; NK = K + 1; cout << K << N; }
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
파이썬 시작합니다. 강의자료 부탁드려요
이메일 nhshin00@gmail.com
-
미해결스프링 프레임워크는 내 손에 [스프2탄]
깃허브 주소를 못 찾겠어요
스프 2탄 깃허브 주소좀 부탁드립니다 ~