재안 IT 공부 일기장

[5] 기술적 혁신 1. 클러스터링 -  여러 자원을 묶어서 하나의 거대한 자원으로 활용할 수 있는 기술 -  죽으면 다른애가 대체 (분산x) -  IT 자원을 POOLING 방식으로 운영 -  가상화 기술을 통해 자원보다 많은 사용자들에게 가상 자원을 동적으로 자원을 할당 및 회수 -  풀링 자원의 효율적 운영을 위해 중재자(broker)가 필요 @클러스터 : 서로 연결되어 단일 시스템 처럼 작동하는 IT 자원그룹 (그룹별 동기화 필요)@이중화 & failover : 클러스터에 내장@중재자 : 서비스 사용 요청을 수신하고, 유휴 자원을 확인후 일부를 할당하는 역할을 수행 (Sun Grid Engine, Univa) 2. 그리드 컴퓨팅 -  네트워크로 연결된 서로 다른 기종의 컴퓨터들을 하나의 단일 시스..

[4] 장점 (인프라 규모 산정의 용이성) 1. 용량 계획 -  IT 자원, 서비스의 미래 수요를 예측하고 이를 충족시키는 용량을 확보하는 것 (over-provisioning / under-provisioning) 1) 리드 전략 : 수요를 미리 예상해서 자원을 추가 2) 지연 전략 : 용량이 최대치에 다다르면 추가 3) 일치 전략 : 수요가 증가하는 만큼 조금씩 추가 2. 비용 절감 -  적은 자원으로 다수의 사용자 서비스 가능 (가상화 자원 풀링) -  IT 인프라에 투자하지 않고, 사용한 만큼만 지불 -  MSP consulting 3. 탄력성 및 조직의 민첩성 -  사용자 수요 변화에 따라 용량을 변동시켜 서비스 품질을 유지하면서 IT 서비스 사용 비용을 최소화 할 수 있음 -  온 디맨드 방식..

[1] 개요[2] 소개[3] 5가지 특성 [1] 개요Simple SNS (시스템 디자인/확장) -  가입 / 등록 - 친구요청 / 수락 - 글쓰기 모듈 (컴포넌트) - WWW + WAS 서버 하나에 - DB 디자인 1. WWW + DB 컴퓨터 하나에 - 사용자 수가 늘어나면 서비스 품질 저하 2. WWW DB 서버 분리 - 사용자 수가 더 증가면 서비스 품질 저하 3. 웹 서버를 하나 더 추가해서 부하를 반으로 줄이기 -  load balancer 사용 (round-robin도 결국 좋다) -  lb는 heartbeat 메세지를 통해 각 웹서버 상태를 확인 -  DNS는 웹서버의 주소가 아닌 lb의 주소를 반환 -  DB에서 병목 현상 발생 @vertical scaling : 시스템 장비/부품을 고사양으..

[9] Subprogram Control Introduction - Subprogram Control : sequence control, data control - Sequence Control : copy rules, static segment, dynamic segment - Scope Rules : static scope rule, dynami scope rule Data Control Problems - 정적 변수를 제외한 나머지 변수는 모두 Activation Record에 있다. - 정적 변수를 제외한 모든 변수의 l-value는 특정 AR에서 offset으로 계산 가능하다. @Computing L-Value - 1. 변수를 포함하는 AR을 찾음 - 2. AR의 특정위치에서 변수의 l-valu..

[8] Sequence Control Classifying Sequence Controls - Sequence Control : 수행 순서 제어 - Data Control : 서브프로그램 사이의 데이터 흐름 제어 @Sequence Control : 제어 대상 크기(granularity)에 따른 분류 - Expressions - Statements - Subprograms @Sequence Control : 표현 여부에 따른 분류 - Implicit - Explicit Tree Reprensentation of a Expression - Tree Representation : 표현식을 나타내는 기본적인 방법 - 연산자를 서브트리의 루트에, 피연산자를 하위 노드로 나타낸다. (function composit..

[7] Inheritance Private Type - Enforcing encapsulation - Add protection Class - C++에서는 Class를 통해 ADT를 구현 - 데이터 공간 = 멤버 변수 - 추상 연산자 = 멤버 함수 Generic Data Type - Parameteric polymorphism을 형성 - 타입을 인수로 받아 생성된 새로운 타입 (Instantiation of a class) - 타입 인수는 컴파일 시간에 결정된다 Inheritance - 외부 변수 이름을 블록 내부에서 볼 수 있는 것도 interitance의 일종 - 어떠한 ADT를 보다 구체화한 새로운 ADT를 만드는 것 - Superclass, subclass 관계를 형성 - Should repres..

[6] Encapsulation - Abstract Data Types Abstract Data Types - Abstraction : Making it simpler - Encapsulation : Making them into one unit - Information Hiding : Hiding the details - 추상화, 캡슐화, 정보은닉은 밀접한 연관이 있다 - Encapsulation is a language facility - Whereas information hiding is a design principle. - Encapsulation refers th the bundling of data with the methods that operate on that data. - The p..

최근에 React Compiler가 생겼다고 해서 관심을 갖고 있었다.React Compiler에 대해 간략하게 설명하자면, 그동안 불필요한 리렌더링을 방지하려면 useMemo와 useCallback을 통해컴포넌트의 props를 관리 했어야 하는데React Compiler는 위의 조취를 자동으로 지원한다고 한다. 😲 그러다가 유튜브 알고리즘으로 React Conf 2024 Day1이 떴다. 새로나올 React 19의 기능에 대해 설명하는 conference라서 영상에선 React 19에 나오게될 기능들에 대해 설명한다.궁금해서 봤고, 보면서 간단하게 정리를 하려고 한다. https://www.youtube.com/watch?v=T8TZQ6k4SLE 영상이 워낙 길어서 조금씩 나눠서 글을 수정하며 정리하..

카카오테크 캠퍼스란?카카오에서 진행하는 지역 정보기술 인재 양성 프로그램이다.본인은 카카오테크 캠퍼스 2기 프론트엔드 트랙을 수강중이다.카테캠은 함께 배우며 성장하는 것을 목표로 한다. 🍪 쿠키즈카카오테크 캠퍼스 2기 수강생들을 쿠키즈(Kakao + Rookeis) 🍪 라고 칭한다.카테캠을 통해 새로운 경험을 하게 될 교육생의 의미를 담고 있다! 📨 웰컴 키트 공지카테캠을 수강한지도 6주가 지났고 웰컴 키트를 나눠준다는 공지를 보고 바로 달려갔다. 📁 웰컴 키트웰컴키트 박스에도 함께 배우며 성장하자는 슬로건이 적혀있다.빛이 자꾸 반사되서 찍기 힘들었다.  📂 웰컴 키트 개봉박스를 개봉하니 아래와 같은 커버가 보였다.웰컴 키트 수령후 신난 마음에 폴짝폴짝 뛰면서 와서 종이가 구겨진 것 같다. 종이..

개요[1] 브라우저 렌더링[2] 애니메이션[3] requestAnimationFrame[4] requestAnimationFrame 사용법[5] reference[1] 브라우저 렌더링  우선 브라우저 렌더링에 대해 간략하게 알아야한다.아래의 순서대로 순차적으로 모두 진행 후 렌더링이 완료된다. 1. DOM 생성2. CSSOM 생성3. Layout (Reflow)4. Paint (Repaint)5. Composite   Layout은 DOM과 CSSOM을 통해 Render Tree를 생성하는 단이다. (화면의 구조를 계산) 노드의 추가 및 제거 실행시 Layout이 다시 실행된다. 노드의 화면상 위치 및 크기 변경시 다시 실행된다.   Paint는 Render Tree의 각 요소들이 픽셀단위로 화면에 그려..