묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
7.6강 models/index.js의 대해서 궁금한 것이 있습니다.
제가 교제를 보고 공부하는데 궁금한것이 있습니다. 7.6강 models/index.js파일을 보시면 const config = require('../config/config')[env]; 이런 코드가 있던데 []가 배열에서 []안에 넣은 인덱스값을 참조하게 되는게 맞지 않나요? 그런데 제가 만든 프로젝트안에 ../config/config 을 살펴보면 env값은 없고 심지어 객체 데이터 타입이라 []로 참조할 수 있는게 맞나 싶습니다. 아니면 env를 참조할때는 저런 방식으로 사용하나요? 그리고 중요한점은 제가 이 코드를 프로젝트의 도입하려하는데 모종의 이유로 제 프로젝트에 ES2015방식을 사용하면서 모듈을 불러올때 const """ = require(""")이런 방식을 사용하지 못합니다. 따라서 const config = require('../config/config')[env]; 이런 방식으로 [env]를 붙일 수가 없습니다. 질문을 요약하자면, 1. ../config/config(.json) 파일에는 배열객체가 아닌 json파일인데 왜 []가 사용되는지 궁금합니다. 2. 보통 env접근할때는 dotenv모듈을 불러와서 사용하지 않나요? 3. [env]가 어떤식으로 동작되는지 궁금합니다. 4. [env]가 꼭필요한지 궁금합니다. 5. [env]가 필요하다면 ES2015를 사용할때 어떤식으로 작성되어야 할지 궁금합니다.
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
MMDetection 관련 에러
안녕하세요, 좋은강의 감사드립니다. 코랩에서 실습을 해보고 있는데 2018 nucleus 강좌부분에서 MMDetection 관련 에러가 있습니다. from mmdet.apis import init_detector, inference_detector 에서 아래와 같이 에러가 나는데요, 혹시 어떻게 해결해야 할까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
어떻게 해야하는지좀 봐주시면 감사하겠습니다
app.vue <template> <div> <h1>Chart.js</h1> <bar-chart v-on:refresh:chart="refreshChart" v-bind:propsdata="chartDataSet"></bar-chart> <line-chart></line-chart> </div> </template> <script> import BarChart from './components/BarChart.vue'; import LineChart from './components/LineChart.vue'; export default { // 컴포넌트 속성 && 인스턴스 옵션 components: { BarChart, LineChart, }, data() { return { chartDataSet: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }], } }, methods: { refreshChart() { this.chartDataSet = [10, 20]; } }, created() { // axios.get('charts/line/1') // .then(response => this.chartDataSet = response.data) // .catch(error => console.log(error)); } } </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> // BarChart.vue <template> <canvas ref="barChart" id="barChart" width="400" height="400"></canvas> </template> <script> export default { props: ['propsdata'], mounted() { var myChart = new this.$_Chart(this.$refs.barChart, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: this.propsdata }, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] }, onClick: function() { this.$emit('refresh:chart'); } } }); console.log(myChart) } } // linechart.vue <template> <canvas ref="lineChart" id="lineChart"></canvas> </template> <script> export default { mounted() { var Chart = new this.$_Chart(this.$refs.lineChart.getContext('2d'), { type: 'line', data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "My First dataset", backgroundColor: 'rgb(255, 99, 132)', borderColor: 'rgb(255, 99, 132)', data: [0, 10, 5, 2, 20, 30, 45], }] }, options: {} }); } } 강의보면서 따라했는데 Chart.js 이거만나오네요 어디서 틀렸고 어떻게 해결을 해야할까요 ?? ㅠㅠ
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
끝에 % 나오는 이유?...
n = int(input("number: ")) for i in range(1, n+1): if n % i == 0: print(i, end=' ') number: 20 1 2 4 5 10 20 % 이런식으로 끝에 %가 출력이 됩니다. end=' ' 를 쓰지않으면 %가 출력이 되지 않구요. 혹시 왜 이런지 이유가 있을까요?
-
미해결언리얼 엔진4 입문 (C++ 기반)
이 정도의 기술서 책을 읽으려면 중국어 능력시험 몇급 정도에 해당하는지 알 수 있을까요?
안녕하세요. 중국어 책을 보니, 좋은 정보들이 중국어로 있다면 중국어도 조금씩 배우고 싶다는 생각이 듭니다. 이 정도의 기술서 책을 읽으려면 중국어 능력시험 몇급 정도에 해당하는지 알 수 있을까요?
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
빌드 실패
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]윈도우 cmd에서 빌드를 하려고 하니까 실패하는데 뭐가 문제인건가요? java -version과 javac -version을 통해 11인 것은 확인 했습니다.
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
1:n fetch join 별칭 질문 드립니다!
가급적이면 별칭을 주지 않는게 좋다고 알고있는데 별칭을 줘도 되나요?!
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료요청 메일이랑 인프런아이디 보냈습니다.
자료요청 메일이랑 인프런아이디 보냈습니다.
-
미해결
home assistant에서 esp 32이랑 mqtt를 통해 통신할려고하는데 아두이노 시리얼모티너에 에러가 계속뜹니다
home assistant에서 esp 32이랑 mqtt를 통해 통신할려고하는데 아두이노 시리얼모티너에 에러가 계속뜹니다 코드링크를 올립니다 https://github.com/ledgardener/gardenAutomation/tree/master/arduino https://github.com/ledgardener/gardenAutomation/tree/master/home_assistant ..... WiFi connected IP address: Attempting MQTT connection...Failed. Count = 1 ...trying again in 5 seconds Attempting MQTT connection...Failed. Count = 2 ...trying again in 5 seconds Attempting MQTT connection...Failed. Count = 3 ...trying again in 5 seconds Attempting MQTT connection...Failed. Count = 4 현제까지 시도했던건 혹시 https로 설정해서 혹시 막히지 않았나해서 http로도 진행해 보았는데 똑같았습니다. 검색해서 아래유튜브에서 저와같은 증상이있나해서 똑같이 포트를 방화벽 포트를 다열어봤습니다 https://www.youtube.com/watch?v=3oQDBnfXl-g&t=52s&ab_channel=ThanhT%C3%B9ng /configuration.yaml파일에 이것도 넣어보았습니다 mqtt: broker: 00.00.00.0 하지만 작동하지 않았습니다.
-
미해결스프링 시큐리티
시큐리티 전략관련
최근에 파일기능 추가로 기존 공통을 안건드리기 위해서 스프링 설정파일에서 스프링과 별도로 서블릿 컨텍스트를 만들었는데요!! 테스트 서버에서는 세션 유지가 되어 기능이 되던 것이, 운영에서는 세션이 끊기더라구요. 강의에서 배운 시큐리티의 전략을 바꾸는 방법이 위의 문제해결방법에 해당할지가 궁금합니다. 질문 정보가 부족하다면 말씀해주세요!!
-
해결됨코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
슬랙 초대 부탁드립니다
dndxo92@gmail.com 입니다
-
미해결파이썬(Python) 기초부터 실무까지 part.1
turtle graphics 실행이 안돼요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. 이런 오류가 뜨는데 뭐가 문제일까요?
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
views, component 디렉토리 차이
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요. views와 components 디렉토리의 차이(?)에 대해 궁금한 점이 있습니다. 프로젝트를 진행할 때 components와 views 디렉토리에 여러 .vue와 같은 컴포넌트 파일을 생성할텐데 어떨 때는 components에 어떨 때는 view 디렉토리에 넣어야 한다라는 약속이 있는 건가요?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
event 타입
안녕하세요! 강의에서는 event에 대한 타입을 any로만 쓰시던데 event: React.FormEvent<HTMLElement>와 같이 타입을 적지 않는 이유가 있을까요?? 보통 현업에서도 any로 쓰는지 궁금합니다!
-
미해결8명의 비전공자는 어떻게 개발자로 취업했을까
코딩테스트 준비관련 질문
<<링크 공유: 코딩테스트 준비관련>> 파트 내용에서 앨런님은 파이썬으로 코딩테스트를 공부했다고 하셨는데, iOS개발을 하며 Swift가 아닌 파이썬으로 코딩테스트를 준비하신 이유를 알 수 있을까요? 저도 iOS개발자를 목표로 하고 있는데, 어떤 언어로 코딩테스트를 준비해야하는지 궁금하여 여쭤봅니다.
-
미해결팝스타 공식 뮤비 제작 & 유튜브 2천만 뷰 크리에이터의 애니메이트 X 이모티콘 클래스
심볼을 레이어에 배포하기 전으로 되돌릴 수는 없나요?
안녕하세요, 그리네모님. 심볼을 이미 레이어에 배포해 놓은 상태에서 수정해야 할 부분이 생겨서 그 전(단일 레이어에 있을 때)으로 되돌려 수정하려 하니, 이미 그 상태로 저장을 해놔서 ctrl+z도 안되는 상황입니다. 레이어에 배포된 심볼을 그 전으로 되돌릴 수는 없나요?
-
해결됨퍼블리셔 취업을 위해 제대로 배워보는 html과 css, 그리고 웹표준
마크업 실습 관련 질문입니다.
안녕하세요! 다름이 아니라 마크업 실습 강의를 들으며 작성해봤는데 작성 후 검사해보니 이 오류가 계속 나와서요 ㅠㅠ 혹시 이건 어떤 부분을 고치면 되는 것일지 조언을 구하고 싶어 마크업한 내용 첨부합니다! 위 내용 이외에도 조언해주실 부분이 있다면 감사히 듣겠습니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>웹 접근성 개요 | 웹 접근성 연구소</title> </head> <body> <dl id="skip-top"> <dt><strong>바로가기 메뉴</strong></dt> <dd><a href="#contents">본문 바로가기</a></dd> </dl> <hr> <div id="wrap"> <!-- header --> <header> <h1><a href="#"><img src="img2/logo.gif" alt="웹 접근성 연구소"></a></h1> <dl> <dt><strong>유틸메뉴</strong></dt> <dd><a href="#">로그인</a></dd> <dd><a href="#">회원가입</a></dd> <dd><a href="#">사이트</a></dd> </dl> <form action="#" method="get"> <fieldset> <legend>검색 영역</legend> <label for="search">검색어 입력</label> <input type="search" id="search" name="search" value="" placeholder="검색어를 입력하세요."> <!-- <input type="submit" value="검색"> --> <input type="image" src="img2/btn_search.gif" alt="검색하기"> </fieldset> </form> <h2>메인 메뉴</h2> <ul> <li><a href="#">웹 접근성이란</a> <ul> <li><a href="#">웹 접근성 개요</a></li> <li><a href="#">법. 제도</a></li> <li><a href="#">장애인의 웹사이트 이용 이해</a></li> <li><a href="#">웹 접근성 품질인증</a></li> <li><a href="#">관련사이트</a></li> </ul> </li> <li><a href="#">진단 및 컨설팅</a> <ul> <li><a href="#">웹 접근성 개선지원 사업</a></li> </ul> </li> <li><a href="#">교육마당</a> <ul> <li><a href="#">정보 접근성 전문 교육</a></li> <li><a href="#">세미나</a></li> </ul> </li> <li><a href="#">지식마당</a> <ul> <li><a href="#">개발자아카이브</a></li> </ul> </li> <li><a href="#">정보마당</a> <ul> <li><a href="#">공지사항</a></li> <li><a href="#">자료실</a></li> </ul> </li> <li><a href="#">기관 소개</a> <ul> <li><a href="#">기관장 인사말</a></li> <li><a href="#">한국지능정보사회진흥원 소개</a></li> <li><a href="#">정보접근성 주요사업</a></li> <li><a href="#">찾아오시는길</a></li> </ul> </li> </ul> </header> <!-- //header --> <hr> <!-- container --> <div id="container"> <!-- sub --> <div id="snb"> <h2>웹 접근성이란</h2> <ul> <li><a href="#">웹 접근성 개요</a></li> <li><a href="#">법. 제도</a></li> <li><a href="#">장애인의 웹사이트 이용 이해</a></li> <li><a href="#">웹 접근성 품질인증</a></li> <li><a href="#">관련사이트</a></li> </ul> </div> <!-- //snb --> <!-- contents --> <section id="contents"> <h2>웹 접근성 개요</h2> <div> <span>HOME</span>> <span>웹 접근성이란</span>> <strong>웹 접근성 개요</strong> </div> <h3>웹 접근성이란?</h3> <p><strong>장애에 구애 없이</strong> 모든 사람들이 손쉽게 정보를 공유할 수 있는 인터넷 공간 만들기</p> <p>월드 와이드 웹 (World Wide Web)을 창시한 <a href="https://www.w3.org/People/Berners-Lee/">팀 버너스 리(Tim Berners-Lee)</a>는 웹이란 '장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간'이라고 정의하였으며, 웹 콘텐츠를 제작할 때에는 장애에 구애됨이 없이 누구나 접근할 수 있도록 제작하여야 한다고 하였다. 이렇듯 웹 창시자가 웹의 기본적 철학에서 웹 접근성 부문을 강조함에도 불구하고, 웹 접근성을 바라보는 입장에 따라 다르게 정의하고 있다.</p> <p>하지만, 접근에 대한 개념의 다양성으로 인한 인식의 부족보다는 접근성에 대한 개념을 잘못 이해하고 있는 것이 더욱 문제이다. 즉, 접근성을 단지 장애인에게 국한된 문제라고 잘못 이해하고 있는 경우가 대부분이라는 것이다. 비록 접근성 준수가 장애인에게 가장 혜택이 많이 돌아가는 것은 사실이지만, 접근성이란 장애인뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록 만드는 것을 말하는 것이다. 예를 들자면 장애인과 노인들을 위해 개발된 리모콘, 전화, 자동문 등의 제품들이 널리 보급되면서 궁극적으로는 모든 사람들이 편리하게 활용하게 된 것을 들 수 있다. 이러한 접근성 개념은 정보통신 분야에서 다양한 제품 및 서비스 간의 호환성 문제, 이동 정보통신 기기 등으로 그 필요성 및 중요성이 더욱 증대되고 있다.</p> <p><a href="https://www.w3.org/">월드 와이드 웹 컨소시엄(W3C: World Wide Web Consortium)</a><a href="https://www.w3.org/WAI/">웹 접근성 이니셔티브(WAI: Web Accessibility Initiative)</a>와 짐 대처 (Jim. Thatcher)는 웹 접근성에 대해 매우 현실적으로 정의하고 있다. 즉, 장애를 가진 사람들이 웹 콘텐츠를 인지하고, 편리하게 사용할 수 있으며, 그 내용이 이해하기 쉬워야 하며, 견고성을 지녀야 웹 접근성이 있다고 보는 관점이다. 인터넷 전자도서관인 <a href="https://en.wikipedia.org/wiki/Web_accessibility">Wikipedi</a>a 는 웹 접근성의 개념을 웹 콘텐츠 뿐만 아니라 인터넷을 통하여 전달될 수 있는 모든 콘텐츠로 확대하고 있다.</p> <h3>웹 접근성 및 정보통신 접근성에 대한 주요 정의</h3> <table> <caption>웹 접근성 및 정보통신 접근성에 대한 주요 정의에 관한 표</caption> <thead> <th scope="col">구분</th> <th scope="col">정의</th> </thead> <tbody> <tr> <td><strong>장애인·노인 등의 정보통신 접근성 향상을 위한 권장지침</strong></td> <td>정보통신 제품과 서비스를 활용하고자 하는 사람에게 이의 활용 가능성이 제공되는 것</td> </tr> <tr> <td><strong>웹 접근성 이니셔티브</strong><br><a href="https://www.w3.org/WAI/fundamentals/accessibility-intro/">(WAI: Web Accessibility Initiative)</a></td> <td>장애를 가진 사람들도 웹을 이용할 수 있도록 보장하는 것으로, 장애를 가진 사람들이 웹 콘텐츠를 <strong>인지하고(Perceivable), 운영하고(Operable), 이해하고(Understandable),</strong> 기술에 상관없이 이용할 수 있도록 견고한(Robust)하게 웹콘텐츠를 만드는 것</td> </tr> <tr> <td><strong><a href="https://en.wikipedia.org/wiki/Web_accessibility">Wikipedia</a></strong></td> <td>표준 브라우저 뿐만 아니라 다양한 사용자 에이전트(User Agent)를 사용하는 사람들이 웹 페이지에 접근하기 쉽게 만드는 것으로, 이를 통해 장애인들도 웹을 사용할 수 있도록 보장하는 것</td> </tr> <tr> <td><strong><a href="https://www.nia.or.kr/site/nia_kor/main.do">한국지능정보사회진흥원</a></strong></td> <td><strong>어떠한 사용자(장애인, 노인 등),</strong> 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것</td> </tr> </tbody> </table> <hr> <blockquote> <p>웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.<br> <em>(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)</em></p> <footer>팀 버너스 리 경 - <cite>웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)</cite></footer> </blockquote> <p><a href="#skip-top">위로가기</a></p> </section> <!-- //contents --> </div> <!-- //container --> <hr> <!-- footer --> <footer> <p><a href="https://www.nia.or.kr/site/nia_kor/main.do" title="한국정보화진흥원 홈페이지 바로가기"><img src="img2/nia.png" alt="NIA 한국지능정보사회진흥원"></a></p> <dl> <dt><strong>바닥메뉴</strong></dt> <dd><a href="#">한국지능정보사회진흥원 소개</a> |</dd> <dd><a href="#">웹 접근성 정책</a> |</dd> <dd><strong><a href="#">개인정보처리방침</a></strong> |</dd> <dd><a href="#">이메일무단수집거부</a> |</dd> <dd><a href="#">찾아오시는 길</a></dd> </dl> <address>대구광역시 동구 첨단로 53 (41068) 한국지능정보사회진흥원 디지털포용본부 ☎ 053-230-1388</address> <p>Copyright © 2017 National Information Society Agency</p> <p><a href="http://www.kwacc.or.kr/CertificationSite/WA/1150/Detail?page=1" title="웹와치 인증현황 바로가기"><img src="img2/WA품질인증마크_한국웹접근성평가센터.jpg" alt="WA품질인증"></a></p> <img src="img2/btm_banner.gif" alt="손말이음센터"> </footer> <!-- //footer --> </div> </body> </html>
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
@WebServlet name 역할?
안녕하세요 서블릿 클래스를 만들때 WebServlet 어노테이션을 사용하는데 강의에서 항상 name, urlpatterns를 같이 적어주던데 name의 역할이 따로 있나요 ? 활용하는 경우가 생기나요?
-
미해결Vue로 Nodebird SNS 만들기
배포모드 build 시?
배포모드 build 시 생기는 파일들은 서버어디에 저장해놓는건가요? run 할시 그 빌드된 파일을 was가 읽어주는것인가요?
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
페이징 질문
안녕하세요 영한님. 21:05 봐주시면 값을 하나 끊고 나머지 3개를 가져오면 이라고 말씀하신 부분입니다. 처음 하나를 끊고 나머지 3개를 가져오면 왜 문제가 되는지가 햇갈립니다... Order_id가 4인값 을 두개를 (파랑색줄) 보시면 다른 컬럼 값 들도 존재하기때문에 두( Order_id 가 각각 4인 결과값) 값은 별개로 봐야 하는게 아닌가 해서 햇갈립니다