묻고 답해요

영어 대소문자

미해결

입문자를 위한 파이썬 기초 따라잡기

다른거는 소문자로 시작해도 작동이 되던데 왜 True, False는 대문자로 시작해야 코드가 실행 되는 건가요? 변수가 아니라서 그런가요?

• python
• python

강사님 질문드립니다.

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

이전에 한번 푸시했던 깃허브 리포지토리에 수정사항이 생겨서 다시 푸시했더니 오류가 생깁니다. 어떻게 해결하면 좋을지 알 수 있을까요?

• github
• git
• 버전관리시스템

명령 프롬프트

미해결

입문자를 위한 파이썬 기초 따라잡기

명령 프롬프트 cd Desk top 입력하니까 저장된 경로를 찾을 수 없다고 뜨는데 왜 그러는 건가요?

• 명령프롬프트
• python
• idle

웹소켓 관련 개념질문입니다.

해결됨

Slack 클론 코딩[실시간 채팅 with React]

안녕하세요. 현재 "DM채팅하기" 강의를 진행하기 전에도 시크릿모드로 두개를 띄워서 해보면 지금도 채팅 통신이 가능한데 이상태에선 계속 서버로 보냈다가 다시 가져오고 그런 상태이기 때문에 소켓통신으로 바꾸려고 socket.on 을 추가하는 것인가요? 그러니까 useEffect(()=>socket?.on('dm', onMessage) 이부분을 하는 이유가 http프로토콜을 소켓 프로토콜로 바꾸는 개념인가요? 동작 방식이 좀 헷갈리네요.. 제가 이해한 부분이 맞을까요?

• 웹팩
• babel
• react
• Socket.io
• typescript
• 클론코딩

SCSS 미적용문의

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요 .선생님. 2번이나 따라해보았는데 SCSS가 적용이 되지 않는것 같습니다. ㅜㅜ 한번만 봐주실 수 있을까요? https://github.com/imslee100/React-API/tree/43ff3052029174f878762fa0544dfdc031f118fe

• react
• graphql
• rest-api

(공유) 리액트 v6부터는 route가 바뀌어서 중첩라우터 이렇게 적용하셔야합니다

미해결

Slack 클론 코딩[실시간 채팅 with React]

App 파트에서 workspace다음 와일드카드/* 를 표시해주셔야 합니다 workspace 안에서는 path에 /workspace/:workspace를 쓰면 App에서 workspace/:workspace/* 가 있어서 두개가 중복되기때문에 바로 /channel/: channel 로 path를 작성하시면 됩니다.

• Socket.io
• react
• 웹팩
• babel
• typescript
• 클론코딩

react-router-dom 버전 6이후의 동작

해결됨

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

안녕하세요. Route 컴포넌트를 사용하는 방법이 조금 바뀐거같습니다. (v6 이후) < Routes > < Route path ="/about/*" element = {< AboutPage />}/> < Route path ="/about/company/" element = {< AboutCompanyPage />}/> < Route path ="/profile/" element = {< ProfilePage />}/> < Route path ="/blog/" element = {< BlogPage />}/> </ Routes > 위에처럼 Route 바깥에 Routes로 감싸줘야 하는것으로 보이구요. 또 about아래에 여러 URL을 지원하려면 *를 붙여줘야 하는거 같습니다. (exact 속성도 지원하지 않는다고 합니다.) 다만 about/abcd 이런식으로는 접속해도 URL매칭은 되지만 about/company/로 슬래시로 끝내면 매칭이 되지는 않네요. 원만한 강의 진행을 위해서는 v5로 낮추어서 듣는게 좋을까요? https://stackoverflow.com/questions/69866581/property-exact-does-not-exist-on-type https://stackoverflow.com/questions/49162311/react-difference-between-route-exact-path-and-route-path

• react-router-dom
• django
• react
• react
• python
• docker

react 비주얼 스튜디오

미해결

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

여기 보면 client앱이 강사님께 보이는데 처음에 실행할 때 리액트로 설정하는 화면도 없고 clientapp 디렉토리도 없는데 어떻게 하면 되는건가요..

• react
• visualstudio
• react
• clientapp

next.config.js 파일미생성

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

안녕하세요. 환경설정 영상에도 next.config.js 파일이 없는데 이번영상에서 next.config.js파일을 수정하는 부분이 있습니다. 해당 파일은 영상을 따라해도 생성되지 않는데 확인을 요청드립니다. server쪽 폴더에도 작업한 내용이 없는데 영상에는 파일들이 있는것 같습니다. 아마 이전영상에 이어 촬영되지 않은것 같은데 확인을 요청드립니다.

• graphql
• react
• rest-api

서버오류발생

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

선생님. 환경세팅 화면 그대로 따라했습니다. localhost:3000에서 아래와 같은 오류가 뜨네요.. 혹시 코드 챕터별 commit된 github은 없는지 궁금합니다.

• graphql
• react
• rest-api

yarn 문의

해결됨

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

yarn 말고 npm을 init과 script에서 써도 될까요?

• graphql
• rest-api
• react

next 12버전 스타일 안먹히나요?

미해결

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

현재 sass 적용 해 봤는데 오류는 나지않고 스타일 자체를 안먹습니다

• graphql
• react
• rest-api

슬랙 초대 부탁드립니다:)

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

안녕하세요:) 슬랙 초대 부탁드립니다. kangjung914@likelion.org 입니다.

• github
• git
• 버전관리시스템

Ground Truth로만 학습한다는 것에 대한 질문

해결됨

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

안녕하세요. 강의 4분 40초경부터 설명이 시작되는, Ground Truth로만 학습한다는 것이 잘 이해가 되지 않아 질문 올립니다. IOU를 구하기 위해서는 G.T값 이외의 비교 대상이 필요하다 생각하는데, class를 G.T로만 정한다는 것이 이해가 잘 안되네요.. 답변해주신다면 정말 감사하겠습니다!

• 머신러닝 배워볼래요?
• keras
• python
• 컴퓨터-비전
• 딥러닝
• tensorflow

runInAction 에 비동기

해결됨

Redux vs MobX (둘 다 배우자!)

mobx react next 로 하고 있는데 runInAction 에서 비동기처리를 하려면 어떻게 해야되나요? Component.tsx const store = useIndexStore(); useEffect(() => { const fetchData = async () => { await store.loadNewMemberData(); console.log(store.newMember) } fetchData(); }, []) 일단 훅스 컴포넌트에서 useEffect에서 store 에 저장된 정보를 불러와야되는데 Promise 기때문에 따로 함수를 만들어줘서 호출을 했고요. useEffect 뜯어보니 함수 리턴타입이 void|Destructor(?) 라 Promise 타입을 못받아서 저렇게 만들었습니다. 1. useEffect 에서 비동기 작업을 할때 저렇게 async 함수 만들어서 호출해야되는건가요? 2. async 함수를 만들었으면 꼭 await 으로 호출안해도 되는건가요? store.ts class IndexStore { root; repository rtrMenu: MenuItem[] = []// constructor(root: RootStore, repository: BaseRepository) { this.root = root this.repository = repository makeAutoObservable(this) } loadRealtimeRequestData = async (): Promise<void> => { runInAction(() => { this.rtrMenu =this.repository.getRealTimeRequestItem() }); } } store에선 loadRealtimeRequestData() 함수에서 네트워크 요청한 결과를 받습니다. await this.repository.... 여기가 await axios.get() 이런 역할을 하게 되는데 then 을 하면 쉽게 해결될문제지만 async awiat 으로 runInAction 안에서 처리할려면 어떻게 해야되나요?

• mobx
• react
• redux
• next
• mobx

내용 요약해서 개인 블로그에 올려도 될까요?

해결됨

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

내용을 정리해놓고 보고싶은데 혹시 1,2 강의 요약해서 블로그로 작성해도 될까요? 강의 내용을 요약했다고 명시하겠습니다.

• react
• devtools

Unhandled Runtime Error 질문입니다

미해결

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

아래는 에러 문구입니다. 'REACT_APP_SC_ATTR'로 검색시 확인되지 않습니다 1. package.json을 지우고 npm install을 다시 하는게 최선일까요? 2. 제 폴더 내에서는 검색되지 않는 내용인데, 왜 이런 에러가 나는지도 궁금합니다. Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'REACT_APP_SC_ATTR') Call Stack eval node_modules\styled-components\dist\styled-components.browser.esm.js (1:1130) Module../node_modules/styled-components/dist/styled-components.browser.esm.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (9943:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval webpack-internal:///./components/AppLayout.js (13:75) Module../components/AppLayout.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (1568:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval webpack-internal:///./pages/index.js (4:79) Module../pages/index.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (1623:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval node_modules\next\dist\build\webpack\loaders\next-client-pages-loader.js?page=%2F&absolutePagePath=D%3A%5C2021%5CNodeBirdSNS%5Cfront%5Cpages%5Cindex.js! (5:15) eval node_modules\next\dist\client\route-loader.js (236:50)

• runtimeerror
• nodejs
• react
• redux
• react
• express
• Next.js

깃 클론하는방법 ssh/https 두가지 방법중

해결됨

코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)

요즘은 clone 받을때 보통 ssh로 하나요 https 로하나요??

• git
• git
• 버전관리시스템
• github

react 저장 시 iframe 강제 재생성 문제

미해결

create react app을 통해 프로젝트를 진행 중입니다. 원래 컴퓨터에서는 프로젝트가 정상적으로 작동 되었는데, 다른 컴퓨터에서 git clone을 받아 npm install 후 npm start 진행하니, 1. Cannot read property 'tap' of undefined 상기와 같은 에러가 발생하여 검색해보았더니, webpack version문제라고 나와 5버전에서 4버전으로 내려주었습니다. 2. <iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;"></iframe> 그 후 리액트를 실행하고, 저장할 때마다 iframe이 자동으로 주입되어 홈페이지의 click을 막습니다. 혹시 이와같은 문제를 겪으시는 분들 중에 해결하신 분이 계실지요...? 원래는 다른 컴퓨터에만 문제 발생하였는데, 이제 작업하던 원래 컴퓨터에까지 발생하기 시작했습니다. 저는 임시 방편으로나마 css에서 ifame display none 시키고 작업중인데, 무슨 이유로 생기는 오류인지 모르겠습니다.

• react
• iframe
• z-index:2147483649

visual studio에서 프로젝트 실행시 오류가 발생합니다

미해결

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

안녕하세요 리액트를 익히고자 수업을 듣고있는 수강생입니다. 강의를 잘 따라가는 와중 환경세팅부분에서 막혔습니다. - 증상: Visual Studio2022에서 프로젝트 실행 시 첨부파일과 같은 오류가 발생하며 오류 발생 - 추가 사항 (1) visual studio가 아닌 VS Code, nodejs에서 실행하면 정상 동작되는거 확인하였습니다 (2) cmd, powershell에서 npm명령 잘 작동하고 있습니다. - 캡처화면

• react
• visualstudio
• react
• asp.net
• npm_start