데이터베이스에서 텍스트를 저장할 때, 우리는 다양한 옵션을 고려해야 합니다.  TINYTEXT, TEXT, MEDIUMTEXT, LONGTEXT와 같이 각각의 타입은 저장할 수 있는 데이터의 크기에 따라 다르게 설정되어 있습니다.  많이들 이러한 숫자를 간과하기 쉬운데, 실제로는 데이터 관리의 기초에서 매우 중요한 요소입니다. 텍스트 타입의 구분:TINYTEXT: 최대 256바이트의 작은 데이터에 적합합니다.TEXT: 65,535바이트, 주로 일반적인 텍스트 정보에 사용됩니다.MEDIUMTEXT: 16MB까지 허용되며, 대량의 텍스트 데이터를 저장할 수 있습니다.LONGTEXT: 무려 4GB까지 저장 가능하여, 대량의 문서나 긴 문자열을 효과적으로 관리합니다.저의 경험을 통해 한 가지 흥미로운 사례를 공..

이번 next.js 를 하면서 글을 써야지 하고 마음먹은 것이 이녀석 때문입니다. Turbopack이란? 갑자기 설치를 하면 좋을 것 같은 이름이었습니다.하지만 아무것도 모르고 설치를 해야 하나? 괜히 ESline 에 걸려 에러만 나는 것은 아닌지 찾아봤습니다. Turbopack는 JavaScript와 TypeScript에 최적화된 점진적 번들러로, Rust로 작성되었으며 Next.js에 내장되어 있다라고 하는데요 점진적 번들러? Rust로 작성? Next에 내장? webpack의 후속작?여러 알 수 없는 말을이 있을 겁니다. 이걸 다 설명하기는 너무 루즈하고 Vite와 비슷한데 성능이 우수하다고 생가하면 되는데요그럼 Vite가 무엇인지 모를 수도 있고요  다시 쉽게 정리하자면 빌드를 빠륵게 하기 위해 ..

next를 설치하다 보니 src를 사용할 거니?import alias를 사용할 거니? 하고 물어봤다 src에 담아서 개발을해? import alias는 '@/~' 을 사용한다고 ? 당연하지 라고 생각을 했어요 그럼 왜 당연할까요? 또 import alias는 기본 no로 되어 있어요 뭐 관리가 쉬워지고 import 코드가 깔끔해져서 그러긴 한데요 좀더 찾아봤어요  src/ 디렉토리를 사용하는 장점프로젝트 구조의 명확성모든 소스 코드 파일을 src/ 디렉토리 아래로 정리하여 루트 디렉토리가 깔끔해집니다.루트 디렉토리에는 설정 파일(예: package.json, next.config.js)만 남고, 소스 코드와 명확히 분리됩니다.대규모 프로젝트 관리프로젝트가 커질수록 디렉토리가 많아지는데, src/ 디렉토리..

next.js 를 시작하면서 이것 저것 나오는데 궁금한 것들이 있어 정리해 보았습니다.npx create-next-app@latest .처음 next를 설치를 하게 되면서 여러가지 물어보더라고요1. 타입스크립트를 사용할 거니? yes~! 이거 써야 할 말이 있으니까요?! 다음 ESline을 사용할 거니? Would you like to use eslint?  여시거 no를 사용하고 싶었지만 왜 no여야 하는지 왜 yes여야 하는지 고민을 해보고 싶었어요물론 ESline을 사용하면 많은 어려움이 있었기 때문에 사용을 하고 싶지 않았어요하지만 왜 나에게 문제가 발생을 했는지 찾는 것도 좋을 것 같아 ESline을 찾아봤어요 ESLint는 JavaScript 및 TypeScript 코드에서 오류를 찾아내고 스..

긴 숫자를 읽기 쉽게 변환하는 방법은 많은 곳에서 유용합니다.특히, 큰 금액이나 데이터 크기를 간결하게 표시할 수 있습니다. 문제: 긴 숫자를 읽기 쉽게 변환하기예를 들어, 24,343,800이라는 숫자를 그대로 표시하면 가독성이 떨어지고 UI가 깨지게 됩니다만약 모든 값을 보여줘야 하는 중요한 값이 아니라면이를 단위를 사용해 "2억+"처럼 표현한다면 훨씬 직관적일 것입니다. 아래와 같은 코드로 작성을 하면 좋을 것 같아요function formatLargeNumber(number) { if (typeof number !== "number" || isNaN(number)) { throw new Error("입력 값은 숫자여야 합니다."); } const units = ["",..

JavaScript의 연산자를 하나씩 정리해보겠습니다. 1. 연산자의 개념연산자는 코드에서 값을 계산하거나 평가하는 데 사용됩니다. 대표적인 예로는 산술 연산자, 할당 연산자, 비교 연산자 등이 있습니다.참고 문서: MDN 자바스크립트 연산자2. 값과 표현식리터럴 (Literal)리터럴은 코드에서 값을 나타내는 표기법입니다.숫자 리터럴: 1, 123문자열 리터럴: 'hello', "world"템플릿 리터럴: 안녕, ${name}함수 리터럴: function() {}표현식 (Expression)값으로 평가될 수 있는 코드를 의미합니다.let b; // 선언문b = 2; // 표현식, 할당문let a = b = 2; // 표현식console.log(a); // 2 출력3. 산술 연산자 ..