분류 전체보기 3

첫 면접까지, 그 이후

대학교를 처음 입학하고 나서 "내가 정말 4학년이 올까?", "졸업하고 취직은 할 수 있을까?"라는 생각을 했었는데, 어쩌다 보니 4학년이 되어있었다. 언젠간 일어날 일이란 걸 알고 있었지만, 내가 스스로 자립해야 하는 시기가 이렇게 빨리 다가올 줄은 상상도 못 했다. 그렇게 4학년 1학기를 마치고, 그래도 병역 문제와 취업 문제를 해결하기 위해 구인구직 플랫폼을 둘러보며 거의 20군데에 이력서를 넣었던 것 같다. 전에 한 회사에 서류 합격을 하여 코딩 테스트를 봤지만 처참하게 탈락하고 나서 자존감이 낮아졌을 때, 이력서를 넣은 다른 회사에서 연락이 왔다. 정말 꿈같은 기회였다. 코딩 테스트가 아닌, 현업을 하시는 분들과 함께 이야기를 할 수 있다는 것 자체가 너무 설렜다. 언제 이런 기회가 있을지도 모..

끄적끄적 2024.07.18

CSR과 SSR의 개념과 차이점, 그리고 장단점

Prologue기술스택에 Next.js가 있는 프론트엔드 개발자 모집 공고에는 무조건 CSR과 SSR의 차이점이 있다는 것을 분석하고, 이번에 개념을 다시 상기시킬 겸 따로 간단하게 정리를 하려고 한다.이 기술을 사용하는 의미가 "남들이 사용해서"가 아닌, "사용할 만한 합당한 이유가 있어서"를 추구하기 위해서기도 하다. 잘못된 내용 제보 환영합니다. 1. CSR과 SSR의 개념 및 차이점React는 기본적으로 빈 index.html 파일에 브라우저가 다운로드 받은 자바스크립트 코드를 가지고 동적으로 DOM을 생성하는 원리이다.React로 개발된 웹 페이지를 접속하고 페이지를 그려내는 과정까지는 다음과 같다.유저(브라우저)가 웹 서버로 웹 페이지 데이터(html)를 요청한다.웹 서버는 요청을 확인하고 응..

브라우저가 웹 페이지를 표시하기 까지

Prologue지금까지 웹 프론트엔드 개발을 공부하면서, 웹 사이트를 설계하고 개발하는 것만 배웠지 근본적으로 브라우저가 웹 사이트를 받아오고 그려오는 과정에 대해서는 모르고 있었다.사실 무엇을 시작하던 기초적인 바탕 개념이 있어야 이를 응용하여 발전해 나갈 수 있는 것처럼, 웹 개발을 공부하면서 고차원적인 CS 지식들이 요구되는 개념들이 등장함에 따라 브라우저가 웹 페이지를 표시하기까지의 모든 과정을 간단하게 톺아보기로 결심했다.MDN Web Docs에서 위 과정을 상세하게 설명해 주어서, 위 문서를 바탕으로 내용을 정리하였다.잘못된 내용 제보 환영합니다.1. 탐색 (Navigation)우리가 일반적으로 검색창에 URL을 입력하거나 링크를 클릭하면, 브라우저는 서버로부터 GET 요청을 보내게 된다.이 ..

문서/기타 2024.07.15