악깡버👩🏻‍🌾

Web 검색 결과

해당 글 33건

[React] Error: Already included file name

Book.jsx에서 에러가 발생. 에러 : Already included file name 원인 : 처음 생성할 때 book.jsx로 생성했다가 b를 B로, 대문자로 수정하여 발생하는 오류 => 파일이름에서 소문자를 대문자로 바꿔서 마주한 오류 해결 : vscode를 껐다가 키면 된다.

Web/React 2023. 11. 5. 11:56

[React] 4. JSX

JSX의 장점 가독성이 올라간다. Injection Attacks를 방어함. Book.jsx Library.jsx index.js 실행 : npm start 💡 npm start와 npm run 의 차이? npm start : package.json의 scripts에 있는 start 명령어를 실행. npm run : 그 외의 scripts를 실행하는 명령어. ex) npm run build; npm run test;

Web/React 2023. 11. 5. 11:55

[React] 3. 리액트 시작하기

index.html 악깡버 블로그 styles.css h1 { color: green; } create-react-app npm create-react-app sunakang //Akkangbu 같이 대문자가 있으면 생성안됨. cd sunakang npm run Node.js 14.0.0이상 npm 6.14.0 이상

Web/React 2023. 11. 4. 23:36

[React] 2. 리액트 소개

리액트의 정의와 개념 React : A JavaScript library for building user interfaces 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리 라이브러리? 자주 사용되는 기능들을 정리해 모아놓은 것. (”기능모음집”) 프레임워크 vs 라이브러리 프레임워크 : Angular.js, Vue.js ⇒ 흐름의 제어 권한이 프레임워크에 있다. 라이브러리 : React ⇒ 흐름의 제어 권한이 개발자에게 있다. 리액트의 장점 빠른 업데이트와 렌더링 속도 Virtual DOM 가상의 돔 DOM : 웹페이지를 정의하는 하나의 객체. 하나의 웹사이트 정보를 모두 담고 있는 큰 그릇 업데이트해야하는 최소한의 부분만을 Virtual DOM이 찾아 업데이트함. 2. 컴포넌트 기반 ⇒ 재사용..

Web/React 2023. 11. 4. 22:49

[React] 1. 개발환경 설정하기

Node.js : JavaScript runtime npm : node package manager - Node.js를 위한 패키지 매니저 프로젝트에서 필요로 하는 다양한 외부 패키지들의 버전, 의존성 관리. 편하게 삭제할 수 있게 도와줌. Node.js 설치 시 자동으로 함께 설치됨. 설치 방법 [Node.js] https://nodejs.org/en/ 에서 LTS버전 설치. 버전 확인 [npm] 버전 확인

Web/React 2023. 11. 4. 22:29

[비동기][Spring] @Async 어노테이션 커스텀2 - RejectedExecutorException 방어로직

이전에는 아래와 같이 서비스 단에서 비동기 메소드를 호출할 때 try/catch 문을 사용하여 RejectedExecutorException에 대한 방어로직을 추가하였다. 이러한 사실을 알게되고 회사에 공유하였는데 신기한 사실을 알게되었다. try/catch문으로 방어로직을 추가해주지 않아도 AsyncConfig에서 RejectedExecutorException에 대한 대응 처리를 설정할 수 있다는 것이다. 바로 이렇게 말이다 .. setRejectedExecutionHandler : RejectedExecution 예외가 발생했을 때 어떻게 처리할지에 대한 옵션이다. new ThreadPoolExecutor에서 호출하는 메소드는 4가지가 있다. - AbortPolicy : 디폴트값. RejectedEx..

Web/비동기 2023. 9. 20. 21:42

[비동기][Spring] @Async 어노테이션 커스텀2 - RejectedExecutorException 핸들링

이전에는 아래와 같이 서비스 단에서 비동기 메소드를 호출할 때 try/catch 문을 사용하여 RejectedExecutorException에 대한 방어로직을 추가하였다. 이러한 사실을 알게되고 회사에 공유하였는데 신기한 사실을 알게되었다. try/catch문으로 방어로직을 추가해주지 않아도 AsyncConfig에서 RejectedExecutorException에 대한 대응 처리를 설정할 수 있다는 것이다. 바로 이렇게 말이다 .. setRejectedExecutionHandler : RejectedExecution 예외가 발생했을 때 어떻게 처리할지에 대한 옵션이다. new ThreadPoolExecutor에서 호출하는 메소드는 4가지가 있다. - AbortPolicy : 디폴트값. RejectedEx..

Web/비동기 2023. 9. 18. 21:56

[비동기][Spring] @Async 어노테이션 커스텀

우리가 Spring에서 @Async와 @EnableAsync 어노테이션을 통해 간단하게 메소드가 비동기로 동작하도록 설정할 수 있다. 하지만 비동기에 관한 설정을 커스텀하기가 어렵다. 기본적으로 @Async어노테이션은 SimpleAsyncUncaughtExceptionHandler를 상속받고 있기 때문이다. 🔽 SimpleAsyncUncaughtExceptionHandler를 사용하는 자세한 코드 더보기 AsyncConfig 때문에 AsyncConfigurerSupport를 상속받는 클래스를 생성하여 커스텀해보자. 주의! AsyncCongifurer를 상속받아야 할 까, AsyncConfigurerSupport를 상속받아야 할까? -> 둘 다 가능. 하지만 AsyncConfigurerSupport(클래스..

Web/비동기 2023. 9. 17. 15:49

[비동기][Spring Event] 스프링 이벤트와 비동기

최근 프로젝트에서 Spring Event와 비동기를 사용하였다. 비동기를 공부하는 김에 복습삼아 스프링 이벤트도 같이 적용해보았다. 스프링 이벤트란? Spring Event란 스프링 프레임워크를 사용할 때 내부에서 데이터를 전달하는 방법 중 하나이다. 스프링 내부에서 이벤트를 발생시키고(publish) 이벤트를 수신하는(listen) 로직을 분리해서 작성할 수 있다. 스프링 이벤트를 사용하는 이유 - 스프링이벤트를 사용하게 되면 의존성이 낮아진다. - 핵심로직과 이외의 관련코드에 대한 관심사를 분리할 수 있다. 예를 들어 사용자의 상품 주문을 처리하는 api가 있다. 해당 api의 서비스 단에는 1. 주문한 상품 DB에 저장 2. 푸쉬 메시지, 메일 전송 과 같은 비즈니스 로직이 있다고 가정하자. 여기서..

Web/비동기 2023. 9. 17. 15:39

[비동기] jakarta.persistence.TransactionRequiredException: No EntityManager with actual transaction available for current thread - cannot reliably process 'persist' call

문제 상황 비동기 공부를 위한 프로젝트에서 JPA를 사용면서 비즈니스 로직을 다 짜고 테스트를 해보려는데 위와 같은 에러가 났다. TransactionRequiredException.. 트랜잭션이 필수라는 내용의 익셉션인 듯 하다. 현재 쓰레드에서 사용할 수 있는 트랜잭션이 있는 엔티티매니저 객체가 없다 - persist를 호출할 수 없다 이런말일까 알고보니 내가 하는 작업에 트랜잭션 선언을 해야만 했다. JPA는 Transaction을 기반으로 작동하도록 되어있다. Transaction의 단위에 따라 1차 캐시영역에 있는 객체들이 DB에 flush되어 영속화되기 때문이다. 하지만 그러한 영속작업을 하는 persist() 메소드에 객체가 들어갔으나, 가능한 Transaction이 존재하지 않았기 때문에 ..

Web/비동기 2023. 9. 17. 14:27