라우팅과 미들웨어 라우팅이란 웹 애플리케이션에서 URL에 따라 어떤 페이지나 컴포넌트를 보여줄지 결정하는 시스템. app/ => app router 사용 page.js => 메인 홈페이지 (/) about/ => about 디렉토리 page.js => about 페이지 (...

0425 JS 복습 foreach 사용 방법 arr = [1, 2, 3, 4] arr.forEach((value, index, arr) => { return condition; }); 반복문을 간편하게 쓸 수 있음. 원래라면 이렇게 적어줘야 할 것을 let res = 0; for (let i = 1; i < 5; i ++){...

타입스크립트란? 타입스크립트는 마이크로소프트에서 개발한 정적 타입 언어다. 자바스크립트는 런타임 시점에 변수의 타입이 결정되는 동적 타입 언어인 반면, 타입스크립트는 코드를 작성하는 시점에 변수의 타입을 지정해줘야 하는, 쉽게 말해 자바스크립트에 정적 타입 시스템을 추가한 언어다. 그리고 타입스크립트는 자바스크립트의 상위 집합(Superset)이기...

이번에 2025 OSSCA 체험형 Next.js 과정에 참여하며 감사하게도 캡틴판교 멘토님의 외부 특강을 들을 수 있는 기회가 생겼다. 특강 주제는 “일 잘하는 FE 개발자로 성장하기”였으며, 프론트엔드 개발자를 꿈꾸는 취준생 입장에서는 되새겨야 할 내용들이 많았다. 그래서 약간의 개인적인 생각을 덧붙여 특강 내용을 정리해보았다. 참고로 개인적인 의견...

Next.js가 SSR을 사용하기에 요새 많은 기업들에서 사용한다는 말을 많이 들어봤을거다. SSR을 사용하면 초기 페이지 로딩 속도가 빨라서 사용한다고들 하던데, 왜 초기 로딩 속도가 빠른건지, CSR과의 차이는 뭐고, ISR과 ISG는 무엇인지, 새로 등장한 PPR은 무엇인지 알아보자. 렌더링이란 렌더링이란, 코드를 시각적으로 표현 가능한 형태로...

감사하게도 2025 OSSCA 체험형 Next.js 과정에 6주간 참여하게 됐다. 기왕 선정된 거, 열심히 해야지예. 아래는 날짜별로 있던 일을 기록해놓은 회고록이다. 0419 이 날은 레포에 자기소개를 올렸다. 팀원분들이 나보다 깃허브를 잘 사용하시는 것 같지만, 정리차원에서 글을 정리해 공유드리고 첫 PR을 보냈다. 진짜 거짓말 안치고 그냥...

한 줄 요약 가상 메모리는 보조기억장치 자체가 아니라, OS가 보조기억장치와 주기억장치를 포함하여 관리하는 논리적 메모리 시스템을 말한다. 기억장치 관리 우리가 어떤 프로그램을 다운 받으면 그 프로그램은 보조기억장치에 저장된다. (주기억장치의 용량은 작기 때문에.) 그 후 프로그램을 실행하면 OS는 PCB를 생성하며 해당 프로세스를 일정한 ...

세줄 요약 프로그램 > 프로세스 > 스레드 메모리에 저장된 값을 읽고, 해석하고, 실행 == CPU 메모리 관리를 수행, 추상화 계층 == OS 컴퓨터를 켜서 뭔가 프로그램을 실행하고 사용하는 과정은 익숙하다. 그렇담 그 안에서, 내부적으로 일어나는 과정을 알아보자. 컴퓨터 전원을 작동시키고 모니터 화면이 켜지면 우리는 ...

2줄 요약 이미지 색감이 선명하게 정해져있다? => SVG 이미지에 부드럽고 자연스러운 색감이 많이 포함되어있다? => WEBP 저번에 제작한 사과 게임 사이트를 들어가면 이미지 확장자 때문에 초기 로딩이 쫌 느리다. 근데 쫌?이라는건 사람마다 다르지 않는가. lighthouse로 성능을 재보자 ㄱㄱ 아닛, 겁나 느리잖아....

왜 수식 표기법에는 전위, 중위, 후위가 있을까? 수식 표기법과 이를 코드로 작성하는 방법을 살펴보자. 수식 표기법이 필요한 이유 우리는 일반적으로 수식을 나타낼 때 3 + 4 * 2 와 같이 연산자를 피연산자들 사이에 넣어서 표기한다. 따라서 이러한 표기법을 중위표기법(infix)이라 한다. 근데 컴퓨터 입장에선 중위 표기법을 알아보지 못한다...