inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

174만명의 커뮤니티!! 함께 토론해봐요.

JWT

미해결

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초님 ㅎㅎ 제로초님 강의들을 들어봤을때 , session , cookie 를 위주로 자주 사용하셨던데 , JWT 를 사용 하지 않으시는 이유가 있을까여 ?

  • express
  • nodejs
  • NestJS
  • TypeORM
SJ 댓글 1 좋아요 0 조회수 297

gradlew build (windows) 관련 질문

미해결

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

안녕하세요. 양질의 강의 정말 감사드립니다. 다름이 아니라, gradlew.bat이 gradlew의 윈도우? 버전 같은 느낌이라고 생각을 했는데 cmd에서는 gradlew를 build하는 것이 잘 이해가 안되어서요...! 강의자료를 보면 gradlew에 들어가서 gradlew.bat을 실행시키는 것이 맞고 -> 이것을 cmd에서 할 때는 그냥 gradlew 치면 되는 것이 맞나요? 이후 gradlew build를 하는 것인가요? 저는 gradlew만 쳤다가 lib 폴더가 없어서, gradlew clean build --info 명령어로 clena하고 다시 build했는데 lib 폴더가 생겼습니다!.. 이렇게 진행해도 될까요? 기본 지식이 없는 질문 죄송합니다 ㅠㅠ 구글링해도 잘 모르겠어서 질문합니다!

  • MVC
  • java
  • spring-boot
  • spring
댓글 1 좋아요 1 조회수 227

Smooth Scrolling 작동

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

예제와 똑같이 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>

  • jquery
  • HTML/CSS
신돌식 댓글 1 좋아요 1 조회수 353

CSS, Server -state, 비밀번호 수정

미해결

리액트로 나만의 블로그 만들기(MERN Stack)

혼자 고민하다가 도저히 안되서 질문드려요.,.ㅠㅠ 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

  • css
  • 반응형
  • express
  • nodejs
  • auth라우터
  • react
  • profile
  • bootstrap
  • redux
  • mongodb
Choi 댓글 1 좋아요 0 조회수 310

다음 언리얼 강의는 언제 출시 예정이신가요?

미해결

게임 프로그래머 취업 전략 가이드

만약 12월을 넘긴다면 c# 로드맵 완강을 우선으로 할 생각입니다. 완강하고 다시 c++ 강의로 돌아올거구요. 언리얼강의는 언제쯤 나올까요?

  • 기술면접
  • 포트폴리오
문희찬 댓글 3 좋아요 0 조회수 531

코드 질문입니다.

미해결

자바(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); } } }

  • java
  • 코테 준비 같이 해요!
simononze 댓글 1 좋아요 0 조회수 308

ppt 파일 부탁드립니다

미해결

팀 개발을 위한 Git, GitHub 입문

완강 후 수강평까지 남겼습니다 ㅎㅎ

  • git
  • 버전관리시스템
  • github
댓글 1 좋아요 0 조회수 174

WITH문을 WHERE절 서브쿼리에서도 사용할 수 있나요?

미해결

[백문이불여일타] 데이터 분석을 위한 고급 SQL

예를 들어, 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
헬로월드 댓글 1 좋아요 0 조회수 290

WHERE절 서브쿼리에서 DISTINCT 유무에 따른 차이가 있나요?

미해결

[백문이불여일타] 데이터 분석을 위한 고급 SQL

안녕하세요. 9:20 ~ [WHERE 절 서브쿼리] 두 번째 쿼리를 다음과 같이 정정하니 강의 수강 시 참고 부탁드립니다. SELECT * FROM crimes WHERE 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) 이렇게 적은 것 간의 결과물에 차이가 있나요?

  • sql
헬로월드 댓글 1 좋아요 0 조회수 1225

500 - Server-side error occurred

미해결

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

안녕하세요 제로초 선생님... 요즘 몇 번 질문을 드리는지 모르겠네요 ㅎ... 다름이 아니라 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; # } #}

  • nodejs
  • redux
  • react
  • express
  • Next.js
긴장한 곰 댓글 1 좋아요 0 조회수 437

강의순서를 알려주세요.

미해결

실전! 웹사이트제작! Step by Step! (쌩초보 코스)

올려주신 유료강의를 기초부터 들어야한다면... 순서대로 알려주시면 강의듣는데 많은 도움이 될꺼같아요. 번거러우시더라도 ^^;; 감사합니다.

  • HTML/CSS
한유진 댓글 2 좋아요 1 조회수 264

안녕하세요! 혹시 JSP 문법이 궁금해서요

미해결

웹 개발자와 정보보안 입문자가 꼭 알아야 할 웹 해킹 & 시큐어 코딩

JSP 예시 문법을 String query ="select * from board where idx="+ idx +"; 로 해주셨는데 String query ="select * from board where idx=""+ idx +"; 혹시 이 문법이 맞는건지 아니면 위에 문법이 맞는건지 궁금합니다.

  • 모의해킹
  • 인젝션
yeonbeom sung 댓글 1 좋아요 1 조회수 204

Npm run start 에러 발생 하시는 분 참고 바람

미해결

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

+++++8월30일자 업데이트 mongoose 6 버전부터는 강의에 나왔던 아래 4가지 속성을 지원하지 않으니 그냥 지워서 쓰세요 useNewUrlParser : true, useUnifiedTopology : true, useCreateIndex : true, useFindAndModify : false

  • nodejs
  • react
개발자 은월 댓글 2 좋아요 2 조회수 311

방생성시 404에러 출력됩니다 ㅠㅠ

미해결

[리뉴얼] Node.js 교과서 - 기본부터 프로젝트 실습까지

방생성시 뜨는 오류입니다 ㅠㅠ

  • 방생성에러
  • mongodb
  • 404에러
  • nodejs
  • mysql
  • Sequelize
zxzxzlxlzlxl 댓글 2 좋아요 0 조회수 453

프로젝션 반환 타입의 레이어가 고민됩니다

미해결

실전! Querydsl

프로젝션 쿼리에서 DTO를 사용하게 되면, Domain-Application-UI 모든 레이어에 의존성이 생기게 되는데요.. 그래서 DTO가 아니라 VO로 봐도 될지 고민 됩니다. 영한님의 의견과 실무에서 반환타입을 어떻게 사용하고 계신지 궁금합니다!!

  • querydsl
  • java
  • projection
  • JPA
mycat 댓글 1 좋아요 0 조회수 337

대괄호 & 괄호는 어떻게 구분해서 사용하나요?

미해결

공공데이터로 파이썬 데이터 분석 시작하기

df_last.groupby(["전용면적"])["평당분양가격"].mean() 대괄호 & 괄호는 어떻게 구분해서 사용하나요? (groupby만 봐도, "전용면적"은 괄호 & 대괄호 안에, "평당분양가격"은 대괄호안에 들어가 있습니다.) 대괄호 & 괄호 사용할 때의 규칙성을 알면 더 쉬울듯 합니다.

  • python
  • numpy
  • pandas
Hyunjung Oh 댓글 1 좋아요 1 조회수 732

interface 와 class 차이

미해결

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

export class 와 export interface 에서 그러면.. 어떠한 경우든 강제를 하게될때 export class 를 사용하는게 맞을까요 ? 사실 그러한 절대적인 경우는 없을꺼라 보긴한데 , 그럼 export interface 를 사용해야하는경우는 어떠한 경우일까요? interface 의 경우 다중상속이 가능 하지만 사실 상속의 개념보다 구현에 가깝고 , 추상클래스를 사용하게 되면 상속 하나만 되는걸로 알고있지만... JS 에서 export class 를사용하지 않고 export interface 를 사용하는 경우는 어떠한 경우일까요 ? 2:50 경에 말씀하신 interface 와 class 차이 말씀하신거 혹시 제가 볼만한 자료 링크를 받을수있을까요 ??

  • TypeORM
  • NestJS
  • express
  • nodejs
SJ 댓글 1 좋아요 1 조회수 274

repository와 provider 관련 질문입니다.

미해결

탄탄한 백엔드 NestJS, 기초부터 심화까지

이전 강의와 질문 글들을 보면 cat.service.ts 같은 경우는 따로 provider에 넣어주기보다 cat.module.ts를 import해서 쓰는게 권장된다고 봤습니다. 그런데 이 강의에서는 cat.repository.ts를 provider 부분에 넣어주던데 repository 패턴 같은 경우는 provider에 넣는것이 일반적인가요? 이 부분이 좀 햇갈리네요

  • nodejs
  • mongodb
  • express
  • ssr
  • NestJS
IJILKJ 댓글 1 좋아요 1 조회수 271

묵시적 조인, 명시적 조인의 차이

미해결

자바 ORM 표준 JPA 프로그래밍 - 기본편

안녕하세요! 강의를 보면서 실무에서나 추후 DB성능 튜닝할 때 를 생각해서 묵시적 조인을 사용하지말고, 명시적 조인을 사용하자고 말씀을 해주셨는데 1. 실제로 묵시적 조인을 사용하던(JPA가 생성해준 쿼리), 명시적으로 Join을 넣어서 쿼리를 작성을 하던 쿼리 명령문 자체는 동일한것이 맞나요?? 2. 결론적으로 질의문은 동일하지만 추후에 쿼리문에 대한 직관성이나 성능 튜닝면에서 명시적 조인이 이점이 더 많으니, 명시적 조인을 사용하자! 라고 이해하면 되는지 궁금합니다!

  • JPA
  • java
최용석 댓글 1 좋아요 1 조회수 611

eslint 설치 후에 error가 많이 발생하네요ㅠㅠ

미해결

실전 프로젝트로 배우는 타입스크립트

아래 terecal님 처럼 같은 에러가 발생했습니다.... settings.json파일에 아래와 같이 지정해주었고 저번에 같은 에러가 떠서 아래 문구도 추가해 주었는데 .eslint.js파일과 app.ts파일에 많은 에러가 뜨네요.. ㅠㅠ

  • es6
  • typescript
jay 댓글 2 좋아요 1 조회수 717

인기 태그

인프런 TOP Writers

주간 인기글