전체 글 검색 결과
20 개의 검색 결과가 있습니다.
개발/JavaScript

자바스크립트(JS), 빠르게! 문자열 자르기 4가지 방법

자바스크립트(JavaScript)를 사용하다 보면 문자열(string)을 자르기해야하는 상황을 자주 마주치게 되는데요. 오늘은 빠르게 자바스크립트에서 문자열을 자르는 4가지 방법을 알아보겠습니다. 다음 4가지 방법이 있습니다. 자바스크립트 문자열 자르는 방법 1. slice() 활용하기 2. substring() 활용하기 3. substr() 활용하기 4. split() 활용하기 1. slice() 활용하기 HTML 삽입 미리보기할 수 없는 소스 slice() 메서드는 문자열의 일부를 추출한 후에 새 문자열을 반환합니다. 예시처럼 text.slice(0, 3)은 0번째 인덱스부터 시작해서 인덱스 3의 전 값까지 받게 됩니다. 만약 두번째 값이 없으면 첫번째 값에 해당하는 인덱스부터 끝까지 반환합니다. t..

2024. 2. 22. 19:57
개발/JavaScript

자바스크립트(JS)의 배열 길이를 체크, 확인하는 방법(length)

자바스크립트(JavaScript)의 배열의 길이를 체크하는 방법을 알아보겠습니다. 매우 간단한데요. length를 활용하면 됩니다. 자바스크립트 배열 길이 확인 HTML 삽입 미리보기할 수 없는 소스 3개의 값이 들어 있는 배열(fruits)이 있습니다. (Apple, Banana, Cherry) 해당 배열 뒤에 length를 붙이면 간단하게 배열의 개수가 나옵니다. length를 활용하여 배열의 가장 마지막 값을 확인할 수도 있습니다. 또한 배열에 새로운 값을 추가한 후(fruits.push('Strawberry')), legth를 다시 확인하면 값이 3에서 4로 바뀐 것을 확인할 수 있습니다.

2024. 2. 21. 11:18
개발/Dart

Dart(다트)에서 named constructor는 도대체 왜 쓰는 걸까?

프로그래밍 언어 Dart(다트)는 재밌는 개념이 많이 있습니다. 그 중 하나는 named constructor입니다. named constructor의 사용법과 왜 쓰는지에 대해서 한번 알아보도록 하겠습니다. named constructor는 클래스의 인스턴스를 생성할 때 사용하는 특별한 타입의 생성자입니다. Dart는 하나의 클래스에서 여러 개의 생성자를 정의할 수 있게 해주는데, 이를 가능하게 하는 것이 named constructor입니다. named constructor를 사용하면, 생성자에 이름을 붙여서 같은 클래스의 다른 생성자와 구별할 수 있습니다. 예제 // Champion 클래스 생성 class Champion { String name, team; int level; // 기본 생성자 C..

2024. 2. 20. 18:42
개발/Git

커밋(commit) 날짜 및 시간 변경(수정)하기 - Github 잔디 조작

오늘은 커밋의 날짜를 바꾸는 방법에 대해 알아보려고 합니다. Github 잔디 심을 때 유용하게 사용하실 수 있을 것 같네요. 여러가지 버전으로 알려드리도록 할게요. 1. 커밋할 때 어제 날짜로 커밋하기(또는 N일 전으로 커밋하기) 2. 특정 날짜, 시간을 골라서 커밋하기 3. 바로 최근 커밋에 날짜 변경하기 4. 특정 커밋 날짜 수정하기 1. 커밋할 때 어제 날짜로 커밋하기 커밋을 아직 하지 않은 상태라면 다음과 같이 git commit --date "1 day ago" -m "커밋 메시지"를 작성 해주면 하루 전의 오늘 날짜로 커밋이 됩니다. 여기서 눈치 채셨겠지만 숫자 1을 2로 바꾼다면 이틀 전의 오늘 시간으로 커밋이 되겠죠? 그리고 만약 -m "커밋 메시지"를 제외하면 vim 또는 (설정을 해줬..

2023. 4. 11. 02:47
개발/Tool

쉽게 이해하자, 웹팩(Webpack)이란? - 모듈 번들러(Module Bundler)

프론트엔드 개발, 즉 자바스크립트(JavaScript) 학습을 하다보면 무조건 마주하게 되는 친구가 있습니다. 바로 웹팩(Webpack)입니다. 실제로 사용해보지 않으면 어떤 개념인지 잘 와닿지 않을 수 있습니다. 저도 그랬고요. 오늘은 웹팩(Webpack)에 대해서 최대한 쉽게 설명해보도록 하겠습니다. 웹팩이란 무엇인가? 아마도 웹팩을 조금 찾아봤다면 지겹도록 본 이미지일 것입니다. 일단 개념 한번 간단하게 설명하고 가겠습니다. 웹팩(Webpack)은 여러 모듈 그러니까 이미지의 왼쪽에 보이는 파일들을 하나로 번들(Bundle), 즉 꾸러미로 만들어 주는 역할을 합니다. 이렇게 번들링(Bundling)된 파일은 웹 서버에서 정적 파일로 제공됩니다. 그래서 웹팩은 모듈 번들러(Module Bundler)..

2023. 4. 4. 00:45
개발/JavaScript

간단! 자바스크립트(JS) 문자열을 대문자, 소문자로 변환하는 방법과 확인(체크)하는 방법

오늘은 간단하게 자바스크립트(JavaScript)에서 문자열을 대문자로 바꾸는 방법, 소문자로 바꾸는 방법, 그리고 대문자인지 소문자인지 체크하는 방법을 알아보겠습니다. 아래 순서로 알아보겠습니다. 1. 문자열을 대문자로 바꾸는 방법 (toUpperCase) 2. 문자열을 소문자로 바꾸는 방법 (toLowerCase) 3. 대문자인지 소문자인지 체크하는 방법 1. 문자열을 대문자로 바꾸는 방법 HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서 문자열을 대문자로 바꾸는 방법은 toUpperCase() 메서드를 사용하는 것입니다. 이 메서드는 호출된 문자열의 모든 문자를 대문자로 변환한 새 문자열을 반환합니다. 2. 문자열을 소문자로 바꾸는 방법 HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서 ..

2023. 4. 2. 19:42