1. 네트워크? 노드(Node)와 링크(Link)가 서로 연결되어 있고, 리소스를 공유하는 집합 ※ 노드 : 서버, 라우터, 스위치 등 네트워크 장치를 의미 ※ 링크 : 유선 or 무선을 의미 좋은 네트워크란? - 많은 처리량, 지연 시간 짧고 장애 빈도가 적음, 좋은 보안을 갖춘 네트워크 2. 처리량(Throughput) 링크 내 성공적으로 전달된 데이터의 양 (처리량 = 트래픽) 단위 : bps(bits per second) - 초당 전송 or 수신되는 비트 수 영향 받는 요인 트래픽 : 사용자들이 많이 접속 (흐르는 데이터가 많아짐) 네트워크 장치간 대역폭(주어진 시간 동안 네트워크 연결을 통해 흐를 수 있는 최대 비트 수) 네트워크 중간에 발생되는 에러 장치의 하드웨어 스팩 3. 지연시간(late..

1. 웹 브라우저란? - 웹 페이지를 서버에 요청하여 서버의 응답을 웹 문서(Document) 형태로 받음 - 받은 웹 문서를 렌더링 후 모니터 화면에 웹페이지를 표시 2. HTTP? - 클라이언트가 서버에 요청 시, 어떻게 요청 할 지 약속함. 3. HTTP 메소드 정보? - GET : 서버에서 리소스를 가져오는데 사용, 주로 URI로 식별 (Spring에서 @ReqeustParam 및 @PathVariable에서 url의 데이터 값을 불려오는데 사용). 여기서 검색이나 리스트 조회용으로 사용한다. - POST : 리소스 생성 및 업데이트 할 때 주로 사용 (회원가입 및 로그인 등 사용), 서버에 데이터를 제출하는데 사용 - PUT : 서버의 기존 리소스 업데이트 할 때 사용 - PATCH : 서버의 ..

1. 팩토리 패턴 (Factory Pattern) - 생성 패턴 중 하나 - 객체 생성 부분을 떼어낸 추상화한 패턴, - 상위 클래스 : 뼈대 역할 // 하위 클래스 : 객체 생성에 관한 구체적 내용 결정 - 마치 제조 공장의 예시를 따지면, 상위 클래스 : 공장 / 하위클래스 : 레시피 라고 표현 가능 - 여기서 제목만 보여주는 행위를 표하고, 상세 내역은 숨겨주는 역할이 가능하다. 2. JS로 이용한 팩토리 패턴으로 이용한 제조 공장 구현 (1) 상위 클래스 : Factory // 제조 공장에서 사용하는 레시피 설정 const factoryList = [CoffeeFactory, FoodFactory]; // 상위 메소드 : Factory class Factory { static createMater..

1. React란? - React는 Javascript WebPack 기반으로 만들어진 SPA 템플릿 중 하나로, 모듈화가 쉬운 강점을 지님 - 현재 Virtual Dom으로 이용하여 해당 컴포넌트 부분의 대해 렌더링만 할 수 있는 장점을 지님 - 코드의 간결성과 전체 컴포넌트를 각각 쪼개어 사용에 용의하기 때문에 프론트엔드 개발자끼리 협업을 할 때 용의함 - 현재, nodejs를 이용하여 React 서버를 띄우기에는 용의하다는 점이 장점을 지니고 있음 - React 적용 전 선수 지식 : Javascript에 필요한 문법 (Javascript의 80퍼 이상 문법을 사용하고 있음) 2. JQuery와 React 사용 방식 필자는 JQuery와 React 둘다 사용해 본 경험을 바탕으로 각 차이점을 정리하..

1. 싱글톤 패턴 (Singleton Pattern) - 하나의 클래스에 오직 하나의 인스턴스만 가지는 패턴 - 데이터 베이스 연결 모듈에 많이 사용 - 비용은 줄여드는 대신 의존성이 높음 - 많은 클래스가 존재할 경우 비효율적 (모듈간 결합도가 높다.) - 주로 DB 연결할때 사용 2. 싱글톤 패턴 개념 이해 (JS) 아래와 같이 예시 코드를 작성 다음은 object1과 object2의 a값이 27이 같지만, 객체는 참조형이므로 주소를 참조한다. 따라서, object1과 object2의 객체는 서로 다른 객체를 확인 가능하다. const object1 = { a: 27 } const object2 = { a: 27 } // 실행 결과 : false console.log(object1 === object..

1. 디자인 패턴 - 주로 객체지향 프로그래밍을 설계 할 때 쓰이는 기법 중 하나로 의사 소통의 일종을 역할 - 프로그램 설계 시 발생한 문제점들을 객체 간 상호 관계 등 이용하여 해결할 수 있도록 하나의 "규약" 형태 2. 디자인 패턴의 종류 (1) 생성 패턴(추상 객체 인스턴스화) 추상 팩토리(Abstract Factory) : 각 종 서브 클래스를 특정 그룹으로 묶어 한번에 교체 팩토리(Factory Method) : 객체 생성 후 Return 함수 (생성자 대신) 제공하여 초기화 과정을 외부에 못보게 하여 숨기는 타입 빌더(Builder) : 인스턴스를 생성자를 통해 생성 하지 않고, 빌더에서 내부 클래스를 간접적으로 생성하는 방식 프로토타입 : 원본 만들어 놓고, 원본 객체를 그대로 복사하는 방..