hmk run dev

프론트엔드 개발의 중요성프론트엔드프런트엔드 개발은 웹 애플리케이션이나 웹사이트의 ‘얼굴’입니다. 사용자가 처음 만나는 부분이기 때문에, 프런트엔드 개발의 품질은 사용자의 첫인상에 직접적인 영향을 미치죠. 하지만 왜 그렇게 중요한 걸까요? 몇 가지 예시를 통해 살펴보겠습니다.   1. 사용자 경험(UX)사용자가 웹사이트를 방문했을 때, 그들이 어떻게 느끼는지가 중요합니다. 예를 들어, 여러분이 좋아하는 온라인 쇼핑몰에서 상품을 검색할 때, 결과가 빠르게 나타나고, 디자인이 깔끔하며, 직관적으로 탐색할 수 있다면, 그 경험이 얼마나 긍정적일까요? 반면, 느린 로딩 속도와 복잡한 내비게이션으로 인해 불편함을 느낀다면, 아마도 다시 방문하고 싶지 않을 겁니다. 이처럼 프런트엔드 개발은 사용자 경험을 극대화하는..

WebRTC(Web Real-Time Communication)은 웹 애플리케이션과 사이트가 중간자 없이 브라우저 간에 오디오나 영상 미디어를포착하고 마음대로 스트림 할 뿐 아니라, 임의의 데이터도 교환할 수 있도록 하는 기술입니다. 실시간 통신: 브라우저 간에 실시간으로 오디오, 비디오, 데이터 스트림을 주고받습니다.(기본적으로 UDP 사용)플러그인 불필요: 별도의 설치나 플러그인이 필요 없으며, HTML5와 자바스크립트만으로 통신이 가능합니다.P2P 연결: 서버를 통해 데이터를 중계하지 않고, 사용자들끼리 직접 통신하여 지연 시간을 최소화합니다.보안: 기본적으로 모든 통신은 암호화되어 있어, 보안이 중요한 실시간 통신에 적합합니다. 중개서버를 거치지 않기 때문에 빠른 속도로 통신이 가능하며 HTTPS..

3년 차 프런트엔드 개발자로서, 요즘 많은 개발자들이 사용하는 React와 Next.js 같은 프레임워크를 나도 사용하고 있다.그러다 문득, 내가 현재 쓰고 있는 기술 스택들이 왜 등장하게 되었는지, 그리고 어떤 문제를 해결하거나 개선했기에 지금까지 널리 사용되고 있는지 궁금해졌다. (재미있게도, 일부는 과거 방식으로 되돌아가는 것처럼 보이기도 한다.)참고로, 이 글에서는 WEB 1.0이나 IE 등장 등 웹의 초기 역사보다는, JSP 등의 백엔드 중심 개발에서 프런트엔드 직군이 본격적으로 생겨난 시점부터 이야기를 시작해 보려고 합니다.프런트엔드 직군의 탄생: 백엔드 중심에서 프런트엔드로초기 웹 개발: 웹 개발 초기에는 프런트엔드와 백엔드의 경계가 불분명했습니다. JSP, PHP, ASP 같은 서버 사이드..

자바스크립트를 처음 접했을 때, 사실 아직 까지도 가깝지만 먼 이웃 같은 존재인 프로토타입 여러 글들에선 "프로토타입은 자바스크립트에서 상속을 지원하기 위한 방법"라고 이야기하곤 한다. 여기엔 꼬리에 꼬리를 무는 질문이 이어질 수 있는데, "왜 다른 언어처럼 클래스가 아니라 프로토타입을 사용하는가?""프로토타입과 클래스의 차이는 뭘까?" 그 외에도 자바스크립트엔 면접 단골 질문으로도 유명한 this, 호이스팅, 클로저, 스코프체인 등등.. 이 있다.이러한 자바스크립트의 특성들을 단순하게 암기만 하고 있었고, 대부분의 관련 자료들은 해당 현상에 대해서설명하는 내용이 주를 이뤘고 단순히 외워야 하는 고통스러운 시간이었다. "호이스팅은 자바스크립트에서 코드 실행 시 전체 코드를 선언부 상단으로 올려 실행가능한..

고가용성이란?사용자 서비스를 요청할 때 언제든 서비스할 수 있는 특성으로 이중화를 하여 설계된다.ex) 모든 single point component 장애 시에 대응하기 위해서 설계되었다.   높은 가용성을 제공하기 위해 컴퓨터 자원을 몇 개의 Availabilty Zone이 제공되어야하는가?최소 한 개이상  모든 고객들은 낮은 latency를 요규하기 때문에 AWS에서 지원할 수 있는 것은?High availablity-> latency 즉 패킷의 출발지점부터 도착지까지의 시간을 줄이기 위해 고가용성(High availablity)을 제공해야한다.  AWS 클라우드의 멀티 리전의 예제는?Agility(민첩성)-> aws의 다중 리전 애플리케이션은 내결함성이 뛰어나며 장애 발생 시에 백업 리전으로 ..

한 회사에서 새 Amazon EC2 인스턴스에 새 데이터베이스를 배포하고 있습니다. 이 데이터베이스의 워크로드에는 최대 20,000IOPS를 지원할 수 있는 단일 Amazon Elastic Block Store(Amazon EBS) 볼륨이 필요합니다.이 요구 사항을 충족하는 EBS 볼륨 유형은 무엇인가요? 문제는 이런 상황이에요:당신은 웹 애플리케이션에서 새로운 서버를 세팅해서, 데이터베이스를 연결하려고 해요. 근데, 이 데이터베이스가 데이터를 빠르게 읽고 쓰기 위해서 엄청나게 많은 처리량(최대 20,000 IOPS)이 필요해요. 여기서 IOPS는 초당 입력/출력 작업 수를 말하는데, 쉽게 말해 데이터에 얼마나 빨리 접근할 수 있는지를 나타내요. 선택지 설명:프로비저닝된 IOPS SSD (정답):최고 성..