1. React란 ? React는 페이스북에서 개발한 자바스크립트 기반의 사용자 인터페이스 라이브러리이다. 주로 화면(View)을 쉽고 효율적으로 만들기 위해 사용된다. React 주요 특징 컴포너트 기반의 구조UI를 여러 개의 독립적인 컴포넌트로 나누어 개발한다. 재사용과 유지보수가 쉽고 전체 코드를 파악하기 수월하다. 단방향의 데이터 흐름데이터가 한 방향으로 흘러, 복잡한 애플리케이션에서도 데이터 변화 추적이 쉽고 예측 가능하다. Virtual Dom 사용 가상의 돔을 메모리에서 관리하고, 데이터가 변경될 때마다, 변경된 부분만 실제 DOM에 반영된다. 이로 인해, 성능이 뛰어나고 빠른 화면 갱신이 가능하다. JSX 문법 사용자바스크립트 파일 안에서 HTML과 유사한 문법(JSX)을 사용해 UI를 선..

HTTP HTTP란 Hypertext Transfer Protocol의 약자로, 웹에서 데이터를 주고받는 서버-클라이언트 모델의 프로토콜이다.WWW(World Wide Web)의 토대이며, 하이퍼텍스트 링크를 사용하여 웹 페이지를 로드하는데 사용된다. HTTP는 네트워크 장치 간 정보를 전송하도록 설계된 Application 계층의 프로토콜이다. HTTP 요청에 들어가 있는 정보-- 요청 라인POST /login HTTP/1.1-- 요청 헤더Host: www.example.comContent-Type: application/jsonAuthorization: Bearer abc123Content-Length: 52-- 요청 본문{ "username": "user1", "password": "pass12..

IOC와 DI란?IOC (Inversion of Control)제어의 역전을 의미. 객체의 제어권을 개발자가 아닌 외부 시스템에 넘기는 설계 패턴이다. 외부에서 객체를 직접 관리하고 제공 받는다. 이를 통하여, 코드의 결합도를 낮추고 유연성을 높일 수 있다. DI (Dependency Injection)IOC의 구현 방식 중 하나로, 객체가 필요한 의존성을 외부에서 주입받는 방식이다.객체 간 결합도를 줄이고, 코드의 재사용성과 테스트 용이성을 높인다.구현 방식 : 생성자 주입, Setter 주입, 필드 주입 등..IOC, DI 개념이 중요한 이유결합도 감소: 객체 간 강한 결합을 제거 → 독립적인 모듈 설계 가능유연성 증가: 코드 변경 및 확장이 쉬워 유지보수 용이테스트 용이성: 의존성을 외부에서 주입 ..

ORDER BY 문법과 사용 예제Order By는 결과를 정렬하는 기능을하고 주로 ASC, DESC와 같이 사용한다. 아래 예제와 같이 쿼리 마지막에 위치한다. Order By는 기본적으로 결과를 오름차순으로 정렬한다. 내림차순으로 정렬하고 싶을 때에는 DESC를 사용하고 오름차순으로 정렬하고 싶을 때에는 ASC를 사용하면 된다. 이중으로 정렬하고 싶을 때는 아래 예제와 같이 ,(콤마)를 사용하면 된다. SELECT name, department, salary FROM employeesORDER BY department ASC, salary DESC;GROUP BY 문법과 사용 예제Group By는 동일한 값을 갖는 행을 그룹화한다. 종종 집계함수(COUNT(), MAX(), MIN(), SUM(), A..

CORS 기본 개념 및 원리CORS란 ? Cross-origin resource sharing의 약자로, 웹 페이지에서 제한된 리소스를 다른 도메인으로부터 요청할 수 있도록 허용하는 구조를 말한다. 특정 교차 도메인 간(cross-domain) 요청, Ajax 요청은 SOP 원칙으로 인해 기본적으로 금지한다. CORS는 웹 페이지 내 제한된 정보를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용하는 구조이다. CORS Cross-origin resource sharing을 번역하면 "교차 출처 리소스 공유"라고 한다. 여기서 출처는 URL에서 도메인에 프로토콜과 포트까지를 포함하는 개념이다. 여기서 도메인, 프로토콜, 포트 중 하나라도 다르면 CORS 에러를 만나게 된다. CO..

Dockerfile Docker는 Dockerfile을 읽어 이미지를 자동으로 빌드가 가능하다. Docker Image를 생성하기 위한 텍스트 파일 Docker Image를 구성하는 과정을 자동화하고 세부 사항을 정의한다. Dockerfile을 통해 Docker Image 빌드를 자동화하고 버전 관리가 가능하다. Dockerfile을 사용하는 이유는 ? 자동화 및 효율성Dockerfile은 Container를 생성하고 필요한 설정을 자동으로 수행하는데, 이를 통해 명령어를 일일이 입력하거나, 환경을 수작업으로 구성하는 번거로움을 덜 수 있다. 재사용성과 일관성동일한 Dockerfile 사용 시, 동일한 Docker Image를 동일한 환경에서 재생성할 수 있다. → 개발, 테스트, 배포 환경 간 일관성을..

Stream API 란? Java에서 데이터를 저장하기 위해 배열이나 Collection을 사용하는데, 저장된 데이터에 접근하기 위해서 반복문이나 반복자를 사용하여 코드를 작성하는데, 이렇게 작성한 코드는 길고, 가독성이 떨어지며 재사용성도 거의 불가능하다. 이를 해결하기 위해 Java SE 8부터 Stream API를 도입했다.Stream API는 데이터를 추상화하여 다루어 저장된 데이터를 여러 방식으로 공통된 방법을 제공한다. Stream 데이터 흐름(연속적 요소)를 의미병렬 처리를 지원해 성능 최적화가 가능하다. Stream API 특징 내부 반복(internal iteration)을 통해 작업을 수행재사용이 가능한 컬렉션과는 달리 단 한 번만 사용 가능원본 데이터 변경 X지연 연산을 사용해 지연(..

JAVA의 컬렉션 프레임 워크란 ? 다수의 데이터를 쉽고 효과적으로 처리 가능한 표준화된 방법을 제공하는 클래스의 집합.데이터를 저장하는 자료 구조와 데이터를 처리하는 알고리즘을 구조화하여 클래스로 구현해 놓은 것을 말한다.이러한 Collection Framework는 자바의 인터페이스를 사용해 구현된다. JDK 1.2 부터 도입되었고 다양한 자료구조와 알고리즘을 효율적으로 사용할 수 있도록 설계되었다. Collection Framework의 주요 인터페이스 자료구조에 따라 List, Set, Map 인터페이스가 있다. Map은 Collection과 데이터 저장 방식이 다르므로 다르게 구분된다. Collection은 단순히 값을 저장하지만 Map은 Key와 Value 값을 같이 저장한다는 것으로 구분된다..