왜 내 코드는 맨날 오류일까? ESLint가 도와줄게!
·
프로젝트/Componique: UI 컴포넌트 라이브러리
여러분, 코딩하면서 이런 상황 겪어본 적 있나요?"어? 분명 코드는 잘 썼는데 왜 갑자기 오류가 뜨지?""이거 분명 동작은 하는데... 뭔가 이상해..."혹시 내가 놓친 버그나 잘못된 문법이 있을까 걱정되죠? 바로 이때 ESLint가 도와줄 수 있습니다😊ESLint란 뭐지?쉽게 말해서, ESLint는 "코드 경찰"이에요. 여러분이 자기도 모르게 저지르는 작은 실수들을 찾아내고 알려주는 똑똑한 툴이죠. 자, 예를 들어볼게요. 우리가 JavaScript 코드를 작성할 때, 어디서 변수 하나 빼먹었거나, 함수 괄호를 잘못 닫았을 때 "삑삑!" 하면서 알려줘요. 마치 교통 신호를 지키는 경찰처럼요.코드를 막 쓰고 나서 "괜찮겠지?"라고 생각했는데, 갑자기 ESLint가 와서 "잠깐! 여기서 변수 하나 안 썼잖..
자바스크립트 문자열 객체 완벽 가이드
·
웹개발/JavaScript
자바스크립트의 문자열 객체안녕하세요:)오늘은 자바스크립트에서 자주 사용하는 **문자열 객체(String)**에 대해 배워볼 거예요. 문자열 객체는 텍스트 데이터를 쉽게 다루고 조작할 수 있게 해주는 다양한 메서드를 제공해요. 함께 알아볼까요? 🚀 .split([separator[,limit]])split 메서드는 문자열을 지정한 구분자(separator)로 나눠서 배열로 반환해요.let url = 'https://www.naver.com';let splitArr = url.split("://");console.log(splitArr); // ['https', 'www.naver.com'] .charAt(index)charAt 메서드는 지정한 인덱스에 해당하는 문자를 반환해요.let url = 'http..
자바스크립트 배열 객체 완벽 가이드
·
웹개발/JavaScript
자바스크립트의 배열 객체안녕하세요, 친구들! 오늘은 자바스크립트에서 자주 사용하는 **배열 객체(Array)**에 대해 배워볼 거예요. 배열 객체는 데이터를 쉽게 다루고 조작할 수 있게 해주는 다양한 메서드를 제공해요. 함께 알아볼까요? 🚀배열 객체 생성배열 객체를 생성하는 방법은 아주 간단해요. 예를 들어볼까요?let arr = [10,20,30];이렇게 하면 숫자 10, 20, 30이 들어있는 배열이 생성돼요. .push()push 메서드는 배열의 끝에 새로운 요소를 추가해요.let arr = [10, 20, 30];arr.push(40);console.log(arr); // [10, 20, 30, 40] .shift()shift 메서드는 배열의 첫 번째 요소를 제거하고, 제거된 요소를 반환해요.l..