일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- frontend
- zustand
- tailwind css
- github
- barrel export
- svelte
- react
- 티스토리챌린지
- js
- Git
- Fe
- 프레임 워크
- form
- route handler
- turporepo
- Pr
- 개발자
- CSS
- monorepo
- SWR
- javascript
- 협업
- 회고록
- Study
- 오블완
- JWT
- 개발
- typescript
- 비제어
- next.js
- Today
- Total
목록2025/03/17 (2)
ougi FE

오늘은 제가 면접을 보면서 질문을 받았던 호이스팅에 대해서 글을 써보려고 합니다완벽하게 답변하지는 못한 것 같아서 다음에는 더 완벽하게 답변하기 위해 이렇게 글을 쓰게 되었습니다호이스팅이란?JavaScript에서 호이스팅은 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다단순하게 단어를 해석하자면 스크립트 내 변수와 함수의 선언 순서에 상관 없이 순서가 끌어올려진 듯한 현상입니다물리적으로 끌어올려지는게 아니라 JS 엔진이 코드를 스캔하고 실행컨텍스트에 미리 기록해 놓아서 이런 현상이 발생하는 것입니다예시함수 호이스팅example() // 실행 됨 result: "호잇 호이스팅"function example(){ console.log("호잇 호이스팅");} var 변수 호..

최근에 코드를 보다가 우연히 middle.ts라는 파일을 보게 되었습니다궁금하여서 서치하다가 이 middleware에 대해서 좀 더 알아보게 되어 이렇게 글을 써보게 되었습니다middleware란?Next.js에서의 middleware란 요청과 응답 사이에서 실행됩니다특정 작업을 처리하거나 요청을 수정할 수 있는 함수입니다middleware의 여러 기능사용자 인증: 페이지나 API 경로에 접근하기 전 사용자 인증을 확인하고 권한이 없는 사용자는 접근을 제한합니다SSR 리다이렉션: 사용자의 지역이나 역할에 따라 다른 페이지로 자동으로 리다이렉션 할 수 있습니다경로 재작성: 동적으로 경로를 재작성할 수 있습니다봇 감지 및 차단: 자동화된 트래픽을 감지하고 필요한 조치를 취하여 리소스를 보호합니다로그 및 분..