Photo by Panos Sakalakis on Unsplash

사용자가 사이트에 접속했을 때, 브라우저가 어떻게 동작하여 컨텐츠가 화면에 보이는지 간단하게 알아보겠습니다. 이 문서는 크롬 브라우저를 기준으로 작성하였습니다.

브라우저는 다양한 프로세스로 구성되며, 프로세스는 여러 스레드를 가지고 있습니다. 그리고 프로세스들은 IPC(Inter Process Communication)를 이용하여 통신합니다.


Photo by Daria Nepriakhina on Unsplash

스택은 마지막에 들어온 것이 먼저 나가는 LIFO(Last In First Out) 구조를 가진 자료 구조입니다. 일상 생활에서 책을 쌓고, 책을 꺼내는 것과 브라우저에서 서핑 후 뒤로가기 버튼을 누르는 것과 같습니다.


최근에 모델링을 공부해야겠다는 생각으로 Centos 7에 PostgreSQL을 설치했다. Centos 7를 설치하는 것은 Vagrant를 이용하여 설치했기 때문에 쉬웠지만 database를 설치하는 것은 프론트엔드를 개발하는 나에게는 어려웠다. 그래서 여기에 고생한 흔적을 남기기로 했다.

  1. PostgreSQL Repository 추가하기

sudo yum install -y postgresql 명령어로 설치를 하면 9.x 버전이 설치된다. 11버전을 설치하고 싶다면, repository를 설치해 주어야한다. 아래와 같이 명령어를 실행하면 respository가 설치된다.

sudo rpm -Uvh https://download.pos …


Queue

큐는 선형구조로, 스택과 다르게 먼저 들어가는 것이 먼저 나가는, FIFO(First In First Out) 구조를 가지고 있습니다. 실생활에서는 버스를 타기 위해 줄을 서거나 은행에서 업무를 보기 위해 대기표를 뽑고 기다리는 상황을 예로 들 수 있습니다.

구조


Jest를 이용한 Unit Test 적용기

어떻게 테스트를 진행해야 할까요?

처음 프론트엔드 테스트라는 것을 알게된 것은 3년전 Angular 1을 공부하면서였다. 그 때는 이게 머지? 개발하기도 바쁜데 꼭 필요한가? 라는 생각에 간단히 훑어보고 지나갔었다. 왜 그때 공부하지 않았는지 열심히 후회하고있는 중이지만 지금부터라도 공부를 시작하자는 생각에 현재 프로젝트에 React 를 사용하니 Jest를 사용하여 단위테스트를 시작하기로 정했다.

Jest란?

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store