묻고 답해요

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

피그마 링크

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

안녕하세요 ~ 수업 듣기 시작하고 싸이월드 만들기 1탄에서 피그마가 나오는데 예제자료를 보면서 할수 있는 피그마 링크가 어디에 있는지요 ?

react
react-native
하이브리드-앱
graphql
next.js

Lia 2025-03-11T08:39:57.239Z 댓글 2 좋아요 1 조회수 82

return에 대해 질문있습니다.

해결됨

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

안녕하세요 return에 대해 질문이 있습니다. const sum = (a, b) => { return a + b } const result = sum(1, 2); console.log(result) 이렇게 간단한 코드에서는 a와 b가 더한 값이 반환되어 호출한 부분으로 전달되서 5가된다라고는 알고 있는데 투두리스트 예제에서 예를 들어 const onUpdate = (targetId) => { setTodos( todos.map((todo) => { if (todo.id === targetId) { return { ...todo, isDone: !todo.isDone, }; } return todo; }) ); }; 이렇게 return {...todo, isDone: !todo.isDone} 부분과 return todo 이 부분이 조금 이해가 되지 않는데 이 부분은 return을 왜 사용하였고 또 어디로 반환이 되는것인지 궁금합니다.

javascript
react
node.js

부드러운 족제비 2025-03-11T08:24:02.062Z 댓글 2 좋아요 0 조회수 107

kakao 로그인 구현중 에러

미해결

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

이렇게 에러가 뜨고 데이터베이스에 회원 가입이 안되고 있습니다ㅠ.ㅠ교제 423 페이지까지 작성하고 카카오로 로그인시 insert문이 실행되고 회원이 생성되어야 하는데 안되네요

react
spring-boot
jpa
jwt
redux-toolkit

박지영 2025-03-11T07:01:27.493Z 댓글 2 좋아요 0 조회수 164

리터럴 질문

미해결

김영한의 자바 입문 - 코드로 시작하는 자바 첫걸음

질문 리터럴 자체가 특정한 타입을 가지고 있나요? 형변환 때 작은범위에서 큰 범위로 대입할 수 있다라고 말씀하셨는데, long a = 10;로 예를 들자면 10이라는 정수 리터럴도 타입이 있는걸로 받아들여져서요 자바에서의 상수 는 final 키워드가 붙은 변수 로 변수안에 저장된 데이터 값이 변하지 않는걸 뜻하는데, 리터럴 도 리터럴상수 라고 표현한다고 알고 있습니다. 리터럴 상수에서 상수 는 변하지 않는 값 으로 값자체가 고정되어있다고 생각하면 될까요??

java
객체지향

김민정 2025-03-11T07:01:23.472Z 댓글 2 좋아요 0 조회수 131

왜 자바에서 대입은 항상 변수에 들어있는 값을 복사해서 전달 할까?

미해결

김영한의 실전 자바 - 기본편

java
객체지향

석영 2025-03-11T06:54:01.951Z 댓글 1 좋아요 0 조회수 126

설치에 관해서

미해결

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

인텔리제이로 뉴프로젝트 만들고 있는데요 옛날버전인건지 지금 나온 버전하고 많이 달라서 뉴프로젝트 생성하는것도 뭘 어떻게 해야할지 모르겠어요 ㅠ_ㅠ 로드맵들 다 설치 부분 같은거는 지금에 맞게 다시 만들어 주시면 안될까요? 옛날 버전인건지 지금하고는 완전 달라서 참고하시는 스프링 부트 사이트 까지 내용도 달라요 ㅠ_ㅠ

java
jpa

culwonder.company 2025-03-11T04:02:43.593Z 댓글 1 좋아요 0 조회수 306

[2-2]

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

홈스크린 부분에만 gray 배경이 적용되는데, 이게 뭐때문에 그런가요? 내 스크린이나, 설정 부분은 gray 배경이 없습니다 . 코드는 강의에서 제공된 코드를 다운받아 그대로 사용했습니다.

javascript
react
react-native
typescript
react-query

박상원 2025-03-11T01:15:01.371Z 댓글 2 좋아요 0 조회수 126

HTML 태그와 리렌더링 관계

해결됨

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

강사님 안녕하세요! 리액트 강의 완강 후, 리액트로 개인 프로젝트를 진행하던 중에 리렌더링 관련하여 궁금한 점이 생겨 질문드립니다. 컴포넌트가 리렌더링 되는 조건이 1. 부모 컴포넌트가 리렌더링 될 때 (props 포함) 2. 컴포넌트의 state가 변경되었을 때 이렇게 2가지라고 봤는데요! 문제상황 : Input의 state가 변경되면 Button이 재렌더링됨 부모-자식 관계가 아닌 형제관계인 <Input /> 컴포넌트와 <Button /> 가 서로 재렌더링을 유발하는 원인이 무엇일까 해서 질문드립니다. 실제 브라우저DOM에 커밋되지는 않고 각 컴포넌트 내부에서 console을 찍어봐도 나오지 않는 것을 보아하니 렌더링까지만 되는 것 같아요... (chrome react확장 프로그램에서 highlight됨) 제가 여러가지 케이스로 테스트 해 본 결과, (각 컴포넌트는 props도 받지 않고 내부 state만 있음) div 태그로 감싸져 있을 때 서로 재렌더링을 유발하는 것 같아 아무리봐도 이상해서요 ㅠㅠ 문제 발생코드 <div> <Input /> </div> <div> <Button /> </div> 수정한 코드 <Input /> <Button />

javascript
react
node.js

기매리미 2025-03-11T01:13:23.386Z 댓글 2 좋아요 0 조회수 124

동영상이 안되는거 또발견

해결됨

[2025] 자바 입문 부트캠프 JAVA DEEP DIVE [PART2/2 심화편]

자바 파트1 챕터 11-2강의 경우는 영상은 나오는데 음성이 나오질않습니다 -_-;;; 자바 파트2 자바 입출력의 숨은 조력자: 보조 스트림으로 자바 입출력 최적화하기 이건 5분 31초 타임라인에서 화면이 검게변하고 원같은게 핑핑 돌며 재생이안됩니다. 딱 5분 31초때 멈쳐요 아마 강의 업로드하실때 에러가 발생한듯.... 확인후 조치부탁드립니다. 강의 너무나 만족하며 잘듣고있습니다. 다른강좌 수강평보니 수강기간도 연장해주신것같은데 저도 강사님 자바부터 스프링까지 커리큘럼을 탈생각인데 수강기간즘 넉넉하게 보너스로 챙겨주실수없을까요? 그리고 전체적으로 강의가 다잘올라와져있는지 점검한번 해보셔야할듯합니다. 분량이 너무많아서 일괄로 올리다가 에러가 종종 발생한듯하네요

java
jsp
객체지향

c7681330 2025-03-10T17:37:17.064Z 댓글 2 좋아요 0 조회수 161

JPQL Limit 문법 관련 질문

미해결

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

java
jpa

새벽형개발자 2025-03-10T16:07:37.152Z 댓글 1 좋아요 0 조회수 309

부모 클래스와 자식 클래스의 생성자에 파라미터가 같은 경우에 동작 방식 문의

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

7:36초 부분에 대해 문의드립니다. 자식 클래스를 생성하면 부모 클래스에 있는 기본 생성자인 Car()가 한번 호출된다고 말씀해주셨는데, 만약 자식 클래스의 생성자와 부모 클래스의 생성자에 동일한 파라미터로 구성된 경우에는 어떻게 동작하나요? 예를 들어, 부모 클래스에 Car(String name, Int price)라는 생성자가 있고, ElectricCar(String name, Int price)라는 생성자가 있을때, ElectricCar의 두 파라미터를 입력하여 객체를 생성하는 경우입니다. 이런 경우에도 부모 클래스에서는 파라미터가 들어간 생성자가 호출되는 것이 아니라, 기본 생성자가 호출되나요?

python
java
c
정보처리기사

주무세요 2025-03-10T14:52:52.301Z 댓글 4 좋아요 0 조회수 190

tailwind css 설치 관련 문의

해결됨

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

App.css 에 있는 내용 지우고, 다음인 App.jsx 수정하는 부분에서 막혔습니다. tailwind css 설치 사이트에 들어가면 다음과 같이 다른 부분이 존재하는데, 5번 부분에 있는 코드를 App.jsx에 넣으면 되는건가요?

HTML/CSS
javascript
react
node.js
mongodb

어린 송어 2025-03-10T14:28:19.396Z 댓글 1 좋아요 0 조회수 207

vite가 아니라 vscode에서 react를 하고 싶다면 기본세팅 외의 그외의 문법들은 동일하게 적용되는건가요?

해결됨

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

강의를 듣고 따로 팀 프로젝트를 진행해야하는데 제목과 같이 vscode에서 진행을 하는데 기본 세팅을 따로 하고 그외의 문법들을 vscode에서 실행해서 프로젝트를 진행해도 무방한것인가요?

javascript
react
node.js

2025-03-10T13:24:35.801Z 댓글 2 좋아요 0 조회수 423

잘되다가 갑자기 되질 않습니다.

미해결

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

java
spring
mvc
spring-boot

yoon6669 2025-03-10T12:46:57.092Z 댓글 1 좋아요 0 조회수 169

썸네일 리스트 페이지 만들기 함수 질문입니다.

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

function ThumbnailList() { const [testList] = useState(initialState: TESTS); return <div> {testList?.map(callbackfn: (test) => ( <img src={test?.info?.thumbImage} alt={test?.info?.mainUrl} key={test?.info?.mainUrl} />))} </div>; } useState 함수에 initialState:와 map 함수에 있는 callbackfn:이 있으면 문제가 생기는데 빼야 하는건가요? 아니면 문법이 버전때문에 다른건가요?

react
aws
Google-Analytics
cloudflare
adsense
수익화

이선용 2025-03-10T12:29:43.646Z 댓글 2 좋아요 0 조회수 136

어느 파일을 실행시켜야하나요?

미해결

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

java
spring
mvc
spring-boot

2025-03-10T11:54:03.710Z 댓글 1 좋아요 0 조회수 91

logout 기능에서 req.cookies.token == undefined가 되는 문제

해결됨

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

비슷한 질문이 있어서 5-2강까지 강의를 들어서 adminLogin까지 구현을 하였습니다. 앞의 4-6강에서 로그아웃을 시도하였을 때, 400 Bad Request : 이미 로그아웃된 상태로 나옵니다. 그래서 console.log(req.cookies.token)을 해보았을 때, undefined가 나옵니다. adminLogin을 진행하여 브라우저에 쿠키가 제대로 저장되었는지 확인해보았는데, localhost:5173에서도 localhost:3000에서도 cookie에 token값이 저장되어있었습니다. index.js에 cookie-parser 또한 존재하는 상태입니다. 질문을 올리기 전에 여러가지를 시도해보았는데, router.post () 에서는 req.cookies.token의 값을 undefined로 가져오고, router.get()에서는 정상적인 토큰값을 반환했습니다. 어떻게 해야 router.post () 에서도 req.cookies.token값을 가져올 수 있을까요? thunder client로 GET http://localhost:3000/api/auth/getCookie를 했을 때도 token은 undefined 값이 출력되었다가 브라우저에서 주소로 접근하니 token값이 정상적으로 출력되었습니다. 아래의 사진은 thunder client로 get 방식과 post 방식으로 보냈을 때의 차이를 담은 사진입니다. 브라우저에 cookie가 정상적으로 저장된 사진입니다. // index.js require("dotenv").config(); const express = require("express"); const mongoose = require("mongoose"); const cookieParser = require("cookie-parser"); const cors = require("cors"); const userRoutes = require("./routes/user"); const app = express(); const PORT = 3000; app.use(cors({ origin: "http://localhost:5173", credentials: true, })); app.use(express.json()) app.use(express.urlencoded({extended : true})) app.use(cookieParser()); app.use("/api/auth", userRoutes); app.get("/", (req, res) => { res.send("Hello world"); console.log("token: " + req.cookies.token); }); app.post("/cookie", (req, res) => { console.log(req.cookies.token) res.send("api/auth"); }) mongoose .connect(process.env.MONGO_URL) .then(() => console.log("MongoDB와 연결이 되었습니다.")) .catch((error) => console.log("MongoDB와 연결에 실패했습니다: ", error)); app.listen(PORT, () => { console.log("Server is running"); }); // user.js const express = require("express"); const router = express.Router(); const bcrypt = require("bcrypt"); const User = require("../models/User"); const axios = require("axios"); const jwt = require("jsonwebtoken"); // const cookieParser = require("cookie-parser"); // router.use(express.json()) // router.use(express.urlencoded({extended : true})) // router.use(cookieParser()); router.post("/signup", async (req, res) => { try { const { username, password } = req.body; const existingUser = await User.findOne({ username }); if (existingUser) { return res.status(400).json({ message: "이미 존재하는 사용자입니다." }); } const hashedPassword = await bcrypt.hash(password, 10); const user = new User({ username, password: hashedPassword, }); await user.save(); res.status(201).json({ message: "회원가입이 완료되었습니다." }); } catch (error) { res.status(500).json({ message: "서버 오류가 발생했습니다." }); console.log(error); } }); router.post("/login", async (req, res) => { try { const { username, password } = req.body; const user = await User.findOne({ username }).select("+password"); if (!user) { return res.status("401").json({ message: "사용자를 찾을 수 없습니다." }); } if (!user.isActive) { return res .status(401) .json({ message: "비활성화된 계정입니다. 관리자에게 문의하세요." }); } if (user.isLoggedIn) { return res .status(401) .json({ message: "이미 다른 기기에서 로그인되어 있습니다." }); } const isValidPassword = await bcrypt.compare(password, user.password); if (!isValidPassword) { user.failedLoginAttempts += 1; user.lastLoginAttempt = new Date(); if (user.failedLoginAttempts >= 5) { user.isActive = false; await user.save(); return res.status(401).json({ message: "비밀번호를 5회 이상 틀려 계정이 비활성화되었습니다.", }); } await user.save(); return res.status(401).json({ message: "비밀번호가 일치하지 않습니다.", remainingAttempts: 5 - user.failedLoginAttempts, }); } user.failedLoginAttempts = 0; user.lastLoginAttempt = new Date(); user.isLoggedIn = true; // try { // const response = await axios.get("https://api.ipify.org?format=json"); // const ipAddress = response.data.ip; // user.ipAddress = ipAddress; // } catch (error) { // console.log("IP 주소를 가져오던 중 오류 발생: ", error.message); // } await user.save(); console.log("로그인 성공"); const token = jwt.sign( { userId: user._id, username: user.username }, process.env.JWT_SECRET, { expiresIn: "24h" } ); console.log(token); res.cookie("token", token, { httpOnly: true, secure: "production", sameSite: "strict", maxAge: 24 * 60 * 60 * 1000, }); console.log("쿠키 설정", ); const userWithoutPassword = user.toObject(); delete userWithoutPassword.password; res.json({ user: userWithoutPassword }); console.log("json 전달 후 종료"); } catch (error) { console.log("서버 오류: ", error.message); res.status(500).json({ message: "서버 오류가 발생했습니다." }); } }); router.post("/logout", async (req, res) => { try { const token = req.cookies.token; console.log(token); if (!token) { return res.status(400).json({ message: "이미 로그아웃된 상태입니다." }); } try { const decoded = jwt.verify(token, process.env.JWT_SECRET); const user = await User.findById(decoded.userId); if (user) { user.isLoggedIn = false; await user.save(); } } catch (error) { console.log("토큰 검증 오류: ", error.message); } res.clearCookie("token", { httpOnly: true, secure: "production", sameSite: "strict", }); res.json({ message: "로그아웃되었습니다." }); } catch (error) { console.log("로그아웃 오류: ", error.message); res.status(500).json({ message: "서버 오류가 발생했습니다." }); } }); router.delete("/delete/:userId", async (req, res) => { try { const user = await User.findByIdAndDelete(req.params.userId); if (!user) { return res.status(404).json({ message: "사용자를 찾을 수 없습니다." }); } res.json({ message: "사용자가 성공적으로 삭제되었습니다." }); } catch (error) { res.status(500).json({ message: "서버 오류가 발생했습니다." }); } }); router.post("/verify-token", (req, res) => { const token = req.cookies.token; if (!token) { return res .status(400) .json({ isValid: false, message: "토큰이 없습니다." }); } try { const decoded = jwt.verify(token, process.env.JWT_SECRET); return res.status(200).json({ isValid: true, user: decoded }); } catch (error) { return res .status(401) .json({ isValid: false, message: "유효하지 않은 토큰입니다." }); } }); // router.get("/getCookie", async (req, res) => { // res.send(req.cookies.token) // console.log("getCookie's token : " , req.cookies.token) // }) // router.post("/postCookie", async (req, res) => { // res.send(req.cookies.token) // console.log("postCookie's token : ", req.cookies.token) // }) module.exports = router;

HTML/CSS
javascript
react
node.js
mongodb

김주형 2025-03-10T11:44:41.488Z 댓글 1 좋아요 0 조회수 166

섬나라 아일랜드 DFS

미해결

자바(Java) 알고리즘 문제풀이 입문: 코딩테스트 대비

이전강의에서 풀엇던것처럼 ch체크 배열만들고 시계방향 9,12,3,6시 방향으로만 체크해서 이렇게 만들었는데 강사님이 강의 때 하셧던거에 비하면 효율이 많이 떨어지는지 궁금해서 질문 남깁니다 package section9; import java.util.ArrayList; import java.util.Scanner; public class Main13 { static int[] dx= {-1,0,1,0}; static int [] dy= {0,1,0,-1}; static int[][] ch,dir,map; static int n,answer; public static void main(String[] args) { // TODO Auto-generated method stub Scanner s=new Scanner(System.in); ArrayList<Integer> list = new ArrayList<>(); answer=0; n=s.nextInt(); map= new int[n][n]; ch= new int[n][n]; dir= new int[n][n]; for(int i=0;i<n;++i) { for(int z=0;z<n;++z) { map[i][z]=s.nextInt(); } } for(int i=0;i<7;++i) { for(int z=0;z<7;++z) { if(map[i][z]==1 && ch[i][z]==0) { DFS(i,z); if(answer>1) { list.add(answer); answer=0; } }else { answer=0; continue; } } } System.out.println(list.toString()); System.out.println(list.size()); } static void DFS(int x,int y) { if(map[x][y]==1) { answer++; } if(ch[x][y]==1) return; if(map[x][y]==0) return; if(x<0 || x>6 || y<0 || y>6) { return; }else { ch[x][y]=1; for(int i=0;i<4;++i) { int nx= x+dx[i]; int ny=y+dy[i]; if(nx>=0 && nx<7 && ny>=0 && ny<7 && ch[nx][ny]==0 && map[nx][ny]==1) { DFS(nx,ny); } } } } }

java
코딩-테스트

이동건 2025-03-10T11:27:56.514Z 댓글 2 좋아요 0 조회수 84

MemberRepositoryTest 를 실행시켰을때 IllegalStateException 에러가 납니다..

미해결

실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)예 [질문 내용] 강의 내용과 똑같이 했는데 뭐가 문제일까요.. java.lang.IllegalStateException: Failed to load ApplicationContext for [WebMergedContextConfiguration@23f5008a testClass = jpabook.jpashop.MemberRepositoryTest, locations = [], classes = [jpabook.jpashop.JpashopApplication], contextInitializerClasses = [], activeProfiles = [], propertySourceDescriptors = [], propertySourceProperties = ["org.springframework.boot.test.context.SpringBootTestContextBootstrapper=true"], contextCustomizers = [org.springframework.boot.test.autoconfigure.OnFailureConditionReportContextCustomizerFactory$OnFailureConditionReportContextCustomizer@7c3fdb62, org.springframework.boot.test.autoconfigure.actuate.observability.ObservabilityContextCustomizerFactory$DisableObservabilityContextCustomizer@1f, org.springframework.boot.test.autoconfigure.properties .PropertyMappingContextCustomizer@0, org.springframework.boot.test.autoconfigure.web.servlet.WebDriverContextCustomizer@1130520d, org.springframework.boot.test.context.filter.ExcludeFilterContextCustomizer@7a3793c7, org.springframework.boot.test.json.DuplicateJsonObjectContextCustomizerFactory$DuplicateJsonObjectContextCustomizer@5456afaa, org.springframework.boot.test.mock.mockito.MockitoContextCustomizer@0, org.springframework.boot.test.web.client.TestRestTemplateContextCustomizer@1c39680d, org.springframework.boot.test.web.reactor.netty.DisableReactorResourceFactoryGlobalResourcesContextCustomizerFactory$DisableReactorResourceFactoryGlobalResourcesContextCustomizerCustomizer@1787bc24, org.springframework.test.context.support .DynamicPropertiesContextCustomizer@0, org.springframework.boot.test.context.SpringBootTestAnnotation@d0411fb6], resourceBasePath = "src/main/webapp", contextLoader = org.springframework.boot.test.context.SpringBootContextLoader, parent = null] 위와 같은 에러가 발생합니다.. 해결법을 알려주세요 ㅠㅠ

java
spring
웹앱
spring-boot
jpa

dkflawoghks1 2025-03-10T08:36:04.918Z 댓글 2 좋아요 0 조회수 317

맥북을 사용중인데, 터미널이 다릅니다,,,,!

해결됨

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

강의에서는 command prompt를 사용하셨는데, 맥북에서는 zsh와 bash 중 어떤 것을 사용해야 할까요?

HTML/CSS
javascript
react
node.js
mongodb

어린 송어 2025-03-10T07:35:59.567Z 댓글 2 좋아요 0 조회수 167

인프런 TOP Writers

주간 인기글

🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv

묻고 답해요

인기 태그

인프런 TOP Writers

주간 인기글