Code&Data Insights

MPA vs SPAMPA (Multi-Page Application):  웹사이트의 각 페이지가 별도로 존재하며, 사용자가 페이지 간 이동할 때마다 새로운 HTML 페이지를 서버에서 불러오는 방식 장점 1) SEO 친화적: 페이지별 URL 구조가 명확해 검색 엔진이 페이지를 쉽게 크롤링할 수 있어 SEO(검색 엔진 최적화)에 유리 단점1) 느린 페이지 전환: 페이지를 이동할 때마다 전체 페이지를 새로 불러오기 때문에 전환이 느림2) 서버 의존성 높음: 자주 서버와 통신해야 하므로 서버 부하가 큼 SPA (Single-Page Application): 하나의 HTML 페이지를 처음에 로드한 뒤, 페이지 이동이나 추가 데이터가 필요할 때 자바스크립트를 이용해 서버와 소통하여 필요한 부분만 업데이트하는 방식 ..

업무를 하며, 중간중간 react와 JS 문법에 대해 배우며 블로그에 기술한 내용들이 있지만, 수업을 들으며 내가 생각하기에 꼭 알아야할 필수지식 위주로 정리하였다.1. 호이스팅 (Hoisting): 변수, 함수, 또는 클래스의 선언이 해당 코드의 최상단으로 "끌어올려진 것처럼" 동작하는 JavaScript의 특징  1) let 또는 const 호이스팅변수 선언이 호이스팅되고, 초기화가 선언문에 도달하기 전까지 이루어지지 않음 초기화 전까지의 변수는 TDZ(Temporal Dead Zone)에 높이게 됨=> Reference Error=> let -> hoisting이 일어나지 않음 (var는 호이스팅의 문제가 일어남)  2) 함수 호이스팅 함수 선언은 전체 스코프에서 접근할 수 있도록 호이스팅됨 =>..

일주일 간의 AWS 기초 이론 수업이 끝나고 첫 모듈 프로젝트를 진행해보고 마무리를 했다. 어떤 프로젝트를 할까 팀원분들과 고심했는데,AWS 서비스를 구현해보는 걸 중점으로 WordPress를 활용하여 블로그페이지를 구현하기로 했다. EC2 인스턴스로 구현하는 팀과 serverless 아키텍처로 구현하는 팀으로 나뉘었는데, 나는 serverless 팀에서 구현했다.  우리 팀은 웹사이트 제작 업체라는 테마로, 처음 s3로 호스팅한 static website를 lambda로 마이그레이션,severless로 구현된 웹사이트를 다시 EC2로 마이그레이션 한다는 시나리오 였다.  AWS 서비스를 구현하기 전에 팀원 분이랑 상의하며, 아키텍처를 짜보기도 했다.  - dynamic 웹 호스팅의 경우에는 API Ga..

VPC (Virtual Private Cloud)[ACL]: 서브넷 내부와 외부의 트래픽을 제어하기 위한 방화벽 역할을 하는 VPC의 선택적 보안 계층 [라우팅 테이블]: 네트워크 트래픽을 전달할 위치 결정 시 사용되는 규칙 [인터넷 게이트웨이]: VPC의 인스턴스와 인터넷 간에 통신이 가능할 수 있게 해주는 기능- 수평 확장되고 가용성이 높은 중복 VPC 구성요소- 퍼블릭 IPv4 주소가 할당된 인스턴스에 대해 NAT(네트워크 주소 변환)를 수행하는 두 가지 목적을 가짐- IPv4, IPv6 트래픽을 모두 지원 [NAT 게이트웨이]: 사설 네트워크의 장치가 공인 IP를 통해 인터넷에 접근할 수 있도록 네트워크 주소를 변환(NAT)해주는 서비스 EC2EC2는 가상 머신을 만드는 것 => 내려받은 키 페어..

가상화란? : 컴퓨터가 가지고 있는 하드웨어를 효율적으로 쓰기 위해 하드웨어를 소프트웨어처럼 표현(=파일 핸들링)하는 것. => 파일 형태로 만들어서 관리하는 것 (ex) VMWare (이미지 파일: 해당 머신을 묘사하는 이미지)   (1) 파일형태로 관리가 되기 때문에 쉽게 복사와 이동이 가능하다. (2) 버전 관리가 가능 (버전관리 : 변경을 기록, 이력 추적이 가능, 필요하다면 롤백이 가능) (3) 내용 검증(Inspection)이 가능  IaC(Infrastructure as Code) : Infra(하드웨어의 구성)를 코드로 관리가 가능, 서비스 가능한 인프라를 자동으로 만들어줌(ex) TerraForm, ansible, Vagrant, AWS Cloud Formation 클라우드란?: 인터넷과..

: 라우터와 같은 장비를 사용해 지리적으로 떨어진 LAN들을 연결하는 방식=> 인터넷 (전세계적으로 연결되어 있음) [ IP 주소 ]: 라우터 라우터 간에는 MAC주소 대신 IP주소를 사용하여 통신=> 로컬 네트워크를 넘어서는 통신에서는 IP 주소를 기반으로 라우팅이 이루어짐 - 브로드캐스트 IP : 255.255.255.255[ 패킷 ] : IP 주소를 통해 해당 장치의 MAC 주소를 알아내는 과정=> ARP 요청을 보내고 해당 IP 주소를 가진 장치로부터 MAC 주소를 응답받음  [ ARP 과정 ] (1) 프레임과 request ARP 패킷 생성(2) 프레임과 ARP 패킷 브로드캐스트(LAN에 연결된 모든 장치에 전송, MAC 주소: FF:FF:FF:FF:FF )(3) 목적지 IP주소 확인(4) 프..

[ Ethernet ] : 지역 네트워크(LAN)에서 장치 간 데이터 통신을 가능하게 하는 유선 네트워크 기술 표준- IEEE 802.3 표준에 따라 데이터 프레임을 정의- 전송 매체와 충돌 제어 방식을 규정하여 안정적이고 효율적인 데이터 전송을 지원함 [ Hub : 더이상 허브를 사용하지 않는 이유 ]1) 정보가 모든 컴퓨터에 전달됨 - 모든 장치에 브로드캐스트 방식으로 데이터를 전송하여 불필요한 트래픽을 증가시킴2) 정보의 충돌(Data Collision) ==> 스위치의 등장으로 허브는 더이상 사용되지 않음!  : 6 bytes, 16진수 형식CSMA(Carrier Sense Multiple Access): 이더넷과 Wi-Fi와 같은 기술에서 두 장치가 데이터를 동시에 보내는 충돌을 줄여 네트워크에..