section11 내에 npx create-react-app .  터미널에 명령어 치면 오류가 납니다...ㅠ 무슨 문제일까요? pm ERR! A complete log of this run can be found in:npm ERR! /Users/hwji/.npm/_logs/2023-05-29T10_29_18_773Z-debug-0.loghwji@ji-MacBook-Air section11 % npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-templa hwji@ji-MacBook-Air section11 % npm i npm ERR! code ENOENTnpm ERR! syscall opennpm ERR! path /Users/hwji/Downloads/onebite-typescript/section11/package.jsonnpm ERR! errno -2npm ERR! enoent ENOENT: no such file or directory, open '/Users/hwji/Downloads/onebite-typescript/section11/package.json'npm ERR! enoent This is related to npm not being able to find a file.npm ERR! enoent npm ERR! A complete log of this run can be found in:npm ERR! /Users/hwji/.npm/_logs/2023-05-29T10_29_43_763Z-debug-0.loghwji@ji-MacBook-Air section11 % npx create-react-app .The directory . contains files that could conflict: package-lock.jsonEither try using a new directory name, or remove the files listed above.hwji@ji-MacBook-Air section11 % rm package-lock.jsonhwji@ji-MacBook-Air section11 % npx create-react-app .Creating a new React app in /Users/hwji/Downloads/onebite-typescript/section11.Installing packages. This might take a couple of minutes.Installing react, react-dom, and react-scripts with cra-template...npm ERR! code EACCESnpm ERR! syscall linknpm ERR! path /Users/hwji/.npm/_cacache/tmp/ad0df713npm ERR! dest /Users/hwji/.npm/_cacache/content-v2/sha512/22/eb/ce31d78e398d97e2144d013ea4c1b78fb4adb5054cab00480b2af88bf292fa00411551572ab5174dfc725704b1886edf53dc44e65d19c579d45199035363npm ERR! errno -13npm ERR! npm ERR! Your cache folder contains root-owned files, due to a bug innpm ERR! previous versions of npm which has since been addressed.npm ERR! npm ERR! To permanently fix this problem, please run:npm ERR! sudo chown -R 501:20 "/Users/hwji/.npm"npm ERR! A complete log of this run can be found in:npm ERR! /Users/hwji/.npm/_logs/2023-05-29T10_30_33_772Z-debug-0.logAborting installation. npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.Deleting generated file... package.jsonDone.hwji@ji-MacBook-Air section11 %

안녕하세요. 강의는 잘 들었습니다.강의와 관련이 없지만 해답을 찾지 못해 이렇게 남깁니다.. 다름이 아니라 제가 jwt token을 사용하여 프로젝트를 구현을 했습니다. 제가 알고 있는 것은 jwt token을 사용하게 되면 csrf token이 필요없기 때문에 발급하면 안되는 것으로 알고 있습니다. 그래서 X-CSRFToken을 발급하지 못하게 하고 싶은데 검색해도 찾지 못했습니다. 일단 제가 해본 것으로는 settings.py -> 'django.middleware.csrf.CsrfViewMiddleware' 을 주석처리.dj-rest-auth -> REST_AUTH 설정.이 있습니다. 토큰에 대해 잘못알고 있거나 어딜 수정하면 될지 피드백을 주시면 감사하겠습니다.

안녕하세요 나도코딩님선생님의 강의를 들으면서 모르는것들을 하나하나 곁가지 치듯이 검색하면서 알아보던 도중에CHAT GPT에 인터페이스 관련으로 질문하면서 공부하다가 아래의 코드를 보게되었습니다.// 인터페이스 정의public interface Drawable {void draw(); // 추상 메서드 선언}// 인터페이스 구현public class Circle implements Drawable {@Overridepublic void draw() {System.out.println("원을 그립니다.");}}public class Rectangle implements Drawable {@Overridepublic void draw() {System.out.println("사각형을 그립니다.");}}// 사용 예시public class Main {public static void main(String[] args) {Drawable circle = new Circle();circle.draw(); // "원을 그립니다."Drawable rectangle = new Rectangle();rectangle.draw(); // "사각형을 그립니다."}}여기서 제가 이해가 되지 않는 부분이Drawable circle = new Circle();위의 부분인데요객체를 생성할때에는A a = new A();이처럼 작성하는걸로 알고있는데왜 저기에서는 B a = new A();이런식으로 되어있는지 궁금합니다.구글에 검색을 많이 해봤는데 이해가 안되더라구요ㅠㅠ답변 부탁드립니다!!

안녕하세요 send 시 success false 가 뜨는데 이유가 뭘까요?

em.persist(member1); em.persist(order1); em.persist(order2); em.flush(); em.clear(); <-- order1 내용 변경 --> em.persist(order1); tx.commit()flush와 clear까지 하면 db에 반영은 되어있고 order1의 내용을 조금 바꾼뒤 persist하면 1차 캐시에 올라가있을텐데, commit을 하면 실제 db에 아무것도 뜨지 않습니다.em.clear 주석 하고, 내용 변경 후 em.persist의 유무와 상관없이 db에 잘 반영이 됩니다.clear와 persist 사이의 무슨 관계가 있는 것 같은데, db에 아무것도 뜨지 않는 이유가 뭔가요? 

안녕하세요~선생님,마지막 수업 "3.텐서플로를 이용한 신경망 분석 - 스마트카 이상징후 판별 4" 에서 다음과 같은 크롬에서 API호출 에러가 발생합니다.Anaconda prompt에는 정상적으로 실행이 되는데 API호출 변수에 이상이 있는 것 같습니다.API호출 함수를 아래와 같이 두 가지로 해보았으나 같은 에러가 발생합니다.(1)127.0.0.1:9001/smartcar/predict?wea=2&temp=0&hum=1&arrOthCar=2&time=0&acciArea=1&drvCond=1&innCond=2&carSpd=2&steeAng=0(2)127.0.0.1:9001/smartcar/predict?wea=2&temp=0&hum=1&arrCar=2&timeSlot=0&acciArea=1&drvCond=1&innCond=2&carSpd=2&steeAng=0감사합니다~

안녕하세요, 양방향 연관관계 편의 메서드를 하는 이유는 순수한 객체 상태에서 봤을 때 양쪽에 값이 있어야 하기 때문인걸로 이해를 했습니다.order와 member가 다대일인 관계라 했을 때,보통 멤버를 db에서 find해서 쓸텐데, 이러면 member에서의 orderList를 가지고 오려면 연관관계 편의 메서드 와는 상관없이 db에서 join을 해서 가지고 오더라구요,,보통 프로젝트나 현업에서 순수한 객체 상태에서 쓸 일이 있나요?아니면 연관관계 편의 메서드를 썼을 때 다른 이점이 있나요?

7분28초 부분에서 똑같이 실행했는데 저는 왜 안되는걸까요? 어디부분이 잘못되었을까요? ㅠㅠ

안녕하세요 선생님. 수업 중 궁금한 부분이 생겨서 질문드립니다.맥 os에서 웹서버 구축하기 라는 강의를 보고 웹서버 구축을 하다 실패해서, 어쩔 수 없이 모든 코드를 수정할때마다 깃허브에 upload 후 결과를 봐왔습니다.여기서 궁금한게, 웹서버를 구축하는 것의 장점이 뭐가 있나요?제가 느낀바로는 굳이 웹호스팅처럼 업로드할 필요 없이 거의 실시간으로 제 코드의 수정사항을 볼 수 있다.라는 것과 다른 웹호스팅 서비스를 거치지 않고 다른 사용자들이 나의 웹페이지에 접근할 수 있다. 같은데, 웹서버를 구축하는 게 너무 어렵고 해서 앞으로 웹호스팅만으로 진행해도 될까 싶어 질문드립니다. 제가 생각못한 큰 장점이 있나요?

 안녕하세요 강사님 이제 막 강의 수강을 시작했는데요,수업 자료를 받아보니이렇게 이름이 다 깨져있습니다. 그런데 파일은 잘 열리는데요, 문제는 매크로 실행이 안됩니다.인터넷에 오류를 찾아보고 따라서 보안센터 설정도 했는데도 매크로 실행이 안된다고 나옵니다. 

안녕하세요! 궁금한점이 생겨서 문의 드립니다.. 얼마전까지만 해도 오류가 나오지 않던게.. 갑자기 오류가 나와서 아무리 찾아도 해결이 안되서 질문 드립니다.오류가 CORS가 나오는데.. 똑같이 작성한거에서 오류가 안나던데 나오니까 당황스럽네요..!코드 입니다.-python-from flask import Flask, request, render_template import openai openai.api_key = "" (키값은 질문사항 때문에 비웠습니다.) app = Flask(__name__) @app.route("/translater", methods=["post"]) def translater(): data = request.json language = data["language"] text = data["text"] prompt = f"{text}\n\nTranslate this sentence into {language}" response = openai.ChatCompletion.create( model="gpt-3.5-turbo", messages=[ { "role": "system", "content": "you are a translater" }, { "role": "user", "content": prompt } ], max_tokens=500, ) return response["choices"][0]["message"]["content"] @app.route("/web") def web(): return render_template("index.html") @app.route("/") def index(): return "Hello World" app.run(host="0.0.0.0", port=8080)-HTML-<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>번역기</title> </head> <body> 번역하는 사이트다! <br /> <textarea id="text" style="width: 500px; height: 200px;"></textarea> <br /> 어느 언어로 번역하겠습니까? <br /> <input id="language" type="text"/> <br /> 번역 하기 <br /> <button id="button">번역하기</button> <br /> 결과물 보기 <br /> <textarea id="result" style="width: 500px; height: 200px;"></textarea> <script> let textareaTag = document.getElementById("text"); let languageTag = document.getElementById("language"); let buttonTag = document.getElementById("button"); let resultTag = document.getElementById("result"); buttonTag.addEventListener("click", async function () { let text = textareaTag.value; let language = languageTag.value; await fetch("http://127.0.0.1/translater", { "method": "post", "headers": { "Content-Type": "application/json" }, body: JSON.stringify({ text, language}) }) .then((response) => response.text()) .then((data) => { resultTag.value = data; }); }); </script> </body> </html>

도메인//Order 도메인 @Entity @Table(name = "orders") @Getter @Setter @NoArgsConstructor public class Order { @Enumerated(EnumType.STRING) private OrderStatus status; @OneToMany(mappedBy = "order",cascade = CascadeType.ALL) private List<OrderItem> orderItems = new ArrayList<>(); /* 주문 취소 */ public void cancel(){ this.setStatus(OrderStatus.CANCEL); /** 재고 원복 */ for (OrderItem orderItem : orderItems) { orderItem.cancel(); } } }//OrderItem public class OrderItem { @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "item_id") private Item item; @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "order_id") private Order order; public void cancel() { getItem().addStock(count); // 재고수량을 늘려준다. } }//Item public class Item { private int stockQuantity; public void addStock(int quantity) { this.stockQuantity += quantity; } }불필요한 코드는 제거 했습니다. 테스트 코드@DisplayName("주문을 생성하고, 주문 취소시 주문 취소로 상태를 변경하고, 감소된 상품 재고를 수량을 추가한다.") @Test void cancelOrder(){ //given OrderItem orderItemMock1 = Mockito.mock(OrderItem.class); OrderItem orderItemMock2 = Mockito.mock(OrderItem.class); BDDMockito.doNothing().when(orderItemMock1).cancel(); BDDMockito.doNothing().when(orderItemMock2).cancel(); //OrderItem 가변인자는 내부에서 List로 보관 Order order = Order.createOrder(orderItemMock1,orderItemMock2); //when order.cancel(); //then assertThat(order.getStatus()).isEqualByComparingTo(OrderStatus.CANCEL); Mockito.verify(orderItemMock1,Mockito.times(1)).cancel(); Mockito.verify(orderItemMock2,Mockito.times(1)).cancel(); }Order 도메인의 cancel()을 테스트 코드를 작성해야한다고 할때cancel 호출로 변경된 상태(enum)와내부 List<OrderItem> 필드에 하나씩 취소 요청을 할때Mock으로 OrderItem 도메인을 만들고 호출을 했는지만 검사를 했습니다. Mock 객체를 만드니까 간단한 단위테스트 인데도 속도가 많이 느려지더라구요이런 경우에Order.cancle 로직에 대한 테스트이기 때문에 나머지는 Mock으로 처리관련된 OrderItem.cancle(),Item.addStock()은 별도 단위테스트로 검증했기때문에추가 검증이 필요없다.Order.cancle 로직에 대한 테스트이지만,OrderItem.cancle(),Item.addStock() 테스트 검증이 끝났다고 해도비즈니스 계층 통합테스트 느낌으로 given에서 데이터를 준비하고연관된 데이터를 전부 검증한다. 1번으로 할경우 테스트 목적은 한눈에 들어오지만2번으로 할경우 이 로직이 어디까지 관련이 되어있는지 테스트 코드로 알수 있을거같아서강사님이 말씀하신 테스트를 문서처럼 사용할 수 있는거같습니다. 고민을 해보니 Order.cancel()은 서비스 계층에서 호출을 할텐데1번으로 테스트를 하고, 서비스 계층에서 통합 테스트를 하는게 맞을까요?더 나은 방법이 있을까요? 

강사님 안녕하세요~ 항상 수업 잘 듣고 있습니다!공부를 하다보니 궁금한 점이 생겨서 이렇게 질문을 남기게 되었습니다.mvvm 패턴을 통해 개발을 할 때에는 repository를 사용하게 되는데, domain layer에서 repository 추상클래스를 만들고 data layer에서 구현하여 사용하는 이유가 뭔지 궁금합니다 ㅠㅠ

현재 스프링 빈 싱글톤 방식 파트 강의를 수강 중입니다.강의 중 싱글톤 방식의 문제점에 대해 아래와 같이 이해하였습니다. public class StatefulService { // private int price; // 상태를 유지하는 필드 public int order(String name, int price){ System.out.println("name = " + name + " price" + price); //this.price = price; //여기가 문제! return price; } // public int getPrice() { //// return price; // } } @Test void statiefulServicesingleton() { ApplicationContext ac = new AnnotationConfigApplicationContext(testConfig.class); StatefulService statefulService1 = ac.getBean(StatefulService.class); StatefulService statefulService2 = ac.getBean(StatefulService.class); //ThreadA : A사용자가 10000원 주문 //statefulService1.order("userA", 10000); int userAPrice =statefulService1.order("userA", 10000); //ThreadB : B사용자가 20000원 주문 //statefulService2.order("userB", 20000); int userBPrice =statefulService2.order("userA", 10000); //ThreadA : 사용자A가 주문 금액 조회 // int price = statefulService1.getPrice(); // 10000원 조회해야 하는데?? System.out.println("price = " + userAPrice); // Assertions.assertThat(statefulService1.getPrice()).isEqualTo(20000); Assertions.assertThat(userAPrice).isEqualTo(10000); }스프링 빈에 등록된 인스턴스(StatefulService)에 공유필드(price)가 있는 경우,추가로 참조하는 인스턴스(statefulService2)로 인해 값이 변경될 수 있고 큰 버그를 초래할 수 있다. 위와 같은 개념을 익히다보니 자연스럽게 DTO의 공유필드가 떠올랐습니다.처음에는 DTO는 일반적으로 필드를 사용하니 문제 되지 않나? 했는데 스프링 빈에 등록된 경우에만 문제가 된다고 이해하였습니다. (제가 잘못 이해했는지도 궁금합니다 ㅎㅎ)그렇다면 혹시 DTO를 스프링 빈에 등록하는 경우가 만에 하나라도 있을까요?DTO를 스프링 빈에 등록한다면 동일한 문제가 생길 것 같아서요. 

안녕하세요 재고관리시스템 강의를 복습하며 내용을 정리하는 중 의문이 생겨 질문을 드립니다.  가장 처음에 application code 레벨에서만 동시성을 해결하기 위해 syncrhonized 를 사용할 경우 해당 메서드에는 @Transactional 을 붙여서는 안된다고 설명해 주셨습니다. 실제로 이를 붙일 경우, 동시에 decrease 메서드가 호출되고 해당 로직 내부로 들어가는 것이 가능함을 확인하였습니다.  그런데 여기서 제가 의문이 들었던 것이 있습니다. @Transacitonal 을 사용할 경우 Spring AOP 에 의해 매 번 다른 proxy 인스턴스를 통해 target object 로의 호출을 하게 됩니다. proxy 객체에 대한 lock 은 서로 다른 프록시들 사이에 공유되지 않는다고 하더라도, 내부적으로 호출되는 target 객체에 대한 decrease 메서드는 결국 동일한 객체에 대한 호출을 하기 때문에, 공유되는 lock 에 대한 경쟁이 일어나는 것이 아닌가 생각이 들었습니다. 최종적으로는 target 객체에 대한 synchronized 메서드를 호출하는 것이라면, 단 하나의 스레드만 임계 영역에 들어갈 수 있어야 할 것 같은데, 그렇지 않음을 확인하였습니다.   왜 이런 일이 일어나는 것인지 이해가 잘 되지 않습니다 ㅠㅠ 이와 관련해서 어떤 키워드로 공부해보면 좋을지 추천 가능할까요..?

선생님 안녕하세요? 우선 좋은 강의 감사드립니다 ㅎㅎ 6.24 시험을 위해 막 듣기 시작했습니다 ㅎㅎ오늘 강의 중 concat 개념이 나왔는데,df = pd.concat([x_train, y_train[‘income’], axis = 1) 로 합치는 것 예시가 있었습니다. 여기서 궁금한 게 id 기준으로 합쳐야 할텐데, x_train의 id 컬럼과 y_train의 id 컬럼이 같은 것끼리 연결하라는 말이 없어서, 그냥 자동으로 id에 따라 연결해주는건지 궁금합니다.

해당 부분 22번째 줄에서 onClick에서 navigate함수를 호출할 때 arrow function이 아니라 그냥 navigate("/home") 함수를 호출하였더니 QS 바꾸기 버튼을 눌렀을 때 페이지가 그냥 뒤로 갔습니다. 왜 그런 것인가요?

밑에가 실행화면으로 뜨는데 정상적으로 작동되는게 맞나요..? 로그나 이런것도 하나도 안떠서요 ㅠㅠ:: Spring Boot :: (v3.0.5)2023-05-29T16:56:15.643+09:00 INFO 7152 --- [ main] hello.core1.Core1Application : Starting Core1Application using Java 17.0.7 with PID 7152 (/Users/user/Desktop/core1/build/classes/java/main started by user in /Users/user/Desktop/core1)2023-05-29T16:56:15.646+09:00 INFO 7152 --- [ main] hello.core1.Core1Application : No active profile set, falling back to 1 default profile: "default"2023-05-29T16:56:16.205+09:00 INFO 7152 --- [ main] hello.core1.Core1Application : Started Core1Application in 0.908 seconds (process running for 6.616)Process finished with exit code 0 

http://practice.codebootcamp.co.kr/graphql <-- 해당 사이트 접속이 불가하고위 사이트의 mutation 코드도 어제까지는 됐는데 오늘은 실행이 안되네요

16번째 줄에서 setSearchParams를 중괄호로 감싸지 않는 이유가 혹시 실행하려는 statement가 하나라서 그런 건가요?