kwon's Blog

개발 블로그

2021 네이버 인턴 회고

boostcamp

네이버 인턴 회고 🍀인턴십을 마무리한지 2개월이 되어가지만 이제서야 회고를 적어본다. 인턴을 시작하기까지 🏕부스트캠프가 마무리되자마자 쉴 틈 없이 채용 연계 공고가 올라오기 시작했다. 네이버 인턴은 부서별로 진행할 과제 목록을 보고 지원을 할 수 있었는데, 동영상 플레이어 개발이라는 과제가 눈에 띄었다. 부스트캠프 5주 프로젝트에서 웹 동영상 편집......

자바스크립트(JavaScript) - 객체를 immutable하게 만드는 방법들

JavaScript

객체를 immutable 하게 만드는 방법객체를 변경 할 수 없게 만드는 방법에는 대표적으로 Object.freeze()가 있다. 하지만, 이 방법 외에도 몇 가지 방법들이 있다. const vs Object.freeze() immutable한 상태를 만드는 방법은 const와 Object.freeze()가 있는데 둘의 차이를 살펴보면 아래와 같다......

WEB - 하드웨어 가속

WEB

하드웨어 가속특정 작업을 CPU가 아닌 다른 특별한 장치를 통해 수행 속도를 높이는 것을 ‘하드웨어 가속(hardware accelerated)’이라 한다. 그래픽이나 사운드와 관련된 작업에 하드웨어 가속을 많이 사용한다. 브라우저에서 하드웨어 가속은 GPU를 이용하여 CPU의 처리량을 줄이고, 브라우저의 렌더링을 효율화하는 것을 말한다. CSS 작업......

WEB - 브라우저 동작 원리

WEB

브라우저 동작 원리렌더링 과정(요약) HTML을 파싱하여 DOM 객체를 생성하고, CSS를 파싱하여 CSSOM을 만든다. 이 두개를 합쳐서 실제로 웹 브라우저에 보여져야할 요소를 표현한 렌더 트리를 만든다. 이 렌더 트리를 기준으로 레이아웃을 배치하고 색을 칠하는 등의 작업을 한다. Critical Rendering Path 브라우저가 하나의 화면을......

2020 부스트캠프 멤버십 회고

boostcamp

5개월간의 부스트캠프에서의 여정이 모두 끝났다. 부스트캠프 멤버쉽 과정에서는 챌린지에서 배우고 익힌 자바스크립트를 기반으로 다양한 프로젝트를 진행했다. 멤버쉽 4개월의 여정은 6주간의 학습 스프린트 기간과 8주간의 그룹 프로젝트 기간으로 나뉜다. 학습 스프린트 기간학습스프린트 기간은 6주 동안 2주 단위의 개인 프로젝트를 3번 진행했다. 2주는 또 1......

자바스크립트(JavaScript) - this

JavaScript

this오늘은 자바스크립트에서 자주 헷갈리는 this 에 대해 알아보겠다. this란?자바스크립트에서는 함수 선언 시에 this 에 바인딩할 객체가 정적으로 결정되는 것이 아니고, 함수 호출 시 어떻게 호출되었는지에 따라 this 에 바인딩할 객체가 동적으로 결정된다. 즉, 함수 호출 전까지는 this 에 값이 할당되어있지 않는다.그럼 이제 각각의 상......

WEB - SOP와 CORS

WEB

CORS(Cross-Origin Resource Sharing - 교차 출처 리소스 공유) 요즘에는 웹 프론트 엔드(클라이언트)와 api 서버를 따로 구성하는 경우가 많은데, 이러한 경우에 프론트 엔드에서 다른 Origin 의 api 서버로 요청을 보내면 문제가 발생하게 된다. 이 문제를 CORS 문제라고 부른다. 여기서 말하는 Origin 이란, 아......

OS - 프로세스 Context Switching

OS

Context Switching멀티 프로세스 환경에서 CPU가 어떤 하나의 프로세스를 실행하고 있는 상태에서 인터럽트 요청에 의해 다음 우선 순위의 프로세스가 실행되어야 할 때 기존의 프로세스의 상태 또는 레지스터 값(Context)을 저장하고 CPU가 다음 프로세스를 수행하도록 새로운 프로세스의 상태 또는 레지스터 값(Context)을 교체하는 작업......

OS - 프로세스 메모리 구조

OS

프로세스란?프로세스란 운영체제 입장에서 하나의 작업 단위이며, 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램을 말한다. 프로그램과 프로세스 프로그램은 일반적으로 하드 디스크 등의 보조기억장치에 저장된 실행 코드를 뜻하고, 프로세스는 프로그램을 구동하여 프로그램 자체와 프로그램의 상태가 메모리 상에서 실행되는 작업 단위를 지칭한다. 즉, 실행 중인......

Express - 미들웨어

Express

MiddleWare미들웨어는 express의 핵심이다. 요청과 응답의 중간에 위치하여 미들웨어라고 하며, 라우터와 에러 핸들로 또한 미들웨어의 일종이므로 미들웨어가 express의 전부라고 봐도 무방하다. 미들웨어 함수는 req(요청) 객체, res(응답) 객체, 그리고 애플리케이션 요청-응답 사이클 도중 그 다음의 미들웨어 함수에 대한 액세스 권한을......