1. 프론트엔드 (Front-end) => 웹 사이트나 어플리케이션의 사용자가 보고 상호작용하는 부분을 만들고 디자인하는 과정입니다. 프론트엔드 개발자는 HTML, CSS, Javascript 기반으로 사용자에게 보여줄 View단을 담당합니다. 2. HTML (HyperText Markup Language) => 웹페이지의 구조를 정의하는 언어. 3. CSS (Cascading Style Sheets) => 스타일링과 레이아웃을 담당. 4. JavaScript => 동적인 요소를 추가하면서 웹사이트를 인터랙티브하게 만듬 5. 프레임워크와 라이브러리 개념과 차이점 => React, Angular, Vue.js 등의 JavaScript 프레임워크 및 라이브러리를 사용해주면서 더 복잡하고 고급 기능 구현이 가..

안녕하세요. 디자인 패턴을 알아보는 시간을 가집니다. 지난시간에는 Presentation & Container 패턴을 알아가면서 예제로 적용 시켰습니다. 하지만 이 패턴은 1:1 = 로직 : 뷰 적용 방식으로 사용이 되는 형태로 구성 되어져 있으며 1개의 로직에서 여러개의 뷰를 활용하여 사용 하고 싶을 때 대비하여 적용을 시켜보고자 합니다. 이 것을 적용 시키는 패턴은 Custom Hooks 패턴이며, Custom Hooks 패턴의 대해서 대해서 알아봅니다. 먼저 리마인드로, Presentation & Container 패턴을 적용 전과 적용 후의 대해서 구조를 정리해봅니다. Presiontation Component - UI 컴포넌트만 구성, Conatiner Component - 로직 부분만 구성 이..

안녕하세요. 디자인 패턴을 알아보는 시간을 가집니다. 이번 시간에는 디자인 패턴을 사용하는 패턴 중 하나인 Presentation & Container 패턴의 대해서 알아봅니다. 보통 처음 시간에 배울 때 구조는 아래와 같은 구조로 사용하는데, function 컴포넌트 () { /* 로직 구현 */ return ( UI 출력 ) } 이런 구조를 이용하여 사용을 하게 되실겁니다. 하지만, 매번 사용하다가 조금 더 클린화 된 코드를 작성하고, 로직 컴포넌트와 View 컴포넌트로 나눠서 작성하는 것을 생각을 해낸 결과 디자인 패턴으로 쓰이는 Presentation & Container 디자인 패턴을 이용하여 사용 방법으로 활용하여 사용이 가능하다는 것을 알게 되었습니다. 따라서 Presentation & Co..

1. ARP(Address Resolution Protocol) IP 주소로부터 MAC 주소를 구하는 IP와 MAC 주소의 다리 역할을 하는 프로토콜 이를, 논리적 주소 --> 물리적 주소로 변경시킨다. (IP 주소 --> MAC 주소) 2. RARP(Reverse Address Resolution Protocol) ARP의 역할의 역순으로, 물리적 주소에서 논리적 주소로 변환 시키는 프로토콜 (MAC 주소 --> IP 주소 변경) 3. 브로드캐스트 송신 호스트가 전송한 데이터가 네트워크에 연결된 모든 호스트에 전송 방식 4. 유니케스트 고유 주소로 식별된 하나의 네트워크 목적지에 1:1 데이터 전송 방식 5. Hop by Hop 통신 - IP 주소를 통해 통신하는 과정 - 통신 장치에 있는 라우팅 테이..

1. TCP/IP 4계층 - 애플리케이션 계층 기기 : L7 스위치 (1) L7 스위치 로드밸런서라고 불림 서버의 부하를 분산하는 기기 클라이언트로부터 오는 요청등을 뒤쪽의 여러 서버로 나누는 역할 시스템이 처리할 수 있는 트래픽 증가를 목표 트래픽 분산 기법 : URL, 서버, 캐쉬, 쿠키 기반 바이러스 및 불필요한 외부 데이터 걸려내는 필터링 기능 가짐 응용 프로그램 수준의 트래픽 모니터링 가능 헬스 체크(Health Check)를 통해 장애 발생 서버 있으면 트래픽 분산 대상에서 제외 ALB(Application Load Balancer) 컴포넌트 기반으로 로드 밸러싱 가능 (AWS에서도 사용) (2) L4 vs L7 스위치 L4 역시 로드밸런서라고 불림 전송 계층 처리하는 기기 스트리밍 관련 서비..

1. FTP - TCP/IP 4계층 애플리케이션 계층 - 장치와 장치 간의 파일을 전송하는데 사용되는 표준 통신 프로토콜 - 실무에서는 FTP를 이용하여 Window 서버와 Linux 서버와 통신을 하여 파일을 주고 받을 수 있음 - 이때는 보안이 가득한 SFTP를 이용하여 전송을 해온다. 2. SSH - TCP/IP 4계층 애플리케이션 계층 - 보안되지 않은 네트워크에서 네트워크 서비스를 안전하게 운영하기 위한 암호화 네트워크 프로토콜 - 실무에서 Linux 연결 시 SSH를 이용하여 보안 인증서가 일치 할 경우 네트워크 연결을 허용한다. 3. HTTP - TCP/IP 4계층 애플리케이션 계층 - World Wide Web을 위한 데이터 통신 기초, 웹 사이트를 이용하는데 쓰는 프로토콜 - 웹 개발에서..