묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
Nginx Cookie Secure 관련 문의
안녕하세요. 스스로 해결해보려고 다양하게 시도했지만 문제 해결이 어려워 문의드립니다. back 쪽에서 nginx.conf 를 아래와 같이 수정했고, proxy_set_header 이외 넣어보라는 것들 5개 정도 넣어봤지만 잘안됐습니다. (restart) 후 systemctl status nginx 특별한 오류 없이 잘 작동됩니다. 1) 해결하기 위한 노력 app.set('trust proxy', 1); --> app.enable('trust proxy'); 로 수정 해봤습니다. 2) 해결하기 위한 노력 proxy, secure 모두 true 상태에서 계속해서 secure 체크가 안됩니다. true를 process.env.NODE.ENV === 'production'으로 수정을 해봤습니다. 계속해서 secure 체크가 안됩니다. 추가적으로 수정해야 할 부분이 있는지 문의 드립니다. if (process.env.NODE_ENV === 'production') { app.set('trust proxy', 1); app.use(morgan('combined')); app.use(hpp()); app.use(helmet({ contentSecurityPolicy: false })); app.use(cors({ origin: 'https://kakao.gg', credentials: true, }));} else { app.use(morgan('dev')); app.use(cors({ origin: true, credentials: true, }));}app.use('/', express.static(path.join(__dirname, 'uploads')));app.use(express.json());app.use(express.urlencoded({ extended: true }));app.use(cookieParser(process.env.COOKIE_SECRET));app.use(session({ saveUninitialized: false, resave: false, secret: process.env.COOKIE_SECRET, proxy: true, cookie: { httpOnly: true, secure: true, domain: process.env.NODE_ENV === 'production' && '.kakao.gg' },}));
-
해결됨[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
결과 값이 계속 1번만 출력이 됩니다. 수정해도 오류만 뜨네요
사용자 응답 사진으로 구현하기를 만들고 있는데 2번째 질문에서 이미지를 누르면 이런 에러가 뜹니다. function ImageFadeOut(qIdx, idx) { var left = document.querySelector('.leftImage'); var right = document.querySelector('.rightImage'); left.disabled = true; left.classList.remove("fadeIn"); left.classList.add("fadeOut"); right.disabled = true; right.classList.remove("fadeIn"); right.classList.add("fadeOut"); setTimeout(() =>{ if(qIdx+1 === endPoint) { goResult(); return; } else { setTimeout(() => { var target = qnaList[qIdx].a[idx].type; for(let i = 0; i < target.length; i++){ select[target[i]] += 1; } goNext(++qIdx); },300); } },300) } setTimeout 안에 있는 var target = qnaList[qIdx].a[idx].type에서 type을 빼면 결과 값이 출력이 되지만 첫번째 결과값만 출력이 되고 배열도 [0,0,0,0,0,0]으로 출력이 됩니다. data.js는 아무 이상이 없어 보이는데 뭐가 문제일까요
-
미해결TensorFlow 2.0으로 배우는 딥러닝 입문
텐서플로우 학습 전 배워야할 것들은 무엇이 있을까요?
tf.Variable로 난수를 만들때 shape 파라미터의 의미를 모르겠습니다. 넘파이나 기초수학에 대한 이해가 없어서 그런걸까요? 강사님의 강의를 보기위해 기본적으로 알고있어야 하는 것이 무엇이 있는지 알려주실수 있을까요?
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
slide 너비값과 포지션 엡솔루트 2가지 질문 드립니다!
html -------------------------- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>01슬라이드-타입01</title> <link rel="stylesheet" href="css/01style.css"> </head> <body> <div class="container"> <header> <div class="header-logo"></div> <div class="navi"></div> </header> <div class="content"> <!-- Slide Animation --> <div class="slide"> <!-- position : relative --> <div> <!-- position : absolute --> <a href="#none"><img src="img/slide-01.jpg" alt="slide-01.jpg"></a><!-- a태그 반드시 필요 --> <a href="#none"><img src="img/slide-02.jpg" alt="slide-02.jpg"></a> <a href="#none"><img src="img/slide-03.jpg" alt="slide-03.jpg"></a> </div> </div> <!-- Slide Animation --> <div class="items"> <div class="news"></div> <div class="banner"></div> <div class="shortcut"></div> </div> </div> <footer> <div class="footer-logo"></div> <div class="copyright"></div> <div class="family-site"></div> </footer> </div> </body> </html> -------------------------- css -------------------------- .container { width: 1200px; margin: auto; border: 10px solid red; } header { height: 100px; border: 1px solid #333; } header > div { height: 100px; } .header-logo { border: 1px solid #333; width: 200px; float: left; } .navi { border: 1px solid #333; width: 600px; float: right; } .content {} .content > div {} /* Slide Animation */ .slide { /* border: 5px solid red; */ position: relative; height: 300px; /* 매우중요 : 자식div에 absolute때문에 높이값을 잃어버림, 때문에 부모요소에 명시해줘야함 */ overflow: hidden; } .slide > div { width: 3600px; height: 300px; /* border: 5px solid #333; */ font-size: 0; /*매우중요 인라인요소에알수없는마진을없앰*/ position: absolute; /*부모요소높이값잃음*/ top: 0; /*넣지않아도되지만레이아웃구조파악을위해추천함*/ left: 0; /*넣지않아도되지만레이아웃구조파악을위해추천함*/ animation: slide 10s linear infinite; } @keyframes slide { 0% { left: 0; } 30% { left: 0; } 35% { left: -1200px; } /* 이동 */ 65% { left: -1200px; } 70% { left: -2400px; } /* 이동 */ 95% { left: -2400px; } 100% { left: 0; } /* 이동 */ } /* Slide Animation */ .items {} .items > div { height: 200px; border: 1px solid #333; float: left; box-sizing: border-box; } .news { width: 400px; } .banner { width: 400px; } .shortcut { width: 400px; } footer { clear: both; overflow: hidden; } footer > div { height: 100px; border: 1px solid #333; float: left; box-sizing: border-box; } .footer-logo { width: 300px; } .copyright { width: 700px; } .family-site { width: 200px; } -------------------------- .slide에 width 값 1200px는 필수가 아니라고 하셨는데요 그 이유가 .container에 width :1200px 를 주었기 때문에 필수가 아니라고 하신거 맞죠?? .slide는 블럭 요소이고 .container에 100% 차니까요.. 그래서 저도 이 코드에서 .slide에서 width : 1200px를 주지 않았는데, 이상하게 나옵니다. 그리고 한가지 질문이 더있는데요 position :absolute 를 준 요소는 높이값과 너비값 모두 잃어 버리게 되는건가요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 적용하기 강의 오류 사항
안녕하세요. 그랩 강사님 제가 react-router-dom을 이용한 강의를 듣다가 에러 사항이 발생해서 질문 드리게 되었습니다. product 폴더를 만들로 강의 내용 대로 코드를 작성했는데 브라우져에서 동작에 문제가 발생하고 있습니다. [문제 이미지] 위의 붉은 색으로 표시한 바와 같이 product 폴더 아래에 index.js 코드에서 id 값을 받을 수 있도록 useParams를 사용하였는데 실제 브라우져에서 확인해 보면 아래와 같이 나옵니다. 이렇게 에러가 나오면서 정상적으로 동작하지 않습니다. 에러 코드를 보면 useParams가 문제 인거 같은데 어떻게 해결해야 할지 잘 모르겠습니다. 해당 오류 해결 방법을 가르쳐 주시면 감사하겠습니다. 언제나 빠른 답변과 도움 감사합니다.
-
해결됨스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
이번 강의에서처럼 javadoc을 예쁘게 보려면??
안녕하세요. 이렇게 자바독을 예쁘게 보려면 어떤 플러그인을 설치해야하나요? 찾아보았는데 못찾겠어서 질문 드립니다. 감사합니다. ^^
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
왜 solution 메소드 반환형이 ArrayList인가요?
main메소드에서는 int 배열로 넘기는데 solution 에서는 왜 arrayList로 반환하는지 궁급하니다 int[] solution(int n, int[] arr) 로 하는거랑 뭐가 다른가여
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
github권한요청
삭제된 글입니다
-
미해결Spring Cloud로 개발하는 마이크로서비스 애플리케이션(MSA)
메이븐을 외부 설치하는 이유?
안녕하세요. 강의 잘 보고 있습니다. 좀 다른 질문인데요. 인텔리제이에 내장된 메이븐 말고 별도로 메이븐을 설치해서 사용하는 이유가 터미널에서 cli 명령어 사용하기 위해서인가요? 아니면 다른 이유가 또 있나요? 괜히 관리하기 불편한 것 같아서 궁금합니다. 외부 설치한 메이븐은 프로젝트 생성할 때 마다 프로젝트 설정에서 인텔리제이에 등록 연결을 시켜줘야 하더라고요. 혹시 프로젝트 생성하기 전에 기본 메이븐을 별도 설치한 메이븐으로 설정하는 방법이 있는지요? 그리고 cli 명령어도 별도 설치한 메이븐 말고 인텔리제이 내장된 메이븐으로 연동 시켜서 쓸 수 있는 방법이 있나요? 말 나온 김에 톰캣도 부트에 내장이 되어 있으니 부트를 이용하는 한 톰캣을 외부에 따로 설치해서 사용할 일이 없을 것 같은데 혹시 실제 현장에서는 톰캣도 외부 설치해서 사용할 일이 빈번하게 있는 건가요? 감사합니다.
-
미해결ESXi 가상 인프라 구축과 보안 솔루션을 활용한 이상징후 탐지 모니터링
kali ping test
kali에서 10.44.44.1, 8.8.8.8 ping 이 잘가지는데 yahoo.co.kr만 안가지는 이유는 뭘까요..? reboot했는데도 yahoo.co.kr은 안가집니다.
-
미해결
nslookup 수행시 command not found 발생
문제풀이 에서 pod dns와 service dns 조회에서 nslookup이 수행 되지 않습니다. one@master:~$ kubectl exec dns-deploy-66b6c48dd5-2nsb4 -it -- /bin/bash root@dns-deploy-66b6c48dd5-2nsb4:/# nslookup 10.44.0.5 bash: nslookup: command not found root@dns-deploy-66b6c48dd5-2nsb4:/# exit exit command terminated with exit code 127 one@master:~$ kubectl get pod dns-deploy-66b6c48dd5-2nsb4 -o wide NAME READY STATUS RESTARTS AGE IP NODE NOMINATED NODE READINESS GATES dns-deploy-66b6c48dd5-2nsb4 1/1 Running 0 10m 10.44.0.5 node1 <none> <none> one@master:~$
-
미해결vue.js 실전 프로젝트(트위터 클론)
Login과 Register 메뉴 관련 (v-for과 v-if)
안녕하세요. " 레이아웃 만들기" 강의에서 질문이 있습니다. 11:00분 쯤부터, 사이드메뉴에서 Login과 Register를 vue의 "v-if"를 통해 안보이게 하는 내용을 진행하다가 아래 이미지와 같이 flex 구조상 남아 있는 것을 확인했습니다. 브라우저상에 표기되는 코드는 아래 이미지와 같았습니다. 제 생각엔 v-if로 메뉴를 표기하는 div 태그를 출력하는 것은 막았으나 route-link 태그 자체는 출력되었기에 그런걸로 보입니다. <router-link :to="route.path" class="py-2 px-5 rounded-full hover:text-primary hover:bg-lighter" v-for="route in routes" :key="route" > <div v-if="route.meta.isMenu"> <i :class="route.icon"></i> <span class="ml-5 text-lg hidden xl:inline-block cursor-pointer">{{ route.title }}</span> </div> </router-link> 이 문제를 해결하기 위해 어떻게 접근해야될까요? 혹은 v-for과 v-if를 같이 쓴다면 해결될 것 같은데 방법은 없을까요?
-
미해결<M.B.I.T> 테스트 페이지 만들기! with Django
CSS적용
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. INDEX에서는 CSS가 적용이 됬었는데 FORM에서는 CSS가 적용이 안되요ㅠㅠ 다 똑같이 했는데 왜 적용이 계속 안될까요? 인터넷에서 쿠키 삭제하면 된다그래서 쿠키삭제도 했는데 계속 적용이 안됩니다....
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
정말 사소한 건의사항입니다
안녕하세요 강의를 잘 듣고있는 수강생입니다. 아주 사소한 건의를 하나 드리려고 합니다. 강의를 하시는 도중 "어쨌든"이라는 단어를 종종 사용하십니다. 이 "어쨌든"이라는 단어가 강의를 수강하는 저의 입장에서 다소 확신이 없는듯한 뉘앙스로 들립니다. 예를들어 [사소한 문제가 있거나 , 최적화 되어있지는 않지만 프로그램의 실행은 문제가 없다.] 등의 의미로 해석이 될 수 있다 라고 생각합니다. 따라서 앞으로 진행되는 강의에 대해서는 해당 단어의 사용을 줄여주시거나 자제해주시는게 수강하는 학생 입장으로서 더 확신을 가지고 공부할 수 있게 하는 방법이라 생각됩니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Mongo DB 연결 관련 질문입니다
삭제된 글입니다
-
미해결vue.js 실전 프로젝트(트위터 클론)
components와 pages 디렉토리
안녕하세요. 강의대로 따라가다보니 Trends와 Tweet은 "components"에 두고 다른 페이지들은 "pages"에 두셨는데 뷰에서 보통 많이쓰이는 디렉토리 구조에 따라 그렇게 넣으신건지 혹은 다른 기준이 있어서 그렇게 하신건지 궁금합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
postman 질문있습니다.
mock server 생성하려고 하는데 강의 화면과는 다르게 아래 사진처럼 No Mock server calls yet 이라는 문구가 뜹니다. 일단 강의 내용대로 copy mock URL을 누르고 진행 후 눈 모양 표시를 눌렀을 때 No active Environment 가 뜨는데 어떻게 해야 할까요..ㅜㅜ
-
해결됨설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)
스크립트 질문
안녕하세요, 스크립트 에 대해 질문 있습니다. 1. 현업에서, Makefile을 작성해서 컴파일을 진행하나요? 2. 설계/검증 과정에서, 스크립트 파일의 용도가 궁금합니다. (빌드, 컴파일, 클린 이외 어떤 목적으로 작성하는지 궁금합니다.)
-
미해결정보처리기사 실기 (2020 개정) 제대로 배우기 Part.1
4:58 unsigned long 설명부분에서
필기에는 4byte라고 하셨는데 말씀은 8byte라고 하셨어요 뭐가 맞나요?
-
미해결[백문이불여일타] 데이터 분석을 위한 고급 SQL
max 값을 정의할 때, SELECT를 통해서 한번 더 구해주는 이유가 궁금합니다.
안녕하세요. 이번 강의 내용 중 문의드릴 내용이 있습니다. having절 또는 where절에서 challenges_created의 최대값에 대해 정의를 하는 함수를 짤 때, whrere challenges_created = max(challenges_created)가 아닌 whrere challenges_created = (SELECT max(challenges_created) FROM counter) 인 이유가 궁금합니다. max값을 구할 때는 반드시 다시 서브쿼리를 통해 추출을 해야하는건지요?
