inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

크롬 개발자 도구 레이아웃 배치 질문

미해결

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

강의 내용과 조금 떨어진 질문입니다. 크롬 개발자 툴에 컴포넌트를 보여주는것과 프롭스,훅스 등을 보여주는 창이 가로로 나뉘어져 보여지고 있는데, 이걸 윈터루드님처럼 위아래로 나뉘어지게 하려면 어떻게 해야하나요?

  • chrome
  • devtools
  • react
  • nodejs
  • javascript
Eungi Kim 댓글 1 좋아요 0 조회수 1220

http 502 오류가 계속해서 발생하네요 ㅠㅠ

미해결

만들면서 배우는 리액트 : 기초

liveServer 익스텐션을 지우고 깔아봤는데도 502(Bad Gateway) 오류가 계속해서 발생하는데 해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.

  • javascript
  • react
ㄴㄴㄴㄴ 댓글 1 좋아요 1 조회수 321

윈터루드님~! 이미지 경로에 관해서 질문 드리겠습니다!!

해결됨

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

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠??

  • 상대경로
  • img
  • nodejs
  • javascript
  • src
  • react
topgun0415 댓글 1 좋아요 0 조회수 560

질문있습니다~

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

로컬에 있는 이미지를 이용할때보다 서버에서 url 주소로 전달 받아 이용하는 경우가 더 많은데, 그럴때도 webp로 변환할 수 있는 방법이 있을까요? 아니면 다른 최적화 방법이 있나요?

  • react
  • devtools
jjang9 댓글 1 좋아요 2 조회수 247

이미지 오류 요청 오류

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

Items 페이지의 보드들의 이미지가 깨져서 보입니다 수정완료된 소스 코드가 따로 존재하는 건가요?

  • react
  • devtools
김윤진 댓글 1 좋아요 1 조회수 433

getStaticProps, getServerSideProps 관련해서 질문드립니다.

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 zerocho님. 항상 친절하게 답변주셔서 감사합니다. 몇가지 질문이 있습니다. 1. getServerSideProps에서는 브라우저에서 쿠키를 들고 next.js 서버로 오기 때문에 cookie를 가지고 올 수 있다고 이해했는데 getStaticProps는 빌드 시에 실행되기 때문에 cookie를 들고있지 못한걸로 이해했는데 맞나요? 만약 그렇다면 getStaticProps에서 사용하는 API는 인증이 필요하지 않은 API만 사용해야하나요? 2. getServerSideProps는 SSR이라 이를 이용하게되면 화면이 전체 깜빡임이 일어날거라고 생각했는데 실제로는 일어나지 않더라구요. 혹시 이유를 알고 계신지 궁금합니다.

  • express
  • redux
  • react
  • nodejs
  • Next.js
댓글 1 좋아요 0 조회수 484

채점 시 발생하는 오류 (Judge(Python).exe)

미해결

파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)

채점 시 아래와 같은 오류가 발생합니다. (Judge(Python).exe) 처리되지 않은 예외: System.NullReferenceException: 개체 참조가 개체의 인스턴스로 설정되지 않았습니다. 위치: Judge.Program.Main(String[] args) 어떻게 하면 저의 답을 쉽게 채점할 수 있나요?

  • 코테 준비 같이 해요!
  • python
댓글 1 좋아요 0 조회수 569

오셔서 숟가락만 얹으시면 됩니다! (온라인 프로젝트 팀원)

미해결

현재 프론트엔드(2) + 백엔드 (2)명이서 프로젝트를 하고 있었는데, 프론트였던 제가 개인사정 (취업, 이사, 건강 문제 겹침)으로 지금 아예 프로젝트에 참여를 못하고 있습니다. 다른 팀원들께 민폐가 되는 것 같아 팀원분들께 말씀을 드리고, 새로운 팀원을 대체하려고 하고 있습니다. [장점] - api다 나왔고, 진행 상황 80% 이상입니다. - 지금 투입되시면 소셜로그인, 회원가입만 구현하시면 되고, 이부분도 ui,API 다 나온 상태입니다. - 모든 일은 문서로 노션에 정리되어 있습니다. - 제가 직접 코드 설명도 드리고, 또 막히는 부분있으면 제가 계속 도움 드리겠습니다! - 슬랙 통해서 매주 수요일 7시에 슬랙으로 회의하고 있고, 현재 배포도 완료되었습니다! 관심 있으신 분은 아래 오픈 채팅으로 들어오셔서 편하게 질문해주시면 됩니다. 카카오톡 오픈채팅 (kakao.com) (들어오시면 저희 지금 배포된 사이트도 보여드리겠습니다!) 참고로 주제는 프로젝트 매칭 사이트(홀라 클론코딩)입니다.

  • react
wlodms11 댓글 0 좋아요 0 조회수 256

[Python 오류] 질문입니다! couldn't find program 'bash' (급합니다ㅠ)

미해결

%%bash # drive.mount("/content/drive") apt-get update apt-get install g++ openjdk-8-jdk python-dev python3-dev pip3 install JPype1 pip3 install konlpy %% bash 에서 막히네요 오류는 제목 그대로 뜹니다 현재 git bash가 설치되어 있는 상황인데 연관이 있을까요?

  • python
  • bash
  • shell
  • visualstudio
  • 파이썬
  • 오류
  • git
  • 질문
  • 데이터분석
퓨리 댓글 0 좋아요 0 조회수 341

github.com/subicura/docker-guide 는 없어졌나요?

미해결

초보를 위한 도커 안내서

안녕하세요. 데모 영상에 보이는 github URL에 접근이 안되네요. 제공해주신 수업자료에 있는 내용입니다만, github 주소는 접근이 안되는 것인지 문의 드립니다. github.com/subicura/docker-guide (github이 없어도 수강하는 데는 문제 없습니다)

  • github
  • docker
쏭쏭 댓글 1 좋아요 1 조회수 234

공부 방법에 대해 문의드려요.

미해결

[React 1부] 만들고 비교하며 학습하는 React

프로그래밍을 공부한지 얼마 안된 학생입니다. 자바스크립트로 무언가를 구현하는 강의를 듣는게 거의 처음인데요, 강의를 적어도 2회는 볼 생각인데, 처음 볼때 강의하시는내용을 함꼐 따라 코딩하면서 공부해야할지 아니면 처음에는 강의에 집중하고 2회차 볼때 따라서 만들며 해야할지 잘 모르겠습니다. 더듬더듬 따라서 강의를 보는 중인데, 똑같이 타이핑하는거에 너무 집착하는거같기도해서요.. 어느게 좋을지 추천 부탁드립니다.

  • MVC
  • react
댓글 1 좋아요 0 조회수 365

key 값 할당에 대해 궁금합니다.

해결됨

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

강의에서는 useRef 를 사용하면 된다고 하셨는데, 그 이유가 무엇인지에 대한 설명이 없으셔서 let 이나 var 는 불가능한가 해서 테스트해보니 값이 증가하지 않더라구요. 왜 그런지 이유가 궁금합니다. // const dataId = useRef(0); let dataId = 0 ; const onCreate = ( author , content , emotion ) => { const created_date = new Date (). getTime (); const newItem = { author , content , emotion , created_date , id : dataId , }; dataId += 1 ; setData ([ newItem , ... data ]); };

  • nodejs
  • react
  • javascript
wogh1265 댓글 1 좋아요 3 조회수 339

기초 질문드립니다.

미해결

[React 1부] 만들고 비교하며 학습하는 React

동그라동그라미 친곳에 파라미터로 event를 받아왔는데, event라고 넣지 않아도 동일하게 작동을 하더라구요. 꼭 event를 파라미터로 넣어줘야하나요?

  • react
  • MVC
댓글 1 좋아요 0 조회수 298

Chapter2 12-1 Folium 사용예제 링크 클릭시 404 에러 뜹니다.

해결됨

공공데이터로 파이썬 데이터 분석 시작하기

안녕하세요. Chapter 2 12-1 Folium 사용예제 에서 외부링크 클릭 시 * 예제목록 : http://nbviewer.jupyter.org/github/python-visualization/folium/tree/master/examples/ * Quickstart : https://nbviewer.jupyter.org/github/python-visualization/folium/blob/master/examples/Quickstart.ipynb 위와 같이 되어 있는데 접속시 404 에러가 뜹니다. 아래 링크로 변경된 듯 한데 확인 부탁 드립니다. 예제목록 : https://nbviewer.org/github/python-visualization/folium/tree/main/examples/ QuickStart : https://nbviewer.org/github/python-visualization/folium/blob/main/examples/Quickstart.ipynb 감사합니다.

  • 링크오류
  • numpy
  • python
  • pandas
ON K 댓글 1 좋아요 1 조회수 314

소스트리에 -oct 폴더 추가할 때 발생하는 오류

해결됨

팀 개발을 위한 Git, GitHub 입문

안녕하세요, 선생님! 좋은 강좌 감사히 잘 듣고있습니다. 실습을 진행하면서 소스트리에 boxiting-oct 저장소를 추가하고자 할 때 발생하는 오류를 해결하지 못해 고민하다가 이렇게 질문글을 씁니다. 도움 주시면 정말 감사하겠습니다. 우선 저는 boxiting-cat에서 push가 안 되는 문제를 겪었습니다. 소스트리에 깃헙을 연동할 때 유저네임과 비번을 써야했는데, 이 때 비번을 깃헙 로그인 비번을 사용하는 바람에 push가 안되는 것 같았습니다. 검색해보니 토큰을 적용하기 전에 비밀번호를 통한 로그인을 시도했을 경우 저장된 비번으로 인해 문제가 발생한다는 이야기를 보았습니다. 이를 해결하기 위해 설정 > 원격 저장소 정보 > URL경로를 편집하여 http://와 github 사이에 personalaccesstoken@을 입력해주었습니다. 이렇게 하고나니 드디어 boxiting-cat에서 푸시가 가능해졌습니다. 안심하고 실습을 계속 진행했는데요, 그 다음으로 소스트리에서 새로만들기 > 로컬저장소 추가하기 > boxiting-oct 폴더를 눌러 진행하자 다음과 같은 오류가 발생했습니다. 로컬저장소에 -cat폴더를 추가하는 것 까지는 가능한데, -oct폴더를 추가하려고 하면 오류창이 뜹니다. 일단 오류창이 뜨면 ‘다시열기'를 눌러보아도 소스트리 창이 팝업조차 되지 않습니다. 이걸 해결하기 위해서 제가 시도해본 방법은 크게 세가지인데요, 키체인 액세스에서 GitHub Credentials와 GitHub.comAccessKeyfor[계정명]을 삭제 후 PC 재부팅하기 소스트리 완전 삭제(응용프로그램에서 소스트리 삭제, 파인더에서 ~/Library/Application Support/SourceTree 삭제, ~/Library/Preferences/ com.torusknot.SourceTreeNotMAS.plist 삭제) -> 재부팅하고 소스트리 재설치하기 소스트리의 -cat폴더에서 설정> 원격 저장소 정보> URL경로를 편집하여, 푸시 오류를 해결하기 위해서 추가했던 토큰@을 삭제 -> -oct 폴더 추가해보기 입니다. 특히 2의 방법은 여러번 시도해보았는데도 문제가 해결이 안됩니다. 여전히 로컬저장소 추가하기에서 -oct 폴더를 추가하려고 하면 같은 오류창이 뜨네요. 이 상황에서 무엇을 더 시도해보아야 할지 모르겠습니다. 도움 주신다면 정말 감사하겠습니다.

  • 버전관리시스템
  • github
  • git
코숏 댓글 1 좋아요 0 조회수 413

안녕하세요.. 질문 몇가지 드립니다!

해결됨

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

강의 너무 잘듣고 있습니다! 하지만 Props 정말 알듯 모를듯 아리송하네요.. 질문드립니다! 1. 파일명은 무조건 대문자 시작인가요?? 2. 각 컴퍼넌트에 return 뒤에는 하나 이상일 경우 ()가 오고 한 줄 일경우에는 <> </>로도 가능할까요? 3. children 이라는 Props는 고정된 이름인가요? 다른 child같은걸로는 변경 불가능하죠?? 변경해서 하니까 오류가 나더라구요! 4. <button count={count}> 이렇게 속성으로 준 Props와 객체로 선언해서 넘겨주는 Props를 동시에 사용 못하나요?? const Counter = ( props ,{ counterValue3 }) => { const [ count , setCount ] = useState ( counterValue3 ); // props 매개변수로 받아 프로퍼티로 전달 방법 이런식으로 말이죠..

  • react
  • props
  • nodejs
  • javascript
topgun0415 댓글 1 좋아요 0 조회수 338

Mount가 두번 실행되는건 왜 그럴까요?

미해결

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

강의 잘 보고 있습니다. 질문이 있는데요, useEffect()로 Mount 를 구현하였고, 콘솔에 로그를 Mount를 출력하였습니다. 그런데, 이상하게, Mount 로그가 두번씩 출력됩니다. 동작은 이상없지만, 두번 출력되는게 이상해서요~ 제가 무엇을 잘못했는지 궁금합니다. useEffect(()=>{ console.log("Mouint!"); }, []); 즐거운 하루 보내세요.

  • useEffect
  • javascript
  • mount
  • react
  • nodejs
빈빠 댓글 1 좋아요 1 조회수 3113

Uncaught Error: could not find react-redux context value; please ensure the component is wrapped in a <Provider>

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

react-redux에서 발생하는 오류인듯 한데 구글링 해보니 수업 코드와 너무 달라지는데 어떻게 해결해야 할까요? 코드일부 import { useDispatch } from ' react-redux '; import { loginUser } from ' ../../../_actions/user_action '; function LoginPage () { const dispatch = useDispatch () ; 깃:https://github.com/kim-seungmin/boiler_plate

  • nodejs
  • react
ksm981204 댓글 2 좋아요 0 조회수 4868

github 권한 요청드립니다

미해결

Vue.js + TypeScript 완벽 가이드

확인했습니다~ 감사합니다!

  • github
  • vuejs
  • typescript
댓글 1 좋아요 1 조회수 208

인기 태그

인프런 TOP Writers

주간 인기글