묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
선생님 헤드영역의 레이아웃 자체가 틀어지는데 왜 그런지 검토부탁드립니다.
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>네비게이션-상단-03-개별(완성)</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="header-inner"> <header> <article class="header-logo">로고</article> <article class="navi"> <!--Navigasion--> <ul class="menu"> <li> <a href="#none">MENU-1</a> <div class="sub-menu"> <a href="#none">SUB-MENU-1</a> <a href="#none">SUB-MENU-2</a> <a href="#none">SUB-MENU-3</a> <a href="#none">SUB-MENU-4</a> </div> </li> <li> <a href="#none">MENU-2</a> <div class="sub-menu"> <a href="#none">SUB-MENU-1</a> <a href="#none">SUB-MENU-2</a> <a href="#none">SUB-MENU-3</a> <a href="#none">SUB-MENU-4</a> </div> </li> <li> <a href="#none">MENU-3</a> <div class="sub-menu"> <a href="#none">SUB-MENU-1</a> <a href="#none">SUB-MENU-2</a> <a href="#none">SUB-MENU-3</a> <a href="#none">SUB-MENU-4</a> </div> </li> <li> <a href="#none">MENU-4</a> <div class="sub-menu"> <a href="#none">SUB-MENU-1</a> <a href="#none">SUB-MENU-2</a> <a href="#none">SUB-MENU-3</a> <a href="#none">SUB-MENU-4</a> </div> </li> </ul> <!--Navigasion--> </article> </header> </div> <div class="content-inner"> <section class="slide"> <article>이미지 슬라이드</article> </section> <section class="items"> <article class="news">공지사항(C.1)</article> <article class="banner">갤러리(C.2)</article> <article class="shortcut">바로가기(C.3)</article> </section> </div> <div class="footer-inner"> <footer> <article class="footer-logo">Copyright</article> <article class="footer-content"> <div>SNS</div> <div>패밀리 사이트</div> </article> </footer> </div> </div> <script type="text/javascript" src="script/jquery-1.12.4.js"></script> <script type="text/javascript" src="script/custom.js"></script> </body> </html>
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
JWT
제로초님 ㅎㅎ 제로초님 강의들을 들어봤을때 , session , cookie 를 위주로 자주 사용하셨던데 , JWT 를 사용 하지 않으시는 이유가 있을까여 ?
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
gradlew build (windows) 관련 질문
안녕하세요. 양질의 강의 정말 감사드립니다. 다름이 아니라, gradlew.bat이 gradlew의 윈도우? 버전 같은 느낌이라고 생각을 했는데 cmd에서는 gradlew를 build하는 것이 잘 이해가 안되어서요...! 강의자료를 보면 gradlew에 들어가서 gradlew.bat을 실행시키는 것이 맞고 -> 이것을 cmd에서 할 때는 그냥 gradlew 치면 되는 것이 맞나요? 이후 gradlew build를 하는 것인가요? 저는 gradlew만 쳤다가 lib 폴더가 없어서, gradlew clean build --info 명령어로 clena하고 다시 build했는데 lib 폴더가 생겼습니다!.. 이렇게 진행해도 될까요? 기본 지식이 없는 질문 죄송합니다 ㅠㅠ 구글링해도 잘 모르겠어서 질문합니다!
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
Smooth Scrolling 작동
예제와 똑같이 Jquery를 했는데도 Smooth Scrolling이 작동을 하지 않습니다. ㅠㅠ <!DOCTYPE html> <html lang="ko"> <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>a 앵커 만들기</title> <!-- <script src="js/jquery-3.4.1.min.js"></script> <script src="js/jquery.scrollTo.min.js"></script> --> <style> html { scroll-behavior: smooth; } body { margin: 0; } header a { background-color: teal; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 20px; } p { font-size: 1.5em; line-height: 2em; } .btn-goto-top { background-color: pink; color: #fff; text-decoration: none; padding: 10px 20px; border-radius: 20px; } </style> </head> <body> <div class="container"> <header> <a href="#part1">html part</a> <a href="#part2">css part</a> <a href="#part3">Jquery part</a> <a href="#part4">portfolio part</a> </header> <h1 id="part1">html part</h1> <hr> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem necessitatibus placeat quos numquam laudantium mollitia doloribus magnam, excepturi ducimus nihil error dolor unde repudiandae repellat veritatis aspernatur. Dolorem laboriosam repellat quisquam iusto consectetur cumque officia nobis corporis eligendi, quaerat eos voluptatem sint illum perspiciatis sed maiores, voluptatibus culpa doloribus aspernatur asperiores autem rerum ratione quod optio! Hic, obcaecati veniam accusantium vero earum, repudiandae magnam delectus nesciunt error ea natus porro exercitationem, quas odio suscipit aut reprehenderit. Inventore, facilis sunt nostrum similique sit exercitationem tempore eum doloribus aperiam provident sed? Perspiciatis, illum cum ex voluptas vero qui voluptate soluta similique quae veniam voluptatum? Neque, quidem molestias ab eligendi dolore eius illum doloremque officia vel iusto deserunt repellendus recusandae amet qui iste? Adipisci eveniet, minima aperiam commodi, dignissimos recusandae corrupti mollitia assumenda voluptatibus doloribus quidem est rem nam earum, error qui quae quaerat sit omnis quo cumque vitae. Exercitationem omnis optio quisquam ratione nobis minus laborum nostrum cumque. Beatae est eligendi dicta asperiores saepe quo, placeat eos harum, laudantium, distinctio aperiam. Nulla, assumenda inventore? Repudiandae debitis nulla nihil animi magni architecto inventore voluptatum expedita, odio atque hic aspernatur sit, suscipit, aut accusantium cupiditate vero omnis ipsum ea! Corrupti adipisci ut dicta eligendi! </p> <a href="#" class="btn-goto-top">Go to top</a> <!-- #은 문서의 가장 상위 --> <h1 id="part2">css part</h1> <hr> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem necessitatibus placeat quos numquam laudantium mollitia doloribus magnam, excepturi ducimus nihil error dolor unde repudiandae repellat veritatis aspernatur. Dolorem laboriosam repellat quisquam iusto consectetur cumque officia nobis corporis eligendi, quaerat eos voluptatem sint illum perspiciatis sed maiores, voluptatibus culpa doloribus aspernatur asperiores autem rerum ratione quod optio! Hic, obcaecati veniam accusantium vero earum, repudiandae magnam delectus nesciunt error ea natus porro exercitationem, quas odio suscipit aut reprehenderit. Inventore, facilis sunt nostrum similique sit exercitationem tempore eum doloribus aperiam provident sed? Perspiciatis, illum cum ex voluptas vero qui voluptate soluta similique quae veniam voluptatum? Neque, quidem molestias ab eligendi dolore eius illum doloremque officia vel iusto deserunt repellendus recusandae amet qui iste? Adipisci eveniet, minima aperiam commodi, dignissimos recusandae corrupti mollitia assumenda voluptatibus doloribus quidem est rem nam earum, error qui quae quaerat sit omnis quo cumque vitae. Exercitationem omnis optio quisquam ratione nobis minus laborum nostrum cumque. Beatae est eligendi dicta asperiores saepe quo, placeat eos harum, laudantium, distinctio aperiam. Nulla, assumenda inventore? Repudiandae debitis nulla nihil animi magni architecto inventore voluptatum expedita, odio atque hic aspernatur sit, suscipit, aut accusantium cupiditate vero omnis ipsum ea! Corrupti adipisci ut dicta eligendi! </p> <a href="#" class="btn-goto-top">Go to top</a> <h1 id="part3">Jquery part</h1> <hr> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem necessitatibus placeat quos numquam laudantium mollitia doloribus magnam, excepturi ducimus nihil error dolor unde repudiandae repellat veritatis aspernatur. Dolorem laboriosam repellat quisquam iusto consectetur cumque officia nobis corporis eligendi, quaerat eos voluptatem sint illum perspiciatis sed maiores, voluptatibus culpa doloribus aspernatur asperiores autem rerum ratione quod optio! Hic, obcaecati veniam accusantium vero earum, repudiandae magnam delectus nesciunt error ea natus porro exercitationem, quas odio suscipit aut reprehenderit. Inventore, facilis sunt nostrum similique sit exercitationem tempore eum doloribus aperiam provident sed? Perspiciatis, illum cum ex voluptas vero qui voluptate soluta similique quae veniam voluptatum? Neque, quidem molestias ab eligendi dolore eius illum doloremque officia vel iusto deserunt repellendus recusandae amet qui iste? Adipisci eveniet, minima aperiam commodi, dignissimos recusandae corrupti mollitia assumenda voluptatibus doloribus quidem est rem nam earum, error qui quae quaerat sit omnis quo cumque vitae. Exercitationem omnis optio quisquam ratione nobis minus laborum nostrum cumque. Beatae est eligendi dicta asperiores saepe quo, placeat eos harum, laudantium, distinctio aperiam. Nulla, assumenda inventore? Repudiandae debitis nulla nihil animi magni architecto inventore voluptatum expedita, odio atque hic aspernatur sit, suscipit, aut accusantium cupiditate vero omnis ipsum ea! Corrupti adipisci ut dicta eligendi! </p> <a href="#" class="btn-goto-top">Go to top</a> <h1 id="part4">portfolio part</h1> <hr> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem necessitatibus placeat quos numquam laudantium mollitia doloribus magnam, excepturi ducimus nihil error dolor unde repudiandae repellat veritatis aspernatur. Dolorem laboriosam repellat quisquam iusto consectetur cumque officia nobis corporis eligendi, quaerat eos voluptatem sint illum perspiciatis sed maiores, voluptatibus culpa doloribus aspernatur asperiores autem rerum ratione quod optio! Hic, obcaecati veniam accusantium vero earum, repudiandae magnam delectus nesciunt error ea natus porro exercitationem, quas odio suscipit aut reprehenderit. Inventore, facilis sunt nostrum similique sit exercitationem tempore eum doloribus aperiam provident sed? Perspiciatis, illum cum ex voluptas vero qui voluptate soluta similique quae veniam voluptatum? Neque, quidem molestias ab eligendi dolore eius illum doloremque officia vel iusto deserunt repellendus recusandae amet qui iste? Adipisci eveniet, minima aperiam commodi, dignissimos recusandae corrupti mollitia assumenda voluptatibus doloribus quidem est rem nam earum, error qui quae quaerat sit omnis quo cumque vitae. Exercitationem omnis optio quisquam ratione nobis minus laborum nostrum cumque. Beatae est eligendi dicta asperiores saepe quo, placeat eos harum, laudantium, distinctio aperiam. Nulla, assumenda inventore? Repudiandae debitis nulla nihil animi magni architecto inventore voluptatum expedita, odio atque hic aspernatur sit, suscipit, aut accusantium cupiditate vero omnis ipsum ea! Corrupti adipisci ut dicta eligendi! </p> <a href="#" class="btn-goto-top">Go to top</a> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> /* Smooth Scroll */ $('header a, .btn-goto-top').click(function() { $.scrollTo(this.hash || 0, 900); e.preventDefault(); }) </script> </body> </html>
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
CSS, Server -state, 비밀번호 수정
혼자 고민하다가 도저히 안되서 질문드려요.,.ㅠㅠ 1.CSS 부분 강사님 소스와 똑같이 정의해도 몇몇은 다르게 보입니다. 대표적으로 카테고리 부분에서 반응형이 작동하지 않고 잘려서 나옵니다. (이유를 모르겠습니다.) flex를 적용해제하거나 colum 설정시, 카테고리 버튼이 쭉 아래로 ( 예를들어 react, vsocde, tt 형태로) 나열이 됩니다. 2. server 부분 auth 라우터 부분에서 states(401)을 삭제후 res.json 만 보낼 경우 메인화면에서 로그인하지도 않았는데 AppNavbar.js - authLink가 자꾸 출력이 됩니다. 그래서 확인해본 결과 인정여부를 확인하는 isAuthenticated가 자꾸 true로 바뀌더군요 states를 다시 작성하니 작동이 됩니다. 전 states가 시스템에 문제를 일으키지 않고 메세지 같이 명시만 해주는걸로 알았는데 아닌건가요? 3. 프로필 수정 ( 비밀번호 수정) 로그인 직후 비밀번호 수정 버튼을 클릭 시 페이지가 이동하지 않고, 포스트 수가 증가 합니다. (예를 들어 메인화면에서 포스터수:12개, 노출되어있는 포스터: 6개, 숨겨진 포스트 6개 일시 버튼클릭 시 노출되어 있는 포스터 수(6개) 만큼 포스터수가 증가합니다. 예시대로 하면 최종적으로 12+6 =18 개가 되고있습니다). 그러나 페이지 새로고침 후 비밀번호 수정버튼을 누를시에는 정상적으로 페이지가 이동하여 작동합니다. 원인을 도저히 모르겠네요..) 깃주소 남깁니다. https://github.com/dnjsvltm201311681/cookblog
-
미해결게임 프로그래머 취업 전략 가이드
다음 언리얼 강의는 언제 출시 예정이신가요?
만약 12월을 넘긴다면 c# 로드맵 완강을 우선으로 할 생각입니다. 완강하고 다시 c++ 강의로 돌아올거구요. 언리얼강의는 언제쯤 나올까요?
-
미해결자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비
코드 질문입니다.
중복순열문제 질문이 있습니다. 저는 중복수열 문제를 BFS 로 풀었습니다. 혹시 이렇게 풀면 문제가 될까요?? 채점 기능이 없어 질문과 코드 올립니다. 감사합니다. 좋은 하루 되십시오. public class Main { static int n; static int m; static Queue<String> Q; public void BFS(String str) { Q = new LinkedList<>(); Q.offer(str); int L = 0; while(!Q.isEmpty()) { int len = Q.size(); for(int i=0; i<len; i++) { String tmp = Q.poll(); for(int j=1; j<=n; j++) { if(tmp == "0") Q.offer(String.valueOf(j)); else Q.offer(tmp+" "+String.valueOf(j)); } } L++; if(L==m) return; } } public static void main(String[] args) { // TODO Auto-generated method stub Main T = new Main(); Scanner kb = new Scanner(System.in); n = kb.nextInt(); m = kb.nextInt(); T.BFS("0"); for(String x:Q) { System.out.println(x); } } }
-
미해결팀 개발을 위한 Git, GitHub 입문
ppt 파일 부탁드립니다
완강 후 수강평까지 남겼습니다 ㅎㅎ
-
미해결[백문이불여일타] 데이터 분석을 위한 고급 SQL
WITH문을 WHERE절 서브쿼리에서도 사용할 수 있나요?
예를 들어, SELECT * FROM crimes WHERE date IN (SELECT DISTINCT date FROM crimes ORDER BY date DESC LIMIT 5); 위와 같은 SQL문을 WITH sub AS ( SELECT DISTINCT date FROM crimes ORDER BY date DESC LIMIT 5 ) SELECT * FROM crimes WHERE date IN sub.date 이렇게 쓸 수 있나요!?
-
미해결[백문이불여일타] 데이터 분석을 위한 고급 SQL
WHERE절 서브쿼리에서 DISTINCT 유무에 따른 차이가 있나요?
안녕하세요. 9:20 ~ [WHERE 절 서브쿼리]두 번째 쿼리를 다음과 같이 정정하니 강의 수강 시 참고 부탁드립니다. SELECT *FROM crimesWHERE date IN (SELECT distinct date FROM crimes ORDER BY date desc LIMIT 5); 위 내용을 보고 문득 궁금해진 내용인데요. 만약 order by절과 limit절이 없다면, 즉, SELECT * FROM crimes WHERE date IN (SELECT date FROM crimes) 이렇게 적은 것과 SELECT * FROM crimes WHERE date IN (SELECT distinct date FROM crimes) 이렇게 적은 것 간의 결과물에 차이가 있나요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
500 - Server-side error occurred
안녕하세요 제로초 선생님... 요즘 몇 번 질문을 드리는지 모르겠네요 ㅎ... 다름이 아니라 snap nginx 설정을 마치고 https 접속을 해보았는데 500 - Server-side error occurred 위와 같은 에러가 발생합니다. 프론트에서는 위와 같이 monit에 log가 뜨고 있습니다. local에서 접속했을 때는 아무 문제가 없는데 https 설정에 문제가 있는 것일까요? nginx.conf는 아래와 같고, default 파일은 전부 주석처리를 해주었습니다. nginx도 restart했고, 따로 status에 오류가 뜬건 없는데... 음 뭐가 문제일까요... events { worker_connections 768; # multi_accept on; } http { ## # Basic Settings ## sendfile on; tcp_nopush on; tcp_nodelay on; keepalive_timeout 65; types_hash_max_size 2048; # server_tokens off; # server_names_hash_bucket_size 64; # server_name_in_redirect off; include /etc/nginx/mime.types; default_type application/octet-stream; ## # SSL Settings ## ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE ssl_prefer_server_ciphers on; ## # Logging Settings ## access_log /var/log/nginx/access.log; error_log /var/log/nginx/error.log; ## # Gzip Settings ## gzip on; # gzip_vary on; # gzip_proxied any; # gzip_comp_level 6; # gzip_buffers 16 8k; # gzip_http_version 1.1; # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript; ## # Virtual Host Configs ## include /etc/nginx/conf.d/*.conf; include /etc/nginx/sites-enabled/*; server { server_name taewitter.com; location / { proxy_set_header HOST $host; proxy_pass http://127.0.0.1:3060; proxy_redirect off; } listen 443 ssl; ssl_certificate /etc/letsencrypt/live/taewitter.com/fullchain.pem; ssl_certificate_key /etc/letsencrypt/live/taewitter.com/privkey.pem; include /etc/letsencrypt/options-ssl-nginx.conf; ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; } server { if ($host = taewitter.com) { return 301 https://$host$request_uri; } server_name taewitter.com; listen 80; return 404; } } #mail { # # See sample authentication script at: # # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript # # # auth_http localhost/auth.php; # # pop3_capabilities "TOP" "USER"; # # imap_capabilities "IMAP4rev1" "UIDPLUS"; # # server { # listen localhost:110; # protocol pop3; # proxy on; # } # # server { # listen localhost:143; # protocol imap; # proxy on; # } #}
-
미해결실전! 웹사이트제작! Step by Step! (쌩초보 코스)
강의순서를 알려주세요.
올려주신 유료강의를 기초부터 들어야한다면... 순서대로 알려주시면 강의듣는데 많은 도움이 될꺼같아요. 번거러우시더라도 ^^;; 감사합니다.
-
미해결웹 개발자와 정보보안 입문자가 꼭 알아야 할 웹 해킹 & 시큐어 코딩
안녕하세요! 혹시 JSP 문법이 궁금해서요
JSP 예시 문법을 String query ="select * from board where idx="+ idx +"; 로 해주셨는데 String query ="select * from board where idx=""+ idx +"; 혹시 이 문법이 맞는건지 아니면 위에 문법이 맞는건지 궁금합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
Npm run start 에러 발생 하시는 분 참고 바람
+++++8월30일자 업데이트 mongoose 6 버전부터는 강의에 나왔던 아래 4가지 속성을 지원하지 않으니 그냥 지워서 쓰세요 useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false
-
미해결[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지
방생성시 404에러 출력됩니다 ㅠㅠ
방생성시 뜨는 오류입니다 ㅠㅠ
-
미해결실전! Querydsl
프로젝션 반환 타입의 레이어가 고민됩니다
프로젝션 쿼리에서 DTO를 사용하게 되면, Domain-Application-UI 모든 레이어에 의존성이 생기게 되는데요.. 그래서 DTO가 아니라 VO로 봐도 될지 고민 됩니다. 영한님의 의견과 실무에서 반환타입을 어떻게 사용하고 계신지 궁금합니다!!
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
대괄호 & 괄호는 어떻게 구분해서 사용하나요?
df_last.groupby(["전용면적"])["평당분양가격"].mean() 대괄호 & 괄호는 어떻게 구분해서 사용하나요? (groupby만 봐도, "전용면적"은 괄호 & 대괄호 안에, "평당분양가격"은 대괄호안에 들어가 있습니다.) 대괄호 & 괄호 사용할 때의 규칙성을 알면 더 쉬울듯 합니다.
-
미해결Slack 클론 코딩[백엔드 with NestJS + TypeORM]
interface 와 class 차이
export class 와 export interface 에서 그러면.. 어떠한 경우든 강제를 하게될때 export class 를 사용하는게 맞을까요 ? 사실 그러한 절대적인 경우는 없을꺼라 보긴한데 , 그럼 export interface 를 사용해야하는경우는 어떠한 경우일까요? interface 의 경우 다중상속이 가능 하지만 사실 상속의 개념보다 구현에 가깝고 , 추상클래스를 사용하게 되면 상속 하나만 되는걸로 알고있지만... JS 에서 export class 를사용하지 않고 export interface 를 사용하는 경우는 어떠한 경우일까요 ? 2:50 경에 말씀하신 interface 와 class 차이 말씀하신거 혹시 제가 볼만한 자료 링크를 받을수있을까요 ??
-
미해결탄탄한 백엔드 NestJS, 기초부터 심화까지
repository와 provider 관련 질문입니다.
이전 강의와 질문 글들을 보면 cat.service.ts 같은 경우는 따로 provider에 넣어주기보다 cat.module.ts를 import해서 쓰는게 권장된다고 봤습니다. 그런데 이 강의에서는 cat.repository.ts를 provider 부분에 넣어주던데 repository 패턴 같은 경우는 provider에 넣는것이 일반적인가요? 이 부분이 좀 햇갈리네요
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
묵시적 조인, 명시적 조인의 차이
안녕하세요! 강의를 보면서 실무에서나 추후 DB성능 튜닝할 때 를 생각해서 묵시적 조인을 사용하지말고, 명시적 조인을 사용하자고 말씀을 해주셨는데 1. 실제로 묵시적 조인을 사용하던(JPA가 생성해준 쿼리), 명시적으로 Join을 넣어서 쿼리를 작성을 하던 쿼리 명령문 자체는 동일한것이 맞나요?? 2. 결론적으로 질의문은 동일하지만 추후에 쿼리문에 대한 직관성이나 성능 튜닝면에서 명시적 조인이 이점이 더 많으니, 명시적 조인을 사용하자! 라고 이해하면 되는지 궁금합니다!
