Next.js 14 스타일 적용 알려드립니다
·
웹개발/Next.js
Next.js 14에서의 스타일링 방법을 알아보겠습니다.특히, Next.js 공식 팀이 권장하는 테일윈드 CSS를 중심으로 설명드리겠습니다. 테일윈드(Tailwind CSS)테일윈드는 Next.js 공식 팀이 권장하는 스타일링 방법 중 하나입니다. 설치 과정에서 테일윈드 설치 여부를 물어보며, 이를 통해 손쉽게 스타일링을 시작할 수 있습니다.Next.js 보일러 플레이트 생성 과정에서 테일윈드 사용 여부를 Yes로 선택하면, 별다른 설정 없이 자동으로 포함됩니다. 테일윈드는 처음부터 도입해서 사용하는 것을 권장합니다. 중간에 설치를 원한다면, 공식 문서를 참고해서 그대로 설치하면 됩니다. 테일윈드 공식 문서 - Next.js 가이드  Install Tailwind CSS with Next.js - Tai..
🗣️ "호이스팅이 뭔지 설명하세요"
·
프론트엔드 개발자로 취업준비/기술 면접
🗣️ "호이스팅이 뭔지 설명하세요" 네 호이스팅에 대해 설명드리겠습니다.호이스팅은 자바스크립트 엔진이 코드를 실행하기 전에, 변수와 함수의 선언부를 스코프의 맨 위로 끌어올리는 것처럼 동작하는 특성을 말합니다. 이게 실제로 코드가 변경되는 것은 아니고, 컴파일 단계에서 메모리에 저장되는 방식입니다.제가 이해한 바로는 호이스팅이 중요한 이유가 코드의 실행 흐름을 예측하는데 영향을 주기 때문입니다.특히 var로 선언한 변수에서 이 특성이 두드러지게 나타납니다.예를 들어 console.log로 변수 x를 출력한다고 작성하고 다음 줄에 var키워드로 변수 x를 선언하면 에러가 날 것 같지만 undefined가 출력됩니다. var x부분만 코드의 최상단으로 끌어올려져서 작동되기 때문입니다.개인적으로 호이스팅을 ..