17강 질문
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
강의 17 부터는 서버와 데이터베이스가 따로 필요한걸까요? 서버를 따로 구축해야 되는지, 데이터베이스를 추가로 설치해야 되는건지 궁금합니다
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
댓글 2
좋아요 0
조회수 115
묻고 답해요
172만명의 커뮤니티!! 함께 토론해봐요.
섹션6 헤더 마크업 - zustand 적용에 오류가 발생합니다
미해결
Next.js App router 기반 Chat GPT 만들기
// model.ts import { create } from 'zustand'; type State = { model: string; }; type Action = { updateModel: (model: State['model']) => void; }; const useModelStore = create<State & Action>((set) => ({ model: 'gpt-3.5-turbo', updateModel: (model) => set(() => ({ model })), })); export { useModelStore }; // ModelSelect.tsx 'use client'; import { useModelStore } from '@/store/model'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select'; const MODELS = ['gpt-3.5-turbo', 'gpt-4', 'gpt-4o']; export default function ModelSelect() { const { model: currentModel, updateModel } = useModelStore((state) => ({ model: state.model, updateModel: state.updateModel, })); const handleChange = (selectModel: string) => { updateModel(selectModel); }; return ( <Select value={currentModel} onValueChange={handleChange}> <SelectTrigger className="w-[180px] border-none focus:ring-transparent"> <SelectValue placeholder="모델 선택" /> </SelectTrigger> <SelectContent> {MODELS.map((model) => ( <SelectItem key={model} value={model} disabled={currentModel === model}> {model} </SelectItem> ))} </SelectContent> </Select> ); } 위 코드 적용 결과 아래와 같은 무한반복 에러가 발생합니다. 강의 내용과 비교해 보아도 문제를 찾지 못했습니다 ㅜㅜ
- react
- typescript
- next.js
- tailwindcss
- zustand
- chatgpt
댓글 2
좋아요 0
조회수 154
gradlew build 후 문제
미해결
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] libs폴더로 이동 후 java -jar SpringRecture-0.0.1-SNAPSHOT.jar 실행했을 때 발생하는 오류인데 뭐가 문제인가요?
- java
- spring
- mvc
- spring-boot
키키호똥
댓글 1
좋아요 0
조회수 127
[Next.js] 데이터 스트리밍에 대한 문의드립니다.
해결됨
한 입 크기로 잘라먹는 Next.js
페이지단위, 컴포넌트 단위로 스트리밍은 이해되는데, 만약 테이블에 데이터를 불러오는데, 데이터가 100만개 이럴때 테이블의 첫 페이지에 20개만 불러오고 이런 식으로 동작하게 할 수 있는 스트리밍 방식이 있을까요?
- react
- typescript
- next.js
Ethan
댓글 2
좋아요 0
조회수 81
day17과제중 Context 객체생성 오류발생했습니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
day17과제하던중에, Context 객체 생성하는데 오류가 발생했습니다. export를 붙여서 진행하면 화면과 같이 오류가 발생하고, export를 제외하면 랜더링할때 빈화면이 나옵니다. 다른컴퍼넌트에는 useContext이용해서 함수 공급받는거 작성했습니다. import "./App.css" import Header from "./components/Header" import ContactEditor from "./components/ContactEditor" import List from "./components/List" import {useState, useRef, useCallback, createContext, useMemo} from 'react' const mockData = [ //임시데이터라는 뜻(mockData) { id: 0, name: "이정환", email: "king32@gmail.com" }, { id: 1, name: "김정환", email: "queen25@gmail.com" }, { id: 2, name: "하정환", email: "prince13@gmail.com" }, ] export const ContactStateContext = createContext(); export const ContactDispatchContext = createContext(); function App() { const [contact, setContact] = useState(mockData); const idRef = useRef(3) const onCreate = useCallback((name,email)=>{ const newContact = { id: idRef.current++, name: name, email: email, }; setContact([newContact, ...contact ]); },[]); const onDelete = useCallback((targetId) => { setContact(contact.filter((it) => it.id!== targetId)); },[]) const memoizedDispatch = useMemo( ()=>({onCreate, onDelete}),[] ); return( <div className="App"> <Header /> <ContactStateContext.Provider value={contact}> <ContactDispatchContext.Provider value={memoizedDispatch}> <ContactEditor /> <List /> </ContactDispatchContext.Provider> </ContactStateContext.Provider> </div> ) } export default App;
- react
- day17
ddorri83
댓글 1
좋아요 0
조회수 65
tailwinde-css
해결됨
[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스
궁금한 점 : @apply 핑크로 변하지 않아도 실행은 됩니다! 상관 없는걸까요?? styles.module.css tailwind.config
- react
- react-native
- 하이브리드-앱
- graphql
- next.js
skykwj0422
댓글 2
좋아요 0
조회수 81
강의노트가 자료에 있는건가요..? (답변이 늦어져도 괜찮습니다)
해결됨
이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)
https://webzz.tistory.com 링크를 강의노트에 넣어놓을테니 꼭 확인 부탁드린다고 하셨는데 1. 자료안에 강의 노트가 안보입니다 2. https://webzz.tistory.com 이 사이트는 쿠팡 파트너스 사이트 같습니다ㅠㅠ
- react
- aws
- docker
- spring-boot
- github-actions
emma0987
댓글 2
좋아요 1
조회수 211
.
미해결
React Native with Expo: 제로초에게 제대로 배우기
.
- react
- react-native
- 하이브리드-앱
- typescript
- expo
댓글 2
좋아요 0
조회수 158
로그인 성공시
미해결
스프링 부트와 리액트로 구현하는 소셜 로그인
로그인 성 공시 defaultSuccessUrl 에서는 "/todos" 로 설정하고 successHandler의 CustomLoginSuccessHandler 에서는 "/" 로 되어 있을때 어디로 리다이렉트 되어야하나요? 설명에는 defaultSuccessUrl 가 우선순위라고 하셨는데, 실행해보면 / 로 갑니다.
- react
- java
- spring-boot
- jpa
- spring-security
thbnsig
댓글 2
좋아요 0
조회수 98
DB 관련 강의 개설 계획은 없으신건가요?
미해결
스프링 DB 2편 - 데이터 접근 활용 기술
이번 강의 끝내고 로드맵대로 JPA 기본1편로 건너가 학습중인데요. JPA 기본편에선 jpa라 당연하겠지만 이전보다 더 DB 관련 지식을 요구하는 것 같더라구요. 예전에 DB를 약간 학습했던 적이 있어 드문드문 떠오르는 기억에 아직까진 강의를 듣는데는 큰 어려움은 없으나 DB를 학습했던건 오래전일고 깊이 있게 한 것이 아니라서 DB관련 지식이 희미하고 매우매우 얕게만 남아있습니다. 영한님 말씀 들어보면 실무에 투입되면 DB에 대해서도 꽤 잘알아야 하는 것 같구요. 앞으로의 미래를 생각한다면 한번은 DB를 따로 더 공부해야한다고 생각하고 있습니다. 그래서 스프링 MVC 강의에 앞서 모든 개발자를 위한 HTTP 웹 기본 지식 라는 강의로 웹에 관한 강의를 해주셨는데요. 정말 큰 도움이 됐습니다. 이것처럼 DB도 선수 학습 강의로 개설 계획이라던가 없으신건가요? 있으시다면 언제쯤 개설되는지 알 수 있을까요? DB강좌도 모든 개발자를 위한 HTTP 웹 기본 지식 처럼 있다면 많은 도움이 될 것 같습니다.
- spring
- mvc
- jpa
- querydsl
- spring-data-mybatis
- spring-jpa
yoon6669
댓글 2
좋아요 0
조회수 160
노트북으로 강의 보는 사람들의 편의를 위한 다음 강의 개선 요청
미해결
Spring WebFlux + LLM 실전 구현
안녕하세요 강사님 IDE 작업화면을 최대로 해도 글자가 잘 안 보일 수 있는데 작업화면을 화면의 일부로 사용하고 오른쪽에 글을 보여주시면 노트북으로 강의를 보는 입장에서 글자가 작아서 잘 안 보입니다. 다음 강의에는 노트북으로 학습하는 학습자의 입장도 고려 부탁드립니다. 강의는 너무 좋은 내용입니다 ! 쵝오 😀 감사합니다.
- java
- spring
- webflux
- chatgpt
- llm
아라레
댓글 1
좋아요 2
조회수 123
널 아님 단언 관련 질문
해결됨
자바 개발자를 위한 코틀린 입문(Java to Kotlin Starter Guide)
태현님! 안녕하세요, 먼저 이런 좋은 강의를 만들어 주셔서 감사드립니다 🙂 다만, 듣다가 또 하나의 질문이 있어서 말씀드리고 싶습니다! 바로 널 아님 단언 관련입니다! 예제 코드에서는 아래와 같이 작성을 해주셨는데요! fun startsWith(str: String?): Boolean { return str!!.startsWith("A") } 이런 경우 str 파라미터가 null이 들어올 가능성이 있지만 해당 코드를 실행할때 null이 절대 아니야라고 명시적으로 표현하기 위하여 !!를 붙여준다고 이해했습니다! 다만, 이런 경우는 굳이 널 아님 단언을 사용하는게 아니라 파라미터의 String?타입을 String으로 두면 어떨까 싶은 생각이 들어서요! 이렇게 된다면 굳이 널 아님 단언을 사용할 필요가 없어 보이는데 다른 곳에서 사용하는 예시가 따로 있는지 궁금하여 질문을 드리게 되었습니다!
- java
- kotlin
- 객체지향
양성빈(Robert)
댓글 1
좋아요 0
조회수 101
Member 엔티티 - Item 엔티티 연관관계 설정
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] 안녕하세요, 강의 수강 중 질문이 생겨 여쭤봅니다. 요구사항 분석을 확인하면 '상품 등록'이 있습니다. 상품 등록은 회원이 직접 상품을 등록하는 것일텐데 도메인 모델 설계 부분에서 Member 엔티티와 Item 엔티티 간 연관관계가 없는 이유가 궁금합니다. Member 엔티티가 Item을 등록하는 기능도 있으니 Member 엔티티와 Item 엔티티 간 연관관계도 설정해주어야 하지 않나요 ?!
- java
- spring
- 웹앱
- spring-boot
- jpa
wonderwall09in
댓글 1
좋아요 0
조회수 66
JPA모델과 도메인모델 분리가 필요한 사례
미해결
토비의 클린 스프링 - 도메인 모델 패턴과 헥사고날 아키텍처 Part 1
안녕하세요 🙂 "도메인 모델을 직렬화 했다가, RDB에 저장했다가" 하는 경우도 JPA와 도메인모델 분리가 필요한 경우라고 생각되는데 어떻게 생각하시나요? 도메인모델이 생성되었을때 영구보관이 필요한게 아니라, 어느정도 상태머신이 진행된 후 영구 보관이 필요하여 그전에는 레디스나 다이나모 같은 저장소에 보관하다가, 이후에 RDB에 영구보관을 하는 경우가 좀 더 자세한 예시일 것 같아요. 이 경우 JPA에서 DB 성능등을 이슈로 양방향맵핑을 하는 경우 순환참조로 인한 직렬화 이슈가 생기기 때문에 어떻게 해결할 수 있을지 고민하다가 이때 모델 분리를 선택한 경험이 있습니다. -- 무조건적인 지향을 하는게 아니라 필요에 따라 기술을 선택할 수 있게 강의를 진행해주시는 점 너무 많이 배우고 있습니다. 감사합니다.
- java
- spring
- spring-boot
- jpa
- 리팩터링
- ddd
파파라파파
댓글 2
좋아요 0
조회수 280
강의 자료 다운
미해결
따라하며 배우는 리액트 네이티브 기초
안녕하세요 강의때 사용하시는 강의 노트 자료는 어디서 다운 받으면 되나요? (설명하실 때 사용하시는 자료 문의드립니다. ) 소스코드는 다운 받기가 가능한데 강의때 사용하시는 pdf 인지는 모르겠지만 어디서 다운받을 수 있나요? 만약에 없으면 강의때 링크 클릭해서 들어가시던데 그 링크는 따로 강의마다 딸려 있을까요? 답변 부탁드립니다.
- react
- react-native
- expo
kimdk1406
댓글 1
좋아요 0
조회수 118
개발환경 구축 중 이클립스 프로젝트 해결 방법 문의
미해결
3. 웹개발 코스 [스프링 프레임워크+전자정부 표준프레임워크]
안녕하세요. 강의 수강신청 후 듣고 있는데 개발 환경 구축이 안 됩니다. 전자정부프레임워크, 톰캣, 아파치 모두 설치하였는데 프로젝트에 x 파일이 뜨며 오류가 해결되지 않습니다. 에러 발생 시 따라하라는 파워포인트 페이지를 따라해도 계속 오류가 뜹니다. 해결방법을 알려주시면 감사하겠습니다. 얼른 다음 강의 듣고싶은데 답답하네요..
- java
- spring
- oracle
- 전자정부프레임워크
- spring-framework
김지연
댓글 2
좋아요 0
조회수 177
독립적인 스레드 할당 시 스레드 개수는 어떻게 할당해야 할까요?
미해결
김영한의 실전 자바 - 고급 3편, 람다, 스트림, 함수형 프로그래밍
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문 전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예 [질문 내용] 궁금한점이 있습니다. 독립적인 스레드 풀을 만들어 사용할 때 스레드 수는 어떻게 측정하는게 좋을까요? 예를들어 CPU Core 수가 4개인 경우에 일반적으로 사용하는 스레드 수는 어떻게 할당할지 감이 안잡힙니다. 독립적인 스레드 풀을 만들 때 CPU Core 수에 따른 적절한 스레드 수가 있는지, 아니면 직접 스레드 수를 조절해가며 테스트를 해봐야하는지 궁금합니다.
- java
- 함수형-프로그래밍
- lambda
- optional
yoonho
댓글 1
좋아요 0
조회수 107
조회수 어뷰징 방지 질문
해결됨
스프링부트로 직접 만들면서 배우는 대규모 시스템 설계 - 게시판
안녕하세요~ 어뷰징 방지에 대한 질문을 드리고 싶습니다. 현재, 어뷰징 방지를 위해 분산락을 잡고 해당 유저가 특정 게시물에 대한 조회수를 10분 동안 1만 올릴 수 있도록 설계해주셨는데요. 레디스의 키-벨류 로도 충분히 위와 같은 어뷰징 방지를 설계할 수 있지 않나요? SETNX (key=유저+게시글, value=1, TTL=10분) 만약 이 값이 이미 존재한다면 조회수를 올리지 않는 방식으로 구현해도 충분할 거 같은데, 분산락으로 이 로직을 구현하신 이유가 궁금합니다. 감사합니다!
- java
- mysql
- spring-boot
- kafka
- redis
amoa
댓글 2
좋아요 0
조회수 160
SocialLoginWeb1303 소스 제공해 주시면 안되나요?
미해결
스프링 부트와 리액트로 구현하는 소셜 로그인
SocialLoginWeb1303 소스 제공해 주시면 안되나요?
- react
- java
- spring-boot
- jpa
- spring-security
유종훈
댓글 1
좋아요 0
조회수 116
물리 트랜잭션 과 논리트랜잭션 용어를 맞게 이해한걸까요
미해결
스프링 DB 2편 - 데이터 접근 활용 기술
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 물리 트랜잭션 과 논리 트랜잭션에 대해 가령 다음과 같이 있을 경우 @Transactional 의 경우 dataSource.getConnection(); 과 같이 트랜잭션이 시작되는 걸 의미 하니 placeOrder 메소드 전체가 물리 트랜잭션에 해당하고 그 이후 내부의 각 메소드 나 비즈니스 로직에서 사용되는 트랜잭션은 논리트랜잭션에 해당한다고 이해 하면 될까요? @Service public class OrderService { @Transactional // 논리 트랜잭션 1 public void placeOrder() { orderRepository.save(); paymentService.processPayment(); // 논리 트랜잭션 2 (propagation 여부에 따라) } }
- spring
- mvc
- jpa
- querydsl
- spring-data-mybatis
- spring-jpa
정동희
댓글 1
좋아요 0
조회수 119
인기 태그
인프런 TOP Writers
- 정현섭 8
- 닉네임 5
- eggmun(문성진) 4
- 김보노 3
- 박효정 3
- Like me black 3
- 코코리코코 3
주간 인기글
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- [프로젝트] 앱 출시 목표 6개월간 함께할 사이드 프로젝트 팀원 모집 vsvx13
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS