뉴히의 개발 로그

Javascript 호이스팅이란? 함수가 실행 되기 전에 안에 있는 변수들을 모두 범위에 최상단에 올리는 개념입니다. 이 호이스팅이라는 개념으로 인해서 var의 경우는 변수를 선언, 할당하기 전에 불러와도 에러가 나지 않고 아래 선언되어 있다면 undefined라고 뜨게 됩니다. 호이스팅시 변수의 선언과 초기화를 같이 해버리기 때문에 선언은 되어있는걸 알지만 값은 할당 전이기 때문입며 값 할당 후에 선언을 해도 undefined라고 뜹니다. 같은 변수명으로 재선언도 가능합합니다. 함수만 지역변수로 호이스팅 되고 나머지는 함수안에 변수도 다 전역변수로 상단으로 올려버려 block scope밖에서도 접근이 가능합니다. 이러한 문제들로 ES6업데이트시 나온게 let이고 let 또한 호이스팅이 되지만, 선언/할..

버츄얼 돔과 리얼 돔의 차이가 무엇인가? 리얼돔은 자바스크립트로 DOM에 직접 접근하여 웹페이지 요소를 선택하여 변경할 수 있습니다. 리얼 DOM구조 자체를 변경하여 리렌더링 시키기 때문에 많은 요소가 자주 업데이트 되는 경우 브라우저 리플로우와 리페인트가 발생하여 화면이 지연되거나 깜빡이는 현상이 발 생할 수 있습니다. 반면 가상돔은 메모리에 상에만 존재하는 가벼운 복사본으로 리얼돔과 동기화되는 방식으로 동작하며 리액트는 가상돔을 활용해 효율적인 UI 업데이트를 관리합니다. 가상돔 업데이트는 리얼돔조작을 최소화 하여 성능을 향상시킵니다. 참고 답변 : 리얼 돔(Real DOM)은 웹 페이지의 실제 구조를 나타내는 HTML 요소들의 트리 구조를 의미합니다.버츄얼 돔(Virtual DOM)은 리액트(Rea..

캐시란? 캐시는 데이터를 미리 복사해 놓는 임시 저장소 빠른 장치와 느린 장치에서 속도 차이에 따른 병목 현상을 줄이기 위한 메모리 데이터 접근에 오래 걸리는 경우를 해결하고 다시 계산하는 시간을 절약 즉, 캐시는 계층과 계층 사이에서 속도차이를 해결하기 위한 임시 저장소 지역성의 원리 자주 사용되는 데이터의 특성을 의미 캐시를 직접 설정할때는 자주 사용되는 데이터를 기반으로 설정해야 하며 이러한 특성을 지역성이라고 한다 시간 지역성 최근 사용한 데이터에 다시 접근하려는 특성 for(let i=0; i

리덕스 설치 yarn add react-redux @reduxjs/toolkit store 구성 createStrore -> configureStore 사용 const store = createStore({rootReducer}); 이렇게 사용했었는데 const store = configureStore({ reducer: { key:value, } }) action value, action creator, reducer 를 한번에 ! createSlice(); const counterSlice = createSlice({ name: '', initialState, reducers:{ key : value // value 에는 함수 addNum : (state)=>{ // 액션크리에이터 : 리듀서()=>{..

📌 CS 핵심 용어 간단 용어정리! CS 적 의미는 차이가 있지만 큰틀에서는 비슷한 의미로 이해할 수 있는 용어 프로그램을 실행해주는 주체 = 프로세스 ex. 카카오톡을 실행하는 프로세스 작업을 처리해주는 주체 = 쓰레드 ex. 메세지 발송을 처리하는 쓰레드 CPU는 한정된 자원으로 최대한 성능을 이끌어내기 위해 프로세스를 잘 배정해 CPU를 적절하고 효율적으로 사용해야 한다 OS는 실행 대기중인 프로그램(프로세스)들에게 CPU 자원 배정을 적절히 하여 시스템의 성능을 끌어올릴 수 있습니다. (결국 처리는 CPU 가 하니까) 공통 배정조건 : 오버헤드 ↓ / 사용률 ↑ / 기아 현상 ↓ 오버헤드 : 프로세스가 필요한 자원보다 더 많이 사치부리며 사용하지 않도록 사용률 : 프로세스가 최대한 자원을 많이받고..

CPU 와 메모리의 동작 주기억장치가 입력장치에서 입력받은 데이터 또는 보조기억장치에 저장된 프로그램을 읽어온다 CPU는 프로그램을 실행하기 위해 주기억장치에 저장된 프로그램 명령어와 데이터를 읽어와 처리하고 결과를 다시 주기억 장치에 저장한다 주기억장치는 처리 결과를 보조기억장치에 저장하거나 출력장치로 보내서 출력시킨다 CPU 내의 제어장치(CU)가 1~3번 과정에서 명령어가 순서대로 실행되도록 각 장치들을 제어한다 CPU 와 메모리의 구조 [하버드 구조] 명령어 메모리 = 프로그램에서 사용할 명령어를 모아둔 메모리 명령어 메모리 -> 제어장치 : 명령어 대한 정보를 보내줌 데이터 메모리 = 명령어들로 사용될 메모리 ALU = 데이터를 가지고 명령어를 읽어서 연산 수행 장/단점 장점 : 메모리가 두개이..

레지스터 = CPU 캐시메모리(SRAM), 메인 메모리(DRAM) = 주 기억장치 하드디스크(HDD) = 보조 기억장치 캐시 메모리 (L2,L3) : 컴퓨터 시스템 향상을 위해서 CPU와 주기억장치 사이에 있는 아주 작은 비싼 메모리, 컴퓨터가 전원이 꺼지면 지워지지만 제일 빠르게 조회할 수 있는 저장공간 주 기억장치 : 메인메모리 = 주기억장치 = RAM RAM은 DRAM과 SRAM이 있는데 주기억장치는 주로 DRAM을 의미합니다. (SRAM은 캐시나 레지스트리) 컴퓨터의 CPU가 현재 처리중인 데이터나 명령만을 일시적으로 저장하는 휘발성 메모리 보조기억장치(하드디스크)보다 접근속도가 빠름 HDD - RAM - CPU 와 유사한 방식으로 연산과정의 중간에 위치 HDD에 비해 월등히 빠른 속도로 CPU가..

문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string안의 모든 자연수들의 합을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 my_string은 소문자, 대문자 그리고 한자리 자연수로만 구성되어있습니다. 입출력 예 입출력 예 설명 입출력 예 #1 "aAb1B2cC34oOp"안의 한자리 자연수는 1, 2, 3, 4 입니다. 따라서 1 + 2 + 3 + 4 = 10 을 return합니다. 입출력 예 #2 "1a2b3c4d123Z"안의 한자리 자연수는 1, 2, 3, 4, 1, 2, 3 입니다. 따라서 1 + 2 + 3 + 4 + 1 + 2 + 3 = 16 을 return합니다. 풀이 function solution(my..