inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

로그아웃 시 토큰 검증 오류 응답

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

현재 Ch4-6. 관리자 계정 로그아웃, 삭제 강의를 듣고 있는 학생입니다! 다름이 아니라 로그아웃 코드에서 토큰 검증 오류 시에 res.send()를 안하는 이유가 있나요?! 토큰 검증 중 오류가 발생하게 된다면, isLoggedIn 상태는 true이고 토큰은 지워진 상태가 되는건데 그러면 로그인도 못하고 로그아웃도 못하는 상태인거 같아서요! 궁금해서 여쭤봅니다!!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
최지성 댓글 2 좋아요 0 조회수 263

강의 자료 문의

해결됨

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 (장고 4.2 기준)

안녕하세요! 우선 좋은 강의를 제공해주셔서 정말 감사합니다! 하지만 불편한 점이 있습니다. 강의 자료를 일일이 다운받으니 번거롭고 파일 병합하기도 힘드네요.. 타 강의와 비교하는 것은 죄송하지만, 다른 강의들은 모두 zip파일로 강의자료를 병합하여 업로드해주십니다. 본 강의도 강의자료를 병합하여 한번에 올려주시면 감사하겠습니다!

  • react
  • python
  • django
  • web-api
  • htmx
kkhs1kim 댓글 2 좋아요 0 조회수 155

질문은 아니고? 부탁?

해결됨

한 입 크기로 잘라먹는 Next.js

개발 20년차, 원론적으로 제대로 구조를 배워보고 싶어 영상강의를 듣는데, 정말 오랜만에 제대로 된 강의를 듣는것 같군요. 정말 강의 퀄리티 좋습니다. 잡설이 길었는데~~ 다름이 아니라, 현재 강이 백엔드API 서버를 NEST.JS 프레임웍을 이용해서 개발하신것 같은데, 다음번 강의는 NEST.JS 어떤 지요? 기다리겠습니다. ㅎ

  • react
  • typescript
  • next.js
Jae Yeong Lee 댓글 1 좋아요 0 조회수 270

월 변경 이벤트 핸들러가 작동하지 않습니다.

해결됨

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

코드는 아래와 같습니다. 다른 버튼들은 모두 클릭 이벤트 핸들러가 작동하는데, 월 변경 버튼에만 이벤트 핸들러가 작동하지 않습니다. 혹시 Date 객체를 잘 못 생성한 것일까요..? import { useContext, useState } from "react"; import { DiaryStateContext } from "../App"; import Header from "../components/Header"; import Button from "../components/Header"; import DiaryList from "../components/DiaryList"; const getMonthlyDate = (pivotDate, data) => { const beginTime = new Date(pivotDate.getFullYear(), pivotDate.getMonth(), 1,0,0,0).getTime(); const endTime = new Date( pivotDate.getFullYear(), pivotDate.getMonth()+1, 0, 23, 59, 59 ).getTime(); return data.filter((item)=> beginTime<= item.createdDate && item.createdDate <= endTime) } const Home = () => { const data = useContext(DiaryStateContext); //날짜 보관 const [pivotDate, setPivotDate] = useState(new Date()); const monthlyData = getMonthlyDate(pivotDate, data); const onIncreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth()+1)); } const onDecreaseMonth = () => { setPivotDate(new Date(pivotDate.getFullYear(), pivotDate.getMonth()-1)); } return <div> <Header title={`${pivotDate.getFullYear()}년 ${pivotDate.getMonth()+1}월`} leftChild={<Button onClick={onDecreaseMonth} title={"<"}/>} rightChild={<Button onClick={onIncreaseMonth} title={">"}/>} /> <DiaryList data={monthlyData}/> </div> }; export default Home;

  • javascript
  • react
  • node.js
미니민 댓글 1 좋아요 0 조회수 89

네비게이팅 섹션 강의에서?

해결됨

한 입 크기로 잘라먹는 Next.js

onclick이벤트 처리는 SCR이라 상단에 'use client";라고 정의해줘야 하는게 아닌지요? 자동으로 CSR로 처리되나요?

  • react
  • typescript
  • next.js
Jae Yeong Lee 댓글 2 좋아요 0 조회수 114

Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,

미해결

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com 에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
  • vercel
tngus5232 댓글 2 좋아요 1 조회수 155

프로젝트 기동로그 확인문의입니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

인텔리제이 구동시 아래로그가 출력욉니다. Database JDBC URL [Connecting through datasource 'HikariDataSource (HikariPool-1)'] Database driver: undefined/unknown Database version: 10.11.11 Autocommit mode: undefined/unknown Isolation level: undefined/unknown Minimum pool size: undefined/unknown Maximum pool size: undefined/unknown 특이사항 없는 것인지 확인부탁드립니다.

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
wonyongick 댓글 4 좋아요 0 조회수 211

단축키 혹은 extension 문의

미해결

코드로 배우는 React 19 with 스프링부트 API서버

강사님...부트 프로젝트 생성후에 application.properties 설정시에 datasource를 치면 하단에 관련목록들이 리스트업되는데 해당기능을 이용하려면 별도 extension을 설치해야 하는 걸까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
wonyongick 댓글 1 좋아요 0 조회수 61

실무에서 탭스 구현 시 어떤 방법을 많이 사용하는지 궁금합니다.

해결됨

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

안녕하세요 강사님 탭스를 구현하기 위해 3가지 방법을 알려주셨는데 그러면 실무에서는 JQuery-UI를 사용하여 구현을 하는걸까요?? 그리고 지금 보니까 해당 강의 섹션 제목에 오타가 있는 것 같습니다. jQuery 가 아닌 Jqeury 로 되어있네요

  • HTML/CSS
  • javascript
  • jquery
  • jquery-selector
SHYU 댓글 2 좋아요 0 조회수 141

vercel function 리전을 서울로 하지 않아도 icn1이에요

해결됨

한 입 크기로 잘라먹는 Next.js

말그대로 입니다. 거의 마지막 강의에서 vercel 프론트엔드 앱에 들어가서 function의 리전을 서울이 아니라 도쿄로 바꾸고 배포했는데, 네트워크탭에 book/[id] 페이지의 문서의 X-Vercel-id는 icn1::~ 이 찍힙니다. 다만 index 페이지의 문서는 icn1::iad1::~~ 으로 찍히는데 그 이유가 무엇일까요? (리전은 도쿄로 하고 배포했습니다.) 또 icn은 인천의 약자인가요?

  • react
  • typescript
  • next.js
최성준 댓글 2 좋아요 0 조회수 249

계속 따라하다가 안돼서 bash에 연결할떄 안되더라구요

미해결

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

따라하다가 자꾸 안돼서 보니까 bash에 연결할떄 안되더라구요 제 맥북에는 zsh? 여기에다가 해야 되더라구요 이렇게 nvm 써도 문제없는건지 궁금하고 왜 이렇게 다른걸로 하게 되는지 궁금해요! 라고 물어보려다가 검색을 해보았습니다. macOS Catalina부터 기본 쉘이 bash에서 zsh로 변경되었다네요 zsh에 설치하는게 맞는거였어요. 맥OS 여러분 참고하세요~~

  • javascript
  • vue.js
  • vuex
hjy100489 댓글 1 좋아요 0 조회수 123

MYSQL 연동오류 원인

미해결

코드로 배우는 React 19 with 스프링부트 API서버

application.propertes spring.application.name=apiServer spring.datasource.driver-class-name=com.mysql.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3306/apidb spring.datasource.username=apidbuser spring.datasource.password=apidbuser MySQL CREATE USER 'apidbuser' @ ' localhost ' IDENTIFIED BY 'apidbuser' ; CREATE USER 'apidbuser' @ '%' IDENTIFIED BY 'apidbuser' ; GRANT ALL PRIVILEGES ON . TO 'apidbuser' @ ' localhost ' WITH GRANT OPTION ; GRANT ALL PRIVILEGES ON . TO 'apidbuser' @ '%' WITH GRANT OPTION ; 현재 데이터베이스 연결은 잘된거 같은데 연결할때마다 oading class com.mysql.jdbc.Driver'. This is deprecated. The new driver class is com.mysql.cj.jdbc.Driver'. The driver is automatically registered via the SPI and manual loading of the driver class is generally unnecessary. 2025-03-16T15:58:11.685+09:00 INFO 58817 --- [apiServer] [ restartedMain] com.zaxxer.hikari.HikariDataSource : HikariPool-1 - Starting... 2025-03-16T15:58:11.687+09:00 WARN 58817 --- [apiServer] [ restartedMain] c.zaxxer.hikari.util.DriverDataSource : Registered driver with driverClassName=com.mysql.jdbc.Driver was not found, trying direct instantiation. 2025-03-16T15:58:11.855+09:00 INFO 58817 --- [apiServer] [ restartedMain] com.zaxxer.hikari.pool.HikariPool : HikariPool-1 - Added connection com.mysql.cj.jdbc.ConnectionImpl@6077b088 2025-03-16T15:58:11.856+09:00 INFO 58817 --- [apiServer] [ restartedMain] com.zaxxer.hikari.HikariDataSource : HikariPool-1 - Start completed. 2025-03-16T15:58:11.878+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.hibernate.jpa.internal.util.LogHelper : HHH000204: Processing PersistenceUnitInfo [name: default] 2025-03-16T15:58:11.900+09:00 INFO 58817 --- [apiServer] [ restartedMain] org.hibernate.Version : HHH000412: Hibernate ORM core version 6.6.8.Final 2025-03-16T15:58:11.911+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.h.c.internal.RegionFactoryInitiator : HHH000026: Second-level cache disabled 2025-03-16T15:58:12.010+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.s.o.j.p.SpringPersistenceUnitInfo : No LoadTimeWeaver setup: ignoring JPA class transformer 2025-03-16T15:58:12.061+09:00 INFO 58817 --- [apiServer] [ restartedMain] org.hibernate.orm.connections.pooling : HHH10001005: Database info: Database JDBC URL [Connecting through datasource 'HikariDataSource (HikariPool-1)'] Database driver: undefined/unknown Database version: 9.1 Autocommit mode: undefined/unknown Isolation level: undefined/unknown Minimum pool size: undefined/unknown Maximum pool size: undefined/unknown 2025-03-16T15:58:12.353+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.h.e.t.j.p.i.JtaPlatformInitiator : HHH000489: No JTA platform available (set 'hibernate.transaction.jta.platform' to enable JTA platform integration) 2025-03-16T15:58:12.354+09:00 INFO 58817 --- [apiServer] [ restartedMain] j.LocalContainerEntityManagerFactoryBean : Initialized JPA EntityManagerFactory for persistence unit 'default' 2025-03-16T15:58:12.369+09:00 WARN 58817 --- [apiServer] [ restartedMain] JpaBaseConfiguration$JpaWebConfiguration : spring.jpa.open-in-view is enabled by default. Therefore, database queries may be performed during view rendering. Explicitly configure spring.jpa.open-in-view to disable this warning 2025-03-16T15:58:12.506+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.s.b.d.a.OptionalLiveReloadServer : LiveReload server is running on port 35729 2025-03-16T15:58:12.522+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.s.b.w.embedded.tomcat.TomcatWebServer : Tomcat started on port 8080 (http) with context path '/' 2025-03-16T15:58:12.526+09:00 INFO 58817 --- [apiServer] [ restartedMain] o.zerock.apiserver.ApiServerApplication : Started ApiServerApplication in 1.469 seconds (process running for 2.034) 이런 에러가 떠서 테스트를 실행해도 데이터가 정상적으로 저장되지 않습니다 무엇이 원인일까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
댓글 2 좋아요 0 조회수 140

슬라이드 문의드립니다.

해결됨

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

안녕하세요. 위의 이미지에 질문을 넣었습니다. 강의명은 UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오 입니다. 답변 부탁드립니다. 감사합니다.

  • HTML/CSS
  • javascript
  • jquery
  • 반응형-웹
  • media-query
happinessboom 댓글 2 좋아요 1 조회수 156

일러스트의 "gif 애니메이션"을 문의드립니다.

해결됨

UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오

"UIUX 포트폴리오 Part.3 - 반응형 웹 포트폴리오" 강의에서 "섹션2"에 있는 일러스트의 "gif 애니메이션"을 어떻게 만드셨는지 알려주실 수 있을까요? 유투브, 구글, 네이버에서 관련 강의를 찾아봤는데, 못 찾았어요. 만약 관련 강의를 아신다면, 알려주셔도 될 것 같습니다. 답변 주세요. 감사합니다.

  • HTML/CSS
  • javascript
  • jquery
  • 반응형-웹
  • media-query
happinessboom 댓글 3 좋아요 1 조회수 281

서버 컴포넌트에서의 상호작용

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요 강사님. 양질의 강의 잘 듣고 있습니다. 다름이 아니라 클라이언트 컴포넌트와 서버 컴포넌트 개념 설명에서, "상호작용(Interaction)이 지속적으로 발생하는 컴포넌트는 클라이언트 컴포넌트로 작성해야 한다" 라고 이해했었습니다. 그런데 리뷰를 작성하는 기능 또한 상호작용이 지속적으로 발생하는 것이 아닌가 하는 의문이 들었습니다. 제가 이해를 잘 못 한 부분이 있는 걸까요? 아니면 서버 컴포넌트에서도 어느정도 상호작용을 처리할 수 있는건가요?

  • react
  • typescript
  • next.js
라라올라 댓글 2 좋아요 0 조회수 114

import Hero from './Hero' 오류 문의

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

강의에서 말씀하신대로 자동완성을 이용하여서 './Hero' 가 되었는데, 오류가 납니다. Already included file name ~~ Root file specified for compliation 이라고 뜨는데 왜 그런건가요? Error lens에서 해당 오류를 출력합니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
어린 송어 댓글 2 좋아요 0 조회수 130

완강~!~! 🥳

해결됨

한 입 크기로 잘라먹는 Next.js

리엑트를 이어서 넥스트까지 완강~~! 🥳 강의 재밌게 잘 달렸습니다 좋은 강의 감사합니다 🙇‍♂

  • react
  • typescript
  • next.js
강프로그래머 댓글 2 좋아요 1 조회수 138

사전 렌더링 과정에서 질문

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요! 강의 잘 보고있습니다! 사전렌더링시에 해당 페이지에 대한 HTML과 JS bundle을 받고 수화 과정을 통해 상호작용을 하는 건 이해를 하였습니다! 궁금한점은 그럼 해당 페이지가 아닌 다른 페이지의 HTML과 Js파일들은 프리페칭 과정에서 받아 CSR방식으로 동작하는건가요??

  • react
  • typescript
  • next.js
chahoon12343 댓글 2 좋아요 0 조회수 122

zoom과 fov의 차이점이 잘 이해가 안됩니다.

미해결

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

섹션3- 3D 구성요소 알아보기 강의 에서 설명주신것중 강의에서는 fov와 zoom의 수치를 감소시키거나 증가시켰을때, 선이라고 해야하나요? Cam이 찍고있는 좁아지고 넓어지는 그 선의 범위가 fov와 zoom이 같은 것 같아서 헷갈립니다! 혹시 어떤 차이가 있는지 알려주실 수 있으실까요?

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
박주현 댓글 2 좋아요 1 조회수 354

인기 태그

인프런 TOP Writers

주간 인기글