묻고 답해요

안녕하세요! 강의 정말 잘들었습니다. slack 초대 부탁드립니다.

해결됨

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

이메일은 raneata@gmail.com 입니다. 이해 잘되는 멋진 강의 감사합니다!

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

질문 <div> react 화면 출력 질문입니다..

미해결

< div > < a href = "www.naver.com" > < Icon as = { IoLogoSnapchat } /> Chatbot </ a > </ div > 위 코드는 chatbot 글 혹은 icon을 클릭하면 기존 페이지에서 네이버 화면을 여는 코드 입니다. 제가 구현 하고 싶은 것은 기존 페이지 위에 작게 네이버 화면을 여는 것인데 어떻게 해야 할까요?

• react
• html
• url
• div
• 화면출력

EACCES: permission denied, mkdir '/usr/src/app/node_modules/.cache' 에러가 나옵니다 ㅠㅠ

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

version : "3" # 도커 컴포즈 버전 services : # 이 곳에 실행하려는 컨테이너들을 정의 react : # 컨테이너 이름 build : context : . dockerfile : Dockerfile.dev ports : - "3000:3000" volumes : - /usr/src/app/node_modules - ./:/usr/src/app environment : # 소스 수정 즉시 반영되는 # 핫로딩 활성화하는 부분 - CHOKIDAR_USEPOLLING=true stdin_open : true

• aws
• github
• docker
• travis-ci
• cicd
• 데이터 엔지니어링

슬랙 초대 요청드립니다.

해결됨

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

안녕하세요. 강의 정말 잘 듣고 있습니다! 슬랙 초대 요청드립니다. octoberjin11@gmail.com

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

push오류와 최신버전 다운로드 불가

해결됨

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

git수업을 리눅스 에서 듣고 있습니다. 리눅스에서 다운로드 하려면 sudo apt-get install git를 입력하라고 하여 진행했지만 버전이 최신 2.31.1이 아닌 2.25.1이 다운로드가 되어 update나 upgrade를 해도 마찬가지 입니다. 그리고 push를 하게 되면 푸시를 하는데 실패했습니다 라고 뜨는데 뭐가 문제일까요 ㅠ

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

SPA에서 e.preventDefault()를 사용해야하는 이유가 뭔가요?

해결됨

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

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault - 위의 링크에서 e.preventDefault() 함수가, 이벤트가 취소 가능한 경우 이벤트의 전파를 막지 않고 이벤트를 취소한다고 되어 있는데, 설명중에서 SPA에서 e.preventDefault() 사용해야한다고 하셨는데 이유가 궁금합니다.

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

슬랙 초대요청 보냅니다.

해결됨

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

안녕하세요. ehlee3275@gmail.com 슬랙 초대요청 부탁드립니다. 강의 잘들었습니다.

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

혹시 COPY . . 과 COPY ./ ./ 차이점이 뭔가요?

미해결

따라하며 배우는 도커와 CI환경 [2023.11 업데이트]

dev에서는 COPY ./ ./ 를 사용하시고 운영환경에서는 COPY . . 를 사용하시는데 둘이 차이점이 무엇인가요??

• aws
• docker
• github
• 데이터 엔지니어링
• cicd
• travis-ci

socket.io-client typescript 모듈 에러 관련

미해결

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

현재 시점으로 npm i @types/socket.io-client하면 3.0.0 버전으로 설치가되어 2버전과 맞지 않아 에러가 나옵니다. 저 같은 경우는 제로초님의 깃헙에 올라와있는 json을 보고 1.4.35 버전으로 명시하여 설치하여 문제를 해결하였습니다. 혹시 문제 있으신 분 확인해보세요. npm i -D @types/socket.io-client@1.4.35

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

git Push Change 부분에서 오류가 납니다!

미해결

Github Action을 활용한 크롤러 웹 페이지 만들기

나머지는 동일하고 - name : Commit File 을 실행 시, 정상적으로 푸쉬가 안되는 이슈가 있습니다. 강사님의 강의에 나오는 코드대로도 써보았고 , 마켓플레이스에 있는것으로도 해보았는데 뭔가 계속해서 오류가 나오네요. 무엇을 고치면 될지 잘 모르겠습니다! Error: Invalid status code '401' for url 'https://api.github.com/repos/2innnnn0/recordGithubAction' at IncomingMessage.<anonymous> (/home/runner/work/_actions/ad-m/github-push-action/master/start.js:14:21) at IncomingMessage.emit (events.js:215:7) at endReadableNT (_stream_readable.js:1184:12) at processTicksAndRejections (internal/process/task_queues.js:80:21)

• 웹-크롤링
• github
• cicd

script 태그에 있는 클라이언트 아이디가 github에 공개되지 않도록 올리는 방법이 있을까요?

미해결

코로나맵 개발자와 함께하는 지도서비스 만들기 2

< script type = "text/javascript" src = "https://openapi.map.naver.com/openapi/v3/maps.js?govClientId=YOUR_CLIENT_ID" > </ script > 저는 공공기관에서 근무하고 있기 때문에 위 스크립트 태그를 사용했습니다. 혹시 github에 올릴 때 YOUR_CLIENT_ID 부분을 공개하고 싶지 않은데 방법이 있을까 궁금하여 여쭤봅니다.

• github
• gitignore
• 웹앱
• express
• mongodb
• nodejs
• mongoose

깃 프로그램 실행파일 설치가 안되요ㅠㅠ!

해결됨

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

깃 홈페이지에서 실행파일 다운로드 후 실행시키니까 아래와 같은 경고 메세지가 뜨면서 실행이 되지 않아 질문드립니다ㅠㅠ 혹시 두번째 이미지에 있는 경로 주소의 사용자 이름이 한글('나')로 되어 있어서 그런 걸까요...?

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

안녕하세요! 슬랙 초대 요청 드립니다.

해결됨

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

안녕하세요 슬랙 초대 요청 드립니다! 강의 잘 듣고 있습니다 감사합니다! hongdoo0215@naver.com

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

react IE polyfill 관련해서 질문드립니다.

미해결

실전 리액트 프로그래밍

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 d있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. 강의들으면서 관련 프로젝트를 진행중입니다. IE 9 / IE 10 환경에서도 react가 흰화면이 아닌 정상적으로 나오도록 react-app-polyfill 모듈을 사용하여 polyfill 적용을 해보고있는데, IE11은까지는 확인을 했는데, IE 9 / IE 10 환경에서도 정상적으로 작동하도록 하려면 어떻게해야하는지 궁금합니다. IE 11 에 나오도록 작업한 방법은 index.js 파일에 import ' react-app-polyfill/ie11 ' ; import ' react-app-polyfill/stable ' ; 를 추가 하였고, package.json 의 브라우저 리스트에 "e 11" 을 추가하면서 확인을 하였는데, IE 9 환경에서도 나오도록 확인하기위해 import ' react-app-polyfill/ie9 ' ; import ' react-app-polyfill/stable ' ; 이렇게 index.js 파일에 추가하고 package.json 의 브라우저 리스트에 "e 9" 을 추가하면서 확인을 하였는데, 구문 에러가떠서 어떻게 해야할지 모르겠습니다. 모듈 캐시폴더도 지워보고 해봤는데, 어떤방법이 더있을까요? 구문 에러는 SCRIPT : 1002 구문에러가 뜹니다. (IE 9 / IE 10 환경에서)

• react
• redux
• polyfill
• react
• ie

section 4까지 수강 후 프로젝트 완성 후 오류 질문

미해결

React & Express 를 이용한 웹 어플리케이션 개발하기

저의 프로젝트 화면 입니다. 여기서 김이라고 검색을 하고나서 김만두를 클릭을 하면 김만두에 대한 정보가 나오는게 아니라 관리자에 대한 정보가 나옵니다. 필터가 되면 데이터를 초기화 시키고 필터된 것만 데이터를 배열에 넣어서 다시 출력 하는 건가요? 일단 제가 테스트 했을 땐 키 값이 4에서 검색을 했을 때 0이 나온걸 보면 맞는거 같긴한데... 아!! 여기서 i가만 초기화가 되는구나... 이 값을 제가 바꾼다 따로 key라는 값을 만들어서 하면!! 되겠다!!! 감사합니다 이해 했습니다.

• react

안녕하세요. 강사님.

해결됨

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

안녕하세요. 강사님. smiledyj89@gmail.com 슬랙 초대 부탁드립니다~ 감사합니다

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

안녕하세요 setState 실행 순서가 조금 이상해서 질문남겨요...

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

안녕하세요 양질의 수업을 무료로 오픈해주셔서 항상 공부 잘하고 있습니다. 이번에 클론 코딩 진행하면서 setState 부분이 조금 이상해서 질문 드려요 import React, { useEffect, useState } from 'react' import Axios from 'axios'; import { Row, Col, List, Avatar } from 'antd' function VideoDetailPage(props) { const videoId = props.match.params.videoId; const VideoVariable = { videoId: videoId }; const [Video, setVideo] = useState([]) useEffect(() => { Axios.post('/api/video/getVideo', VideoVariable) .then((res) => { if (res.data.success) { setVideo(res.data.video); console.log('state 업데이트 완료') } else { alert('비디오 정보 로딩 실패'); } }) }, []); if (Video.writer) { return ( <Row gutter={[16, 16]}> <Col lg={18} xs={24}> <div style={{ width: '100%', padding: '3rem 4em' }}> <video style={{ width: '100%' }} src={`http://localhost:5000/${Video.filePath}`} controls></video> <List.Item // actions={[<LikeDislikes video videoId={videoId} userId={localStorage.getItem('userId')} />, <Subscriber userTo={Video.writer._id} userFrom={localStorage.getItem('userId')} />]} > <List.Item.Meta avatar={<Avatar src={Video.writer && Video.writer.image} />} title={<a href="https://ant.design">{Video.title}</a>} description={Video.description} /> <div></div> </List.Item> {/* <Comments CommentLists={CommentLists} postId={Video._id} refreshFunction={updateComment} /> */} </div> </Col> <Col lg={6} xs={24}> side video {/* <SideVideo /> */} </Col> </Row> ) } else { console.log(Video, '후후') return <div> Loading... ?? </div> } } export default VideoDetailPage 이게 제 코드구요 실행하면 아래의 else 부분의 후후먼저 실행되고 위의 setVideo가 실행됩니다. 그래서 에러가 발생해 detail 페이지로 가지않고 다시 landing 페이지로 넘어옵니다 비동기 처리때문인가 싶어 setVideo를 콜백의 형태로 남겨서 동기처리 할수있다길래 해봐도 안되고, useEffect 아래 input 리스트에 Video를 넣어보기도 했는데 잘 안되네요 ㅠㅠ https://github.com/dnfwlxo11/mini_youtube 이게 제 풀 코드입니다. component 코드들이랑 index.js 코드랑 몇번이나 본지 모르겠어요 이유가 뭘까요?

• nodejs
• mongodb
• redux
• react

슬랙 초대 요청 부탁드립니다

해결됨

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

안녕하세요. thexiah@naver.com 슬랙 초대요청 부탁드립니다. 강의 잘들었습니다.

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

Unexpected default export of anonymous function

미해결

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

아래와 같은 경고가 나타나서 질문드립니다. 선생님의 수업을 그대로 따라가고, 코드에도 오타가 없어 보이는데, React Hook를 활용하게 되면서 anonymous function을 쓰지 못해서, return또한 불가능해지고, 이것이 Auth & user_reducer.js에서 모두 나타나는 거 같은데, 무엇이 문제인지 도통모르겠습니다. 대부분의 것을 본인이 찾아서 해결해야하는 것이 개발자 강호의 도리인줄 알지만, 찾아도 답이 나오지 않아 질문 드립니다. 항상 감사드립니다. Compiled with warnings. [1] [1] src/_reducers/user_reducer.js [1] Line 7:1: Unexpected default export of anonymous function import/no-anonymous-default-export [1] Line 12:13: Unreachable code no-unreachable [1] Line 15:13: Unreachable code no-unreachable [1] Line 18:13: Unreachable code no-unreachable [1] [1] src/hoc/auth.js [1] Line 6:1: Unexpected default export of anonymous function import/no-anonymous-default-export [1] Line 33:12: React Hook useEffect has missing dependencies: 'dispatch' and 'props.history'. Either include them or remove the dependency array react-hooks/exhaustive-deps 혹시 몰라 깃허브 링크도 첨부드립니다. (https://github.com/jihyeonmun/Nodejs/tree/master/BoilerPlate/Code) P.s. 이 질문을 보시는 학생분들에게, 혹시나 도움이 되실까 싶어 마크다운 필기본도 공유드립니다. 설정 및 설치(https://github.com/jihyeonmun/Nodejs/tree/master/BoilerPlate/DownloadSetting) 세부 기능(https://github.com/jihyeonmun/Nodejs/tree/master/BoilerPlate/Functions) 리액트 부분(https://github.com/jihyeonmun/Nodejs/tree/master/BoilerPlate/React)

• react
• nodejs
• react-hook
• react

슬랙 초대 요청 드립니다

해결됨

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

안녕하세요. 슬랙 초대 요청드립니다. bale@place202.com 입니다. 좋은 강의 감사합니다.

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