분류 전체보기 검색 결과

224 개의 검색 결과가 있습니다.

Frontend/JavaScript

[JS] 배열의 특정 값 찾기 (find, filter)

📌 배열에서 특정 값을 찾아서 리턴하는 함수 find( ) 와 filter( ) 자바스크립트에서 배열의 특정 값을 찾아서 리턴하는 함수는 find( ),와 filter( )가 있다. 1️⃣ find( ) find( )는 배열에서 특정 값을 찾는 조건을 callback 함수를 통해 전달하여, 조건에 해당하는 값이 배열에 있을 경우 해당 배열에서 첫번째로 일치하는 값을 리턴한다. 또한, 배열에 조건을 만족하는 값이 없으면 undefined를 리턴한다. * callback 함수의 조건과 일치하는 배열의 값의 index를 알아내기 위해 findIndex() 함수를 사용한다. arr.find(callback(element[, index[, array]])[, thisArg]) 파라미터 callback(elemen..

2022. 2. 8. 08:49

Frontend/React.js

[React] 02. 리액트 디자인 패턴 (Control Props Pattern)

▶ [React] 01. 리액트 디자인 패턴 (Compound Components Pattern) ▶ [React] 03. 리액트 디자인 패턴 (Custom Hook Pattern) ▶ [React] 04. 리액트 디자인 패턴 (Props Getters Pattern) ▶ [React] 05. 리액트 디자인 패턴 (State reducer pattern) 이번 게시글은 5가지 리액트 디자인 패턴 시리즈의 두번째인 Control Props Pattern에 관한 포스팅이며. 전체 시리즈는 아래 글을 번역 및 참고하였습니다. https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 🤔 리액트 디자인 패턴 (React Design Pat..

2022. 2. 7. 08:19

Frontend/React.js

[React] 01. 리액트 디자인 패턴 (Compound Components Pattern)

▶ [React] 02. 리액트 디자인 패턴 (Control Props Pattern) ▶ [React] 03. 리액트 디자인 패턴 (Custom Hook Pattern) ▶ [React] 04. 리액트 디자인 패턴 (Props Getters Pattern) ▶ [React] 05. 리액트 디자인 패턴 (State reducer pattern) 이번 게시글은 5가지 리액트 디자인 패턴 시리즈로 연재되며 그 중 첫번째인 Compound Components Pattern에 관한 포스팅이며. 전체 시리즈는 아래 글을 번역 및 참고하였습니다. https://javascript.plainenglish.io/5-advanced-react-patterns-a6b7624267a6 🤔 리액트 디자인 패턴 (React D..

2022. 2. 4. 15:21

Frontend/JavaScript

[JS] 자바스크립트 Ajax 통신 예제 (vanilla JS)

📌 vanilla JS로 Ajax 통신하기 자바스크립트로 Ajax 통신을 할 때 흔히 Jquery를 사용하지만 순수 Javascript 를 통해 Ajax통신을 할 때는 XMLHttpRequest라는 API를 이용한다. XML는 원래 XML만을 전송하는 목적을 갖고 있었지만 Json이나 일반 텍스트는 물론 파일까지도 전송이 가능하다. ajax라는 이름도 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML)다. 1️⃣ GET - XMLHttpRequest()를 실행하여 통신에 사용될 XMLHttpRequest(XHR) 객체를 생성한다. - 생성된 객체에 .open()으로 요청을 초기화한다. - open('전송 방식', 'url', '비동기 여부')형식으로 작성한다. - se..

2022. 2. 3. 13:56

Backend/Error

[Spring]java: cannot access javax.servlet.Filter class file for javax.servlet.Filter not found

💥 java: cannot access javax.servlet.Filter class file for javax.servlet.Filter not found Eclipse에서 개발한 spring boot 프로젝트를 intelli J에서 개발하기 위해 SVN에서 Checkout 한 후 발생하였다 🚀 해결방법 Eclipse에서는 pom.xml에 servlet dependency 를 명시해주는것이 아닌 jar를 넣어주어 사용하고 있었다. intelli J에서도 jar를 넣어주었으나 인식이 되지 않는지 pom.xml에 dependency를 추가하였더니 해결되었다. https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api/3.1.0 javax.ser..

2022. 1. 30. 12:21

Backend/Error

[JAVA] java.lang.OutOfMemoryError: GC overhead limit exceeded

💥 Exception in thread "main" java.lang.OutOfMemoryError: GC overhead limit exceeded 1️⃣ 원인 ​ - JVM에서 애플리케이션이 가비지 콜렉션을 수행하는 데 너무 많은 시간을 소비한다는 신호를 보내는 방법이다. (JVM이 GC를 수행하는데 총 시간의 98%이상을 소비하고 GC 후에 힙의 2%미만만 복구되는 경우 오류 발생) ▶ stack overflow 참고 - Map이나 ArrayList와 같은 자료구조를 사용할 때 많은 데이터를 자료구조에 넣으면 메모리 사용량이 많아져 오류가 발생할 수 있다. 2️⃣ 해결 ▶ JVM option으로 heap limit제한을 없앤다 application단에서 메모리 부족으로 발생하는 java.lang.O..

2022. 1. 29. 11:21