묻고 답해요

next 12버전 스타일 안먹히나요?

미해결

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

현재 sass 적용 해 봤는데 오류는 나지않고 스타일 자체를 안먹습니다

• graphql
• react
• rest-api

존경하는 선생님. 개인저인 질문도 가능할까요??ㅎ;;

해결됨

스프링 시큐리티

선생님 안녕하세요 강의 무지 잘 보고 있습니다. 주니어 개발자 이기도 하고, 웬만해서는 security 코딩할 기회가 없다보니 소문을 듣고 찾아와서 듣게 되었습니다. 요즘 선생님이 하시는 말씀이나 답변들을 보면서 대단하다고 느끼는 중, 저도 이러한 학식을 배우고 싶어 글을 남기게 되었습니다. 다름 아니라, 혹 공부하시는 방법이 따로 있을까요?? 배워야 할건 많고 영어도 못하여 한계가 느껴져서 어떠한 방식이 있을까 싶어 연락드려봤습니다.. 제가 여러 강의는 몇번 보았는데요..타 강의 선생님이 절대 낮은 수준은 아니신데 개인적으로 한단계 레벨이 더 높은거 같아서 학습방법이라던지, 혹은 제가 따라할 수 있는 방법이 없을까 해서 연락드렸습니다.. 개인적으로는 메일로 소통하고 싶지만 바쁘신거 같아 무례를 범하는거 같지만 이렇게 공개적인 게시판에 남기게 되었습니다. ps.메일 주소 주시면...감사하겠사옵니다..ㅜㅜ올 한해도 대박 나시길 바랍니다. 좋은강의 감사합니다.

• java
• spring-boot
• Spring Security

JdbcTemplate

미해결

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

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예) [질문 내용] build.gradle 파일에 jdbc 라이브러리를 추가하고, Load Gradle Changes도 해보고 File -> Open -> build.gradle을 선택해서 Open as Project도 해보았는데 JdbcTemplate을 import 못하고 있습니다. 어떤 부분에 문제가 있는 건가요?

• MVC
• spring-boot
• spring
• java

runInAction 에 비동기

해결됨

Redux vs MobX (둘 다 배우자!)

mobx react next 로 하고 있는데 runInAction 에서 비동기처리를 하려면 어떻게 해야되나요? Component.tsx const store = useIndexStore(); useEffect(() => { const fetchData = async () => { await store.loadNewMemberData(); console.log(store.newMember) } fetchData(); }, []) 일단 훅스 컴포넌트에서 useEffect에서 store 에 저장된 정보를 불러와야되는데 Promise 기때문에 따로 함수를 만들어줘서 호출을 했고요. useEffect 뜯어보니 함수 리턴타입이 void|Destructor(?) 라 Promise 타입을 못받아서 저렇게 만들었습니다. 1. useEffect 에서 비동기 작업을 할때 저렇게 async 함수 만들어서 호출해야되는건가요? 2. async 함수를 만들었으면 꼭 await 으로 호출안해도 되는건가요? store.ts class IndexStore { root; repository rtrMenu: MenuItem[] = []// constructor(root: RootStore, repository: BaseRepository) { this.root = root this.repository = repository makeAutoObservable(this) } loadRealtimeRequestData = async (): Promise<void> => { runInAction(() => { this.rtrMenu =this.repository.getRealTimeRequestItem() }); } } store에선 loadRealtimeRequestData() 함수에서 네트워크 요청한 결과를 받습니다. await this.repository.... 여기가 await axios.get() 이런 역할을 하게 되는데 then 을 하면 쉽게 해결될문제지만 async awiat 으로 runInAction 안에서 처리할려면 어떻게 해야되나요?

• mobx
• redux
• react
• next
• mobx

dependencies 에 sourceset 으로 분류되지 않아도 괜찮을까요?

미해결

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

안녕하세요, 강의 잘 듣고 있습니다 :) 다름이 아니라, Gradle 설정 후 sourceset 으로 되지 않고 ClassPath 로 뜨더라고요. 왠만한 설정들은 다 똑같은데 버전 차이인지 모양은 조금씩 다른 것 같습니다. 그대로 진행해도 괜찮을까요? 답변 미리 감사드립니다 :)

• spring
• 웹앱
• java
• spring-boot
• JPA

내용 요약해서 개인 블로그에 올려도 될까요?

해결됨

프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2

내용을 정리해놓고 보고싶은데 혹시 1,2 강의 요약해서 블로그로 작성해도 될까요? 강의 내용을 요약했다고 명시하겠습니다.

• react
• devtools

IDENTITY vs SEQUENCE 전략 중 든 의문

미해결

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

안녕하세요, 지금 강의랑 직접적으로 관련된 의문은 아니지만, 지금까지 이 강의를 진행하면 든 의문이 있어서 해소하고 싶어 질문드립니다. DB에 insert을 할 때 사용되는 IDENTITY 전략과 SEQUENCE 전략이 그것인데요. (우선 JPA 강의는 이게 처음이라서 검색을 통해 해소하고 싶었지만 제 검색 실력이 부족해 질문드립니다) 1. 제가 검색을 통해 알아본 결과, GenerationType.IDENTITY는 em.persist() 실행 시점에 DB에 INSERT를 날리고, PK값을 가지고 오고, Sequence는 DB로부터 sequence를 가지고 와서 em.persist()할 때 가지고 온 sequence를 영속성 컨텍스트에 주입한다고 알고 있습니다. 근데 그렇게 할 거면 차리리 그냥 IDENTITY 역시 다음 AUTO_INCREMENT 값이 뭔지만 가져와서 영속성 컨텍스트에 넣고 실제 ISNERT는 flush할 때 넣어주는 방법도 고려해볼 만한 거 같은데 왜 그런 전략은 취하지 않은 건지 의문이 들었습니다. 2. sequence 같은 경우는 allocation_size가 50일 때, 첫 번째 INSERT 쿼리 중 에러가 발생해서 해당 트랜젝션이 종료되면 해당 50개의 sequence는 날라가고 51번째부터 시작하는 건지도 궁금합니다 3. 마찬가지로 IDENTITY 전략에서 em.persist() insert 중 에러가 발생해서 rollback이 되기 전에 다른 insert 요청이 날라와서 insert를 해야하면 처음 에러가 발생했을 때 사용된 PK는 뛰어넘고 auto_increment가 진행되는 건지도 알고 싶습니다.

• java
• spring-boot
• JPA
• spring
• 웹앱

aftereach 적용하지 않아도 테스트가 정상작동됩니다.

해결됨

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

현재 복습중입니다. 12분 34초에 나오는데, 분명 예전에는 @AfterEach 를 넣지 않으면 repository에서 기존 값들이 지워지지 않아 테스트에 오류가 생겼었습니다. 그런데 지금은 @AfterEach에서 clear 해주지 않아도 알아서 다른 테스트들에서 저장한 값들이 저장되지 않는데, 기본 구조가 바뀐 걸까요? 예를 들면 findAll에서 repository에 멤버1, 멤버2를 저장했습니다. 그러면 레포지토리의 사이즈는 2가 되어야 하는데, 다음 테스트 맨 처음에 repository.size를 출력해주면 0이 나옵니다.

• MVC
• spring-boot
• spring
• java

2-12 멘토링 문제 질문입니다.

해결됨

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

안녕하세요 선생님 강의 잘 듣고 있습니다 ^^ 멘토링 문제에서 만약 A학생이 멘토이고, B학생이 멘티가 되는 짝이 되었다면, A학생은 "M번의" 수학테스트에서 " 모두" B학생보다 등수가 앞서야 합니다. 라고 나옵니다. 주어진 테케에서 (문제에 주어진 테케) 4 3 3 4 1 2 4 3 2 1 3 1 4 2 (문제 해설) 출력설명 (3, 1), (3, 2), (4, 2)와 같이 3가지 경우의 (멘토, 멘티) 짝을 만들 수 있다. 라고 나옵니다. 근데 (3번학생,1번학생) , (3번학생,2번학생) , (4번학생,2번학생) 3 1 4 2 에서 3번학생은 1번학생 보다 등수가 높지 않아 "모든 m번의 경우"에서 앞선다라는 문제 조건에 위배 되지 않나요? (3,2) , (4,2)도 마찬가지 입니다. 감사합니다!

• 코테 준비 같이 해요!
• java

Unhandled Runtime Error 질문입니다

미해결

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

아래는 에러 문구입니다. 'REACT_APP_SC_ATTR'로 검색시 확인되지 않습니다 1. package.json을 지우고 npm install을 다시 하는게 최선일까요? 2. 제 폴더 내에서는 검색되지 않는 내용인데, 왜 이런 에러가 나는지도 궁금합니다. Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'REACT_APP_SC_ATTR') Call Stack eval node_modules\styled-components\dist\styled-components.browser.esm.js (1:1130) Module../node_modules/styled-components/dist/styled-components.browser.esm.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (9943:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval webpack-internal:///./components/AppLayout.js (13:75) Module../components/AppLayout.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (1568:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval webpack-internal:///./pages/index.js (4:79) Module../pages/index.js file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/pages/index.js (1623:1) Module.options.factory /_next/static/chunks/webpack.js (633:31) __webpack_require__ file:///D:/2021/NodeBirdSNS/front/.next/static/chunks/webpack.js (37:33) fn /_next/static/chunks/webpack.js (302:21) eval node_modules\next\dist\build\webpack\loaders\next-client-pages-loader.js?page=%2F&absolutePagePath=D%3A%5C2021%5CNodeBirdSNS%5Cfront%5Cpages%5Cindex.js! (5:15) eval node_modules\next\dist\client\route-loader.js (236:50)

• runtimeerror
• react
• nodejs
• redux
• react
• express
• Next.js

p 값을 Integer.MAX_VALUE 할 경우

미해결

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

안녕하세요. int p = Integer.MAX_VALUE; 라고 두고 코드를 짰는데 결과값이 -2147483648 0 1 2 1 0 1 2 2 1 0 이렇게 나옵니다. 게다가 정수 최대값으로 설정했는데 결과는 음수값으로 나오네요. 왜 그러는 걸까요?

• java
• 코테 준비 같이 해요!

jpql 페치조인

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

안녕하세요 영한님 감사합니다 첫번째 : new 명령어를 사용해서 JPQL의 결과를 DTO로 즉시 반환하면 SELECT 절에서 원하는 데이터를 직접 선택하므로 네트워크 용량을 최적화 할수 있다고 해주셨는데 뒤로 돌아가서 JPQL 페치조인도 마찬가지로 원하는 데이터를 직접 선택해 보고싶어서 이런식으로는 못하나요 ? 테스틀 해봤는데 에러가 나서 질문드립니다. ======================================== 두번쨰 : 18:40 설명은 xToOne 관계에선 페치조인이 필요 없다고 이해 하면 되는거죠 ???

• java
• JPA
• spring
• spring-boot

Java HotSpot(TM) 64-Bit Server VM warning

미해결

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

스프링부트 gradle 2.6.2 버전인데 설치하고 나서 기본 세팅된 프로그램 돌려봤는데 다음과 같은 워닝이 떠요 Java HotSpot(TM) 64-Bit Server VM warning: Options -Xverify:none and -noverify were deprecated in JDK 13 and will likely be removed in a future release. 어떻게 해결할 수 있을까요?

• MVC
• spring
• spring-boot
• java

react 저장 시 iframe 강제 재생성 문제

미해결

create react app을 통해 프로젝트를 진행 중입니다. 원래 컴퓨터에서는 프로젝트가 정상적으로 작동 되었는데, 다른 컴퓨터에서 git clone을 받아 npm install 후 npm start 진행하니, 1. Cannot read property 'tap' of undefined 상기와 같은 에러가 발생하여 검색해보았더니, webpack version문제라고 나와 5버전에서 4버전으로 내려주었습니다. 2. <iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;"></iframe> 그 후 리액트를 실행하고, 저장할 때마다 iframe이 자동으로 주입되어 홈페이지의 click을 막습니다. 혹시 이와같은 문제를 겪으시는 분들 중에 해결하신 분이 계실지요...? 원래는 다른 컴퓨터에만 문제 발생하였는데, 이제 작업하던 원래 컴퓨터에까지 발생하기 시작했습니다. 저는 임시 방편으로나마 css에서 ifame display none 시키고 작업중인데, 무슨 이유로 생기는 오류인지 모르겠습니다.

• react
• iframe
• z-index:2147483649

visual studio에서 프로젝트 실행시 오류가 발생합니다

미해결

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

안녕하세요 리액트를 익히고자 수업을 듣고있는 수강생입니다. 강의를 잘 따라가는 와중 환경세팅부분에서 막혔습니다. - 증상: Visual Studio2022에서 프로젝트 실행 시 첨부파일과 같은 오류가 발생하며 오류 발생 - 추가 사항 (1) visual studio가 아닌 VS Code, nodejs에서 실행하면 정상 동작되는거 확인하였습니다 (2) cmd, powershell에서 npm명령 잘 작동하고 있습니다. - 캡처화면

• react
• react
• visualstudio
• asp.net
• npm_start

강의소개에서

해결됨

Slack 클론 코딩[실시간 채팅 with React]

강의소개보면 swr(리덕스대체) 라고 나와있는데 swr도 리덕스처럼 상태관리를 하는건가요?

• react
• redux
• typescript
• 웹팩
• swr
• react
• Socket.io
• babel
• 클론코딩

프로젝트 구성에 대해서 질문을 드려봅니다.

미해결

리액트로 구현하는 블록체인 이더리움 ERC721(NFT)

안녕하세요. 회사에서 NFT를 발행해주는 프로젝트를 진행하려는데요. 올려주신 강의를 보고 하나씩 처리를 해가고 있는데, 프로젝트 구성의 감을 잡지 못해서 문의를 좀 드리려고 합니다. 이 곳에 질문을 남겨도 될지는 모르겠지만, 너무 답답해서 문의를 드립니다. nodejs 를 사용해 backend(API 서버)를 만들고 raect(3000번 포트) 에서 proxy 를 설정해 nodejs(3001번 포트) 의 데이터를 받아오도록 frontend를 만드는 프로젝트를 진행하고 있습니다. 이 프로젝트는 NFT를 발행해주는 사이트를 만드는 것이 목표인데요. 만약 올려주신 drizzle-dapp으로 backend(API 서버)와 연결하는 back을 만들려면 package.json의 main을 truffle-config.js로 해도 괜찮을까요? 그게 아니라면 프록시서버를 따로 두지 않고 react-node 가 proxy로 설정되어 있는 상태로 NFT 거래가 가능하게 만들려면 truffle 을 어떻게 사용해야 할지 조언 해주실 수 있을까요...? 강의 내용과 맞지 않는 내용 올려서 죄송합니다.

• react
• Ethereum
• node
• react
• truffle

concat() stringValue 나이를 완전히 가져오지 못합니다.ㅠㅠ

미해결

실전! Querydsl

안녕하세요 질문이 있습니다 concat을 사용해서 stringValue를 활용할 때 나이를 다 가져오지 못하고 맨 앞에 있는 숫자만 가져오는데 왜 그럴까요ㅠㅠㅠㅠ

• java
• JPA

상속 매핑에 대한 질문

미해결

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

안녕하세요 영한님 서포터즈님들 상속 매핑에 대해 예제를 작성하는 중에 궁금한 점이 생겨 질문드립니다. 제가 게시판을 생성해서 게임 게시판. 일정 게시판 등 종류 별로 만들 때, 어떤 전략을 사용하는게 효율적인가 생각해보았습니다. 현재 자식 게시판들은 모두 같은 필드를 가지고 있습니다. 즉, 부모 게시판에 있는 필드만을 사용합니다. 1. SINGLE TABLE 전략 해당 전략을 사용하게 된다면 부모 테이블에 자식 테이블의 필드들이 한 테이블에 있게 됩니다. 특정 게시판을 조회하기 위해서는 모든 게시판 객체를 가져올텐데, 시스템의 규모가 크지 않고, join할 필요가 없기 때문에 현재는 해당 방법이 효율적이라 생각합니다. 2. JOIN TABLE 전략 추후에 게시판들이 늘어나게 되고, 다른 게시판 종류의 추가로 필드를 추가할 필요가 있다고 가정해봤습니다.(확장성 고려) 그렇다면 1번 전략을 사용할 때, 특정 게시판을 조회하기 위해서는 모든 게시판을 다 탐색해야하는데, 조인 전략을 사용하게 되면 특정 게시판을 조회할 때 그 특정 게시판 테이블만 조회하면 된다고 생각합니다. 따라서 게시판들이 늘어나게 되면 해당 방법이 효율적이라 생각합니다. 결론 그래서 제가 예제를 만들 때 사용한 전략에 대해 저 자신을 위와 같은 이유로 납득시켰는데 이게 맞는지 궁금합니다 그렇다면 결국 대부분의 실무에서는 JOIN 전략을 사용할 수 밖에 없나요?

• JPA
• java

OrderItems까지 같이 조회되는 이유가 궁금합니다!

미해결

실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화

안녕하세요 항상 좋은 답변 남겨주셔서 감사합니다 OrderItems까지 같이 조회되는 이유가 궁금해서 글을 적게 되었습니다. @GetMapping ( "/api/v1/simple-orders" ) public List<Order> ordersV1 () { List<Order> orders = orderService .findOrders( new OrderSearch()) ; orders.forEach(order -> { order.getMember().getName() ; order.getDelivery().getStatus() ; }) ; return orders ; } V1 컨트롤러는 다음과 같습니다. @Entity @Getter @Setter @NoArgsConstructor @AllArgsConstructor @Table (name = "orders" ) public class Order { @Id @GeneratedValue @Column (name = "order_id" ) private Long id ; @ManyToOne (fetch = FetchType. LAZY ) @JoinColumn (name = "member_id" ) private Member member ; @OneToMany (mappedBy = "order" , fetch = FetchType. LAZY , cascade = CascadeType. ALL ) // order 가 만들어지면 orderItem 이 만들어지기 때문에 영속성 전이한다 . private List<OrderItem> orderItems = new ArrayList<>() ; @OneToOne (fetch = FetchType. LAZY , cascade = CascadeType. ALL ) private Delivery delivery ; private LocalDateTime orderDate ; @Enumerated (EnumType. STRING ) private OrderStatus status ; ORDER는 다음과 같습니다. @Entity @Getter @Setter public class OrderItem { @Id @GeneratedValue @Column (name = "orderitem_id" ) private Long id ; @ManyToOne (fetch = FetchType. LAZY ) @JoinColumn (name = "item_id" ) private Item item ; @JsonIgnore @ManyToOne (fetch = FetchType. LAZY ) @JoinColumn (name = "order_id" ) private Order order ; private int orderPrice ; private int count ; ORDER_ITEM은 다음과 같습니다. 여기서 V1 컨트롤러를 통해서 쿼리를 날리면, 뒤늦게 Lazy Loading을 통해서 Order_Item들이 프록시 초기화가 되는 것처럼 나갑니다. 그런데 실제로는 프록시가 초기화도 되어있지 않습니다. 정리하면 이렇습니다 1. Order_Items는 Lazy Loading 설정이 되어있고, 프록시 객체를 강제 초기화 하는 과정도 없습니다. 그런데 왜 select 쿼리가 나가게 되는 것인지 알려주실 수 있으실까요? 2. orderItem에 대한 select 쿼리가 나갔음에도 불구하고 실제 응답에 있는 값은 null입니다. 이 경우는 어떻게 이해를 해야할까요? 항상 좋은 답변 주셔서 감사합니다!

• java
• JPA
• spring
• spring-boot