새내기 개발자의 배우며 코딩하는 블로그

안녕하세요. 새내기 개발자입니다. 공부하면서 정리하는 글로 틀린 부분은 언제나 댓글로 환영입니다!1. 호이스팅(Hoisting)이란?호이스팅(Hoisting)이란 JavaScript에서 변수와 함수 선언이 코드 실행 전에 메모리에 저장되는 현상을 의미합니다. 즉, 선언된 변수와 함수가 코드의 상단으로 끌어올려지는 것처럼 동작합니다.하지만, 실제로 코드가 이동하는 것은 아니며, JavaScript 엔진이 실행 전에 변수와 함수의 선언을 먼저 처리하는 과정에서 발생하는 현상입니다.2. 변수 호이스팅var 키워드의 호이스팅var 키워드를 사용하여 변수를 선언하면 변수 선언만 호이스팅되고, 할당된 값은 호이스팅되지 않습니다.console.log(name); // undefinedvar name = "John";..

안녕하세요. 늅입니다. 개발자로 취업하거나 이직을 준비할 때, 좋은 이력서(Resume)는 매우 중요한 역할을 합니다. 이력서는 단순한 경력 목록이 아니라, 자신의 기술 역량과 경험을 효과적으로 어필하는 마케팅 자료라고 볼 수 있습니다.이번 글에서는 개발자 이력서에 반드시 포함해야 할 항목과 효과적인 작성법을 정리해 보겠습니다.1. 기본 정보 (Personal Information)이력서 상단에는 기본적인 개인 정보를 명확하게 작성해야 합니다.✅ 필수 포함 항목이름: 한글 및 영문 이름(해외 취업을 고려한다면 영문 이름 추가)연락처: 이메일, 전화번호GitHub / 포트폴리오 / 블로그: 개발 경험을 보여줄 수 있는 링크LinkedIn (선택사항): 경력을 관리하고 있다면 추가❌ 불필요한 항목주민등록번호..

안녕하세요. 늅입니다. Vue.js로 글로벌한 웹 애플리케이션을 개발할 때 필수적으로 고려해야 하는 것이 다국어 지원(i18n, Internationalization) 입니다.Vue에서는 vue-i18n 라이브러리를 활용하여 다국어 기능을 쉽게 구현할 수 있습니다. 이번 글에서는 Vue 3에서 vue-i18n을 활용하여 다국어 지원을 구현하는 방법을 단계별로 설명하겠습니다.1. vue-i18n 설치 및 설정Vue 프로젝트에서 vue-i18n을 사용하려면 먼저 패키지를 설치해야 합니다.npm install vue-i18n설치 후, 국제화 관련 설정을 진행해야 합니다.1.1 i18n.js 파일 생성src 폴더 내에 i18n.js 파일을 생성하여 다국어 설정을 관리합니다.import { createI18n }..

안녕하세요. 뉴비 블로거입니다. 오늘의 글은 storybook 입니다. 프론트엔드 개발에서 UI 컴포넌트의 재사용성과 테스트 가능성을 극대화하는 방법 중 하나는 Storybook을 사용하는 것입니다. Storybook은 독립적인 환경에서 UI 컴포넌트를 개발, 문서화 및 테스트할 수 있도록 돕는 도구입니다.이 글에서는 Storybook의 개념, 주요 기능, 설치 및 사용 방법, 그리고 활용 팁에 대해 다뤄보겠습니다.📌 Storybook이란?Storybook은 UI 컴포넌트를 독립적으로 개발하고 문서화할 수 있도록 지원하는 개발 도구입니다. React, Vue, Angular 등 다양한 프레임워크를 지원하며, 컴포넌트를 개발하면서 실시간으로 확인하고, 변경 사항을 즉시 반영할 수 있습니다.🎯 Story..