내 세상

MySQL 에러 Error: ER_TRUNCATED_WRONG_VALUE: Truncated incorrect DOUBLE value 해당 에러는 update set을 할 때, 콤마(,)로 묶어줘야 하는 부분을 and로 묶어 발생하였음. **BEFORE** update sample_table set ip= '1.1.1.2' and protocol = 'ssh' where name = 'sga8' **AFTER** update sample_table set ip= '1.1.1.2' , protocol = 'ssh' where name = 'sga8'

React Dialog에서 Pop-up(sweetalert2 사용)을 띄웠을 때, focus를 잡지 못해 text/textarea 입력이 불가능함. Dialog에서 sweetalert2/swal에 대한 focus를 위해서는 Dialog의 Option을 제어해야함. disableEnfoceFocus={true} 로 설정해줌으로써 해결 가능. sweetalert2 뿐 아니라 그 외의 toast/popup/alert 관련 모듈에서 공동적으로 발생할 수 있는 문제로 보임. 구글링했을 때 특정한 결과는 나오지 않지만, bootstrap에서 유사한 문제가 발생하는 것으로 유추됨. 해당 옵션을 알지 못하고 Swal/Sweetalert2에서 option을 통해서 해결하려고 했으나 해결 안됨. Swal.getContai..

Error: ER_CON_COUNT_ERROR: Too many connections (참고: https://okky.kr/article/527331) 해당 링크에 의하면 3가지의 방법을 사용하여 문제를 해결할 수 있다고 함. 1. max connection세팅 보다 많은 request가 발생하는경우 - 해결책 : max connection을 늘려서 해결 - Linux 환경에서는 구글링하면 쉽게 방법을 찾을 수 있음. - Windows 환경 해결책 1. cmd - "services.msc" 입력하여 MySQL 서비스를 찾음. ( 버전에 따라 다르지만, MySQL57 이런 식으로 되어 있음) 2. MySQL 서비스를 찾은 후, 실행 파일 경로를 분석함. ( "실행 파일 경로" --defaults-file=..

Browser 별로 fetch/Ajax 요청에 대한 Connection 제한이 있다. 이러한 이슈는 SPA 형태의 앱에서 문제를 일으킨다. (크롬 기준) 최대 6개의 API만 연결이 되기 때문에 10개의 API를 요청했을 때, 6개의 API를 먼저 처리하고 남은 4개의 API를 처리한다. 여기서 문제가 발생하는 부분은 먼저 요청한 6개의 API가 응답이 없을 때, 무작정 Max Time out (정확히 어디서 설정하는지 현재 확인 중/크롬 기준 default 120초로 추정/20.05.14)을 대기한다. 그런 다음, 남은 4개의 API 요청이 처리된다. IE 7: 2 connections IE 8 & 9: 6 connections IE 10: 8 connections IE 11: 13 connection..

React Official Reference에서는 Function Component + Hooks 사용을 권장함. Class component Function component 장점 render 함수 필수 선언이 편리함. 메모리 자원 덜 사용함. Build/Deploy 후 결과물 파일 크기가 더 작음. 단점 state / Lifecycle API 사용 불가능. → React v16.8 이후 Hooks 도입으로 해결됨. 화살표 함수(Arrow Function) - ES6 문법에서 함수를 표현하는 새로운 방식. - 기존 function과 사용 용도가 조금 다름. 주로 함수를 파라미터로 전달할 때 유용함. 일반 함수(Normal Function) 화살표 함수(Arrow Function) 샘플 코드 functi..

JSX - Class Component에서 Render를 통해 return하는 코드 또는 Function Component에서 return하는 코드를 의미함. - Javascript의 확장 문법/XML과 유사 - 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 babel을 사용하여 일반 Javascript 형태로 변환됨 - babel을 통한 변환 전 code (Before) function App() { return ( Hello react ); } - babel을 통한 변환 후 code (After) function App() { return React.createElement("div", null, "Hello ", React.createElement("b", null, "react")); } ..

아래의 예시는 MacOS에 OpenCV 3.4.2 버전을 설치하는 방법임. 이전 버전의 git history를 확인해야 하기 때문에 git clone을 진행함. git clone https://github.com/Homebrew/homebrew-core.git cd homebrew-core 위의 경로로 이동하여 아래의 명령어를 통해 commit id를 확인함. git --no-pager log --pretty=oneline -- Formula.opencv.rb | grep 3.4.2 아래의 결과를 확인할 수 있음. 664f1dfde0ac86efe5dde9b8e6aa358d61641d33 opencv: update 3.4.2 bottle. 06eae891074e0b879e742bf54560f89a11f18..

최근 몇 년 동안 REST(Representational State Transfer)가 전통적인 SOAP 기반의 웹 서비스에 대한 인기 있는 정보 중심의 대안으로 떠오르고 있음. SOAP는 전형적인 동작과 프로세싱에 집중하고 있으며, REST의 관심은 데이터 처리에 있음. REST의 기본 개념 REST에 접근할 때 자주하는 실수 중의 하나는 REST를 'URL을 이용하는 웹 서비스'라고 생각하는 것. 즉, REST를 SOAP과 같이 또 다른 RPC(Remote Procedure Call) 메커니즘으로 여긴다. → 사실상 거의 연관이 없음. But, REST는 SOAP의 수많은 XML 네임스페이스를 이용하지 않고 평범한 HTTP URL을 통해 호출됨. RPC - 서비스 지향적이고 액션과 동사에 초점을 맞춤..

11.1 스프링과 하이버네이트 통합 지연 로딩(lazy loading) : 우리가 필요로 하는 실제 데이터만 불러올 수 있음. 필요한 부분만 가져오는 것. 조기 인출(eager fetching) : 지연 로딩의 반대개념. 한 번의 쿼리로 전체 객체 구조를 가져올 수 있음. 캐스케이딩(cascading) : 테이블 변경 시 다른 테이블도 변경되어야 하는 경우가 있을 때 작동하는 것. → 객체 관계 매핑 (ORM: Object Relational Mapping) : 많은 양의 코드를 줄이고 개발 시간을 단축함. 스프링은 다수의 ORM 프레임 워크를 지원함 (Hibernate, iBATIS, Apache OJB, JDO, TopLink, JPA 등) 하이버네이트는 오픈 소스 퍼시스턴스 프레임워크 (+ cahc..

Web 기반 Appl.의 경우 state 관리, workflow, 검증은 매우 중요하게 고려되어야 할 사항이지만, HTTP protocol의 stateless 성격을 감안했을 때 쉽게 해결되지 않음. 스프링 Web FWK는 이런 문제들을 처리하는 데 도움을 줄 수 있도록 디자인되어있음. MVC 패턴을 기반으로 스프링 MVC는 스프링 FWK 자체와 긴밀한 연결없이 유연한 Web 기반 Appl.을 만드는 데 도움을 줌. Request, Dispatcher Servlet, Handler Mapping, Controller, View Resolver 등 DispatcherServlet 요청을 스프링 MVC Controller에 전달해 주는 것. (Controller는..

횡단 관심사(Cross-cutting concerns) 소프트웨어에서 로깅, 보안 트랜잭션 관리 같은 기능은 대부분의 애플리케이션에 공통적으로 나타나는 기능 DI - Appl. 객체 간 결합도를 낮추기 위함 AOP - 횡단 관심사와 이에 영향 받는 객체 간 결합도를 낮추기 위함 AOP (Aspect Object Programming) 기존 : 상속(inheritance), 위임(delegation)을 사용하여 공통 기능을 재사용함 → But, 상속은 객체의 정적 구조에 의존하므로 복잡하고 깨지기 쉬운 구조가 되기 십상 → 위임은 대상 객체에 대한 복잡한 호출로 인해 번거로움. 현재 : 횡단 관심사를 aspect라는 특별한 클래스로 모듈화함 첫 번째 장점 : 전체 코드 기반에 흩어져 있는 관심 사항이 하나..

스프링을 사용하는 Appl.에서는 각 객체가 자신의 일을 하기 위해 필요한 다른 객체를 직접 찾거나 생성할 필요가 없음. Container가 협업할 객체에 대한 reference를 주기 때문. 애플리케이션 객체 간의 이러한 연관관계 형성 작업이 바로 Dependecy Injection 개념의 핵심이며 보통 이를 wiring(와이어링)이라고 함. Wiring mechanism XML에서의 명시적 설정 Java에서의 명시적 설정 내재되어 있는 빈을 찾아 자동으로 wiring하기 자동으로 빈 와이어링하기 스프링은 두 가지 방법으로 auto wiring을 수행함. Component Scanning - Appl. context에서 생성되는 빈을 자동으로 발견함 Auto Wiring - 자동으로 빈 의존성을 충족시..

스프링 프레임워크 자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크 Spring, 스프링 J2EE 애플리케이션 개발을 위한 책의 예제를 작성하면서 사용했던 프레임워크들을 발전시켜 지금에 이름. 자바 엔터프라이즈 개발을 편하게 해 주는 오픈 소스 경량급 애플리케이션 프레임 워크 “JEE 애플리케이션 개발을 더 쉽게 만들겠다.”는 대단히 명확한 목적으로 만들어짐 자바 복잡도 간소화를 지원하기 위한 스프링의 네 가지 주요 전략 POJO를 이용한 lightweight하고, non-invasive한 개발 Non-invasive : 바탕이 되는 기술을 사용하는 클래스, 인터페이스, API 등을 코드에 직접 나타내지 않는 방법. 복잡함을 분리할 수 있음. DI와 Interface Orientation을 통한 lo..

https://docs.spring.io/spring/docs/3.0.x/spring-framework-reference/html/orm.html JPA(Java Persistent API) Java ORM 기술에 대한 API 표준 명세 ORM을 사용하기 위한 Interface를 모아둔 것. To use JPA → Hibernate, EclipseLink, DataNucleus 같은 ORM FWK를 사용해야 함. ORM(Object Relational Mapping) Object와 DB Table이 Mapping을 이루는 것. → Object가 Table이 되도록. Query문이 아닌 직관적인 코드(Method)로 데이터를 조작할 수 있음. → query 작성 시간 ↓ → 생산성 ↑ But, 복잡한 qu..

BeanFactory - The BeanFactory interface provides an advanced configuration mechanism capable of managing any type of object. - The BeanFactory provides the configuration framework and basic functionality. ApplicationContext - ApplicationContext is a sub-interface of BeanFactory. It adds easier integration with Spring’s AOP features; message resource handling (for use in internationalization), ev..

[MariaDB] sudo apt-get purge mariadb-server sudo apt-get purge mariadb-common [공용작업] sudo rm -rf /var/log/mysql sudo rm -rf /var/log/mysql.* sudo rm -rf /var/lib/mysql sudo rm -rf /etc/mysql 출처: http://elfinlas.tistory.com/367 [MHLab Blog]