inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

쿼리문 질문입니다

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요 comments module을 진행하고 있습니다. pgadmin에서 SELECT * FROM users_model a INNER JOIN comments_model b ON a.id = b.authorId 위의 쿼리로 테이블을 조회해보려고 했는데 ERROR: column b.authorid does not exist LINE 4: ON a.id = b.authorId ^ HINT: Perhaps you meant to reference the column "b.authorId". SQL state: 42703 Character: 74 이런 오류가 나옵니다 혹시 어떻게 해야 코멘츠 테이블과 유저 테이블을 조인해서 조회해볼 수 있을까요?? 그리고 pgadmin이 시간이 좀 지나면 자꾸 연결이 끊기는지 쿼리를 날려도 아무 응답이 없는데 혹시 연결을 refresh해주는 방법이 있을까요? 매번 쿼리창을 새로 열기가 너무 불편하네요

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
LEE 댓글 1 좋아요 0 조회수 177

이벤트 실행순서에 대해 질문드려요

미해결

처음 만난 리액트(React)

import React from 'react'; import {useState} from 'react'; function ConfirmButton2 (){ const [isConfirmed,setIsconfirmed] = useState(false); const handleConfirm = ()=>{ setIsconfirmed((prevIsConfirmed) => !prevIsConfirmed); // setIsconfirmed(!isConfirmed); }; const [number, setNumber] = useState(0); const checkNumber =() =>{ alert("첫번째 "+number); // 0 setNumber((prevnumber)=>{ alert(prevnumber+"//"+number); // 0 0 return prevnumber+10; }); setNumber((prevnumber)=>{ alert(prevnumber+"//"+number); // 10 0 return prevnumber+10; }); alert("두번째"+number); // 0 }; return ( <> <button onClick = {handleConfirm} > {isConfirmed ? "확인됨2" : "확인하기2"} </button> <button onClick = {checkNumber}> {number} </button> </> ); }; export default ConfirmButton2; 이렇게 해서 실행을 하고 숫자 버튼을 클릭하면 첫번째 alert -> set함수 alert -> 두번째 alert -> 두번째 set함수 alert 이 순서로 나오는데, alert -> set 함수 alert -> 두번째 set함수 alert -> 두번째 alert 이 순서가 아닌 이유를 모르겠어요.

  • javascript
  • react
ccct 댓글 2 좋아요 1 조회수 260

바닐라 자바 스크립트가 뜨질 않아서..

미해결

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

안녕하세요 수강중인 와중에 sandbox io 에서 로그인후 바닐라 자바스크립트가 뜨질 않아서 고민입니다.. 여기서 다른 언어로 대체할수가 있을까요?

  • javascript
무명 댓글 1 좋아요 0 조회수 331

다중요소 제어시 질문드립니다.

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.01

vs코드에서 코드를 입력하고 확인을 해보면 강사님 영상처럼 자연스럽지가 않고 .... gsap . to ( '.box' ,{ y: - 200 , stagger: 0.5 }); 예를 들어 위에처럼 소스 입력하면 5개의 컬러박스가 있으면 강사님 영상에서는 첫번째것부터 차례대로 stagger가 되는데요, 근데 제가 확인을 할땐 첫번째 박스는 이미 위에 올라가있는 상태고 2번째거 올라가는걸로 확인이 됩니다. 아래 비슷한 질문이 있어서 함수로도 해보고 duration 을 해봐도 동일해서....

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
gangsugi 댓글 2 좋아요 1 조회수 281

NestJS, 섹션39,Follow Count Incremet & Decrement 작업하기 - 2 강의 동영상 오류

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요. 강의: NestJS REST API 백엔드 완전정복 섹션: 39. 팔로워 카운트, 코멘트 카운트 작업하기 동영상: Follow Count Incremet & Decrement 작업하기 - 2 이 강의는 잘못된 동영상이 업로드된 것으로 생각됩니다. 원래는, 직전 강의(followerCount)에 이어서, followeeCount를 increment & decrement 하는 내용이 있어야하는데, 이 내용이 아니라, 다음 강의 내용인 commentCount를 언급하는 내용이 잠깐 나오고, 곧 종료됩니다. 확인 부탁드립니다.

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
yavathar 댓글 2 좋아요 0 조회수 210

OneScroll Layout 모바일 터치

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

강의 내용에선 fullpage.js 대신 직접 gsap을 활용해서 원페이지 형식을 만드는 방법을 알려주셨는데 물론 fullpage보다 직접 gsap으로 구현시 원하는 기능을 커스텀하기는 좋지만 모바일 환경에서(터치관련해서) 대응하기 쉽게 fullpage를 사용해는 경우가 많아서 혹시 강의에서는 원페이지 관련해서 터치 이벤트에 대한 내용이 없어서 따로 사용하시는 방법이 있으신가요? 모바일에서 터치 드래그시 일정부분 섹션이 따라서 스크롤 되다가 터치를 놓은 시점에서 얼만큼 비율을 넘기는지에 따라 원래섹션으로 아니면 다음섹션으로 가는 기능을 추가해야하는데 gsap기능을 혼합해서 사용시 onLeave시 충돌이 생길것 같아서.. 물론 직접 만들면 되지만 혹시 참고할만한 예시코드가 있으신가요?

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
플린 댓글 2 좋아요 1 조회수 505

doitdjango 블로그 게시판 작동 오류

미해결

Do It! 장고+부트스트랩: 파이썬 웹개발의 정석

안녕하세요. 요즘에 'aws lightsail 로 프로젝트 옮기기'를 듣고 있습니다. 거기서 블로그 글을 참고하라고 하셔서, 블로그를 들어갔더니, 해당 블로그 게시판이 작동하지 않습니다. 확인 부탁드려도 될까요? 감사합니다.

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • aws
  • docker
  • tdd
smile.jisoo 댓글 1 좋아요 1 조회수 316

HTML 회원가입

해결됨

[코드캠프] 시작은 프리캠프

수업에서 그 회원가입 페이지 만들고 다음 날에 다시 켜니까 코드는 바뀐게 전혀 없고 잘 저장되어 있는데 페이지에 다시 들어가니까 글씨가 이상한 말로 적혀있어요! 근데 또 빨간 테두리는 잘 반영이 됩니다… 뭐가 문제인가요???!

  • HTML/CSS
  • javascript
Erica 댓글 2 좋아요 0 조회수 238

inflearn_actual git 레파지토리는 없나요?

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요. 열심히 강의 따라가고 있었는데, 실수로 작업하던 소스파일을 삭제했습니다. 복구할 방법이 없어서 그러는데 혹시 git 리파지토리 소스나, 아니면 교육용 백업본이라도 있으면 주실 수 있을까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
플레어 댓글 1 좋아요 0 조회수 196

질문 있습니다.

미해결

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

안녕하세요. 강의 내용 중 정확히 이해하지 못하고 있는 것이 있어서 질문 드립니다. 강의 중 로그인 버튼 같이 간단한 동작만 있는 컴포넌트는 그 자체를 테스트 하는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하는 것이 더 효율적이고 정확한 테스트가 된다. 라고 하셨습니다. 또한 이런 컴포넌트는 스토리북과 같은 도구를 사용하여 스타일이나 레이아우싱 틀어지지 않는지 확인하는 것이 더 중요하다. 라고 말씀 하셨습니다. 이 뜻은 통합 테스트를 스토리북과 같은 도구와 함께 하라는 것이 아니라, 통합 테스트로 상태에 따른 동작을 검증하고, 그 안에 있는 각각의 컴포넌트들은 스토리북 안에서 스타일과 레이아웃이 틀어지지 않는지 확인하라는 것일까요? 아니면 스토리북을 통해 네비게이션 같은 컴포넌트를 만들고 그 단위로 통합 테스트를 하란 말씀이실까요?? 궁금합니다. 강의 너무 잘 듣고 있습니다. 정말 감사합니다!

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
Milkyway 댓글 1 좋아요 0 조회수 205

$router 를 이용한 메인 페이지로 이동

해결됨

Vue.js 끝장내기 - 실무에 필요한 모든 것

안녕하세요. 5_styling 브랜치를 받고 2개의 에러를 수정이후 메인페이지 이동을 위한 this.$router.push('/main') ; 코드를 입력하면 아래와 같은 의존성 문제가 발생합니다.어떻게 해야 할까요?routers/index.js 에는 .. 아래 코드 추가해 주었습니다. { path: '/main', component: () => import('@/views/MainPage.vue'), },

  • javascript
  • vue.js
  • vuex
dodofa 댓글 1 좋아요 1 조회수 305

Array 객체 내장 함수 sort함수()

해결됨

[웹 개발 풀스택 코스] 순수 자바스크립트 기초에서 실무까지

sort()함수 부분에 대해서 헷갈리는 부분이 있어서 질문드려요! 질문1. 인자 a, 인자b의 순서가 다름 제가 알고 있기로는 인자 a - 100, b - 40 으로 알고 있습니다 강사님이 설명하신것은 인자 a - 40, 인자 b - 100입니다. console.log 출력 결과는 a - 100, b - 40 으로 강사님 설명과 반대로 나와서 제가 출력시 실수한 부분이 있는지 질문드립니다 질문2. 양수일때 자리가 바뀐다 질문1. 에서 인자 a - 100, b - 40 이 맞다면 음수일때 자리가 바뀌는게 맞지 않나요?? 바쁘시겠지만 답변부탁드립니다!

  • javascript
  • vanilla-javascript
영준 댓글 1 좋아요 0 조회수 294

NestJS, 섹션35. 모듈 네스팅. Paginate Comments API 만들기 강의 잘림

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

안녕하세요. 강의: NestJS REST API 백엔드 완전 정복 섹션: 35 모듈 네스팅 동영상: Paginate Comments API 만들기 위에 적은 강의 동영상의 끝부분이, 의도치 않게 잘린 것 같습니다. 마지막인 5:56 시간에서, 말씀하는 도중에 강의가 끝나버립니다. 확인해 주시면 감사하겠습니다.

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
yavathar 댓글 4 좋아요 1 조회수 506

Vue.js 적용 방법

미해결

웹 애니메이션의 새로운 표준, Web Animations API

안녕하세요. 강의 정말 재밌게 보았습니다 :) 강의를 듣고 Vue2에 적용하려 하니 해당 에러가 발생합니다. js를 import해서 사용하는 것 만으로는 제약이 있는 것인가요..? 😥 😥

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
  • vue
  • scroll
siwoobaksa 댓글 1 좋아요 0 조회수 302

vuex 실행시 새로고침해야지만 리스트에 나타나는 현상

미해결

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요! 강의 듣으며 코드 작성중에 있는데 vuex로 코드를 작성하게 되면서 props데이터를 삭제하고 store.js로 mutation로 app.js에 있는 methodsf를 옮기게 되면서 새로고침해야지만 리스트가 추가/삭제되는 현상이 나타나고 있습니다. 다시 삭제했다가 작업해도 마찬가지네요.. 코드양이 너무 방대해서 올리기는 어려울것 같고 혹시 버전차이에 문제일수도 있나요? vue devtools에는 실시간으로 나타나는걸로 보입니다...

  • javascript
  • vue.js
  • es6
  • vuex
손승현 댓글 2 좋아요 1 조회수 439

리액트 복습하기

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요. 선생님 강의에 따라서 투두 리스트까지 완강하였는데요. 복습시 이번에 만들어본 프로젝트를 보지 않고 만들 수 있을 때까지 연습해보는 식으로 나아가면 될까요??

  • javascript
  • react
  • node.js
윤토벤 댓글 1 좋아요 0 조회수 402

실전사이트 제이쿼리소스

미해결

웹디자인기능사 자격증 대비(2023년 출제기준 반영버전)

초반에 제이쿼리 소스를 넣을때 둘 중 하나만 언더바가 생겨요 ㅠㅠ

  • HTML/CSS
  • javascript
  • jquery
  • 웹-디자인
댓글 1 좋아요 0 조회수 159

export default 관련한 질문

해결됨

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

안녕하세요 Modules 단계를 듣다가 궁금한 점이 생겨서 여쭤봅니다. export default {} 를 해야 import 를 할 수 있는 것으로 이해 하였습니다. 그런데 TodoHeader.vue 의 경우 스크립트 단을 아예 만들지 않아서 export default {} 가 없는데 어떻게 App.vue 에서는 TodoHeader를 import 할 수 있는 걸까요? 제가 예상하기로는 export default 단위 블록 안에 아무 내용이 없으면 생략 가능한 것 아닐까 라는 생각을 해보았는데 혹시 맞을까요?

  • javascript
  • vue.js
  • es6
  • vuex
hk 댓글 2 좋아요 0 조회수 397

Transform 적용시 슬래시가 //개로 표기 되는데 괜찮은걸까요?

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

응답에서 슬래시가 // 두개로 표기되고 슬래시// 두개가 포함된 image 값을 그대로 복사해서 웹에서 테스트했을때 이미지는 정상적으로 확인됩니다. //두개 표기되는게 문제있는건 아닌걸까요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
박훈정 댓글 3 좋아요 0 조회수 376

코드 작성 순서

미해결

인터랙티브 웹 개발 제대로 시작하기

안녕하세요 선생님~ 수업 잘 듣구있습니다 ㅎㅎㅎ door-opened 클래스를 add하고 remove하는 순서로 생각했는데 코드 작성 흐름이 거꾸로 역순으로 가는 이유가 있을까요...?^^;;;

  • HTML/CSS
  • 인터랙티브-웹
  • javascript
Hyeyeon Kim 댓글 1 좋아요 0 조회수 299

인기 태그

인프런 TOP Writers

주간 인기글