티스토리
관련 서비스
  • Symbols스토리 홈바로가기바로가기
  • 브런치브런치스토리바로가기바로가기
  • 카카오스토리카카오스토리바로가기바로가기

코딩팩토리
검색하기
블로그 홈

블로그 홈

코딩팩토리

IT 분야 크리에이터
coding-factory.tistory.com/m
신고

my life is good

구독자
1,297
방명록 방문하기
구독하기

주요 글 목록

  • [JavaScript] 자바스크립트 쿠키 생성, 삭제, 확인(+CORS 오류 해결법) 웹개발을 하다 보면 쿠키값을 만져야 하는 경우들이 생기는데요. HTTP 쿠키란 웹 서버에 의해 사용자의 컴퓨터에 저장되는 데이터를 일컫습니다. 이 쿠키를 사용하면 사용자를 특정할 수 있고, 사용자의 행동을 트래킹 할 수도 있고, 서버에 저장되어야 할 정보들을 분산하여 저장하여 과부하도 줄여주는 등 다양한 장점이 있는데요. 이번 포스팅에서는 이 쿠키값을 제어하는 방법과, 사용 시 주의사항에 대해 알아보도록 하겠습니다.   자바스크립트 쿠키 사용법 쿠키를 제어하는 방법 자체는 크게 어렵지 않지만 가끔 개발하다보면 보안상의 이유로 쿠키가 제대로 동작하지 않는 경우들이 있습니다. 그래서 웹 정책들을 잘 알아야 하는데요. 아래 주의사항을 한 번씩 읽어보고 개발을 진행해 주시기 바랍니다. 쿠키 사용시 주의사항HTT.. 공감수 1 댓글수 1 2024. 7. 7.
  • [JavaScript] 디폴트 파라미터(default parameter) 사용법(기본 파라메터) 자바스크립트 ES6부터는 디폴트 파라미터(default parameter)를 사용해 함수 파라미터의 기본값을 지정할 수 있습니다. 이번 포스팅에서 알아보겠습니다.  기본 매개변수(default parameter) 사용법 // 사용법function 함수명(파라미터명="기본값") {// 함수 본문}디폴트 파라미터(default parameter)의 사용법은 간단합니다. 위와 같은 형식으로 파라미터 뒤에 = "초기값"을 지정해 주시면 됩니다.  왜 사용할까?See the Pen 디폴트 파라미터 by 우정태 (@sxqouumz-the-reactor) on CodePen. 기본 파라미터가 왜 필요할까요? 바로 위와 같은 상황을 방지하기 위해서입니다. 자바스크립트에서는 초기화 되지 않은 변수를 사용하더라도 에러가.. 공감수 0 댓글수 0 2024. 6. 26.
  • [JavaScript] 가변 파라미터 ...나머지 매개변수(rest parameter) 사용법 자바스크립트 ES6부터는 가변 파라미터(rest parameter)라는 기능이 있는데 이걸 사용하면 여러 개의 파라미터 값을 배열로 받을 수 있습니다. 이렇게 되면 함수에 전달하는 파라미터의 개수를 가변적으로 적용할 수 있겠죠. 이번 포스팅에서 알아보겠습니다.  나머지 매개변수(rest parameter) 사용법 // 사용법function 함수명(...매개변수명) {// 함수 본문}가변 파라미터(rest parameter) 사용법은 간단합니다. 이렇게 ...파라미터명 형식으로 사용해 주시면 됩니다. 단, 마지막 파라미터로만 사용하셔야 합니다. See the Pen 나머지 파라미터 by 우정태 (@sxqouumz-the-reactor) on CodePen. 사용 예제를 짜봤습니다. multiply 함수는.. 공감수 0 댓글수 0 2024. 6. 25.
  • [JavaScript] ...문법 - 스프레드(spread) 연산자 사용법 자바스크립트에서 ...으로 되어있는 연산자는 두 가지 용도로 사용됩니다. 하나는 함수의 나머지 인자의(rest parameter)로 사용하는 것이고, 또 다른 하나는 이번 포스팅에서 알아볼 스프레드(spread) 연산자입니다.  자바스크립트 스프레드(spread) 연산자 사용법 자바스크립트의 스프레드(spread) 연산자는 배열이나 객체의 요소를 개별 요소로 펼칠 때 사용되며 주로 배열을 복사하거나 합칠 때, 객체를 복사하거나 업데이트할 때 유용하게 사용할 수 있습니다. 스프레드 연산자 문법// 사용법// ...배열 or 객체// 예시 -> 배열의 요소들을 개별 인자값으로 함수에 전달function sum(x, y, z) { return x + y + z;}let arrNum = [1, 2, 3];co.. 공감수 0 댓글수 0 2024. 6. 24.
  • [JavaScript] 화살표 함수(Arrow Function) 사용시 주의할 점 (어휘적 범위 - Lexical Scope) 화살표 함수(Arrow Function)는 자바스크립트 ES6에서 나온 간결한 함수 표현 문법으로, 주로 익명 함수나 콜백 함수로 사용됩니다. 코드의 가독성을 높이고 작성할 코드의 양을 줄일 수 있습니다. 하지만 화살표 함수(Arrow Function)를 사용할 때 몇 가지 주의할 점이 있는데요. 이번 포스팅에서 한번 알아보도록 하겠습니다. ※ 먼저 화살표 함수의 기본 사용법을 모른다면 아래 글을 읽고 와주시기 바랍니다.[JavaScript] 화살표 함수(arrow function) 사용법 & 예제 총정리  화살표 함수(Arrow Function) 사용시 주의할 점 화살표 함수(Arrow Function)의 어휘적 범위(Lexical Scope)Lexical Scope(어휘적 범위)는 함수가 정의된 시점.. 공감수 0 댓글수 0 2024. 6. 23.
  • [JavaScript] 화살표 함수(Arrow Function) 사용법 & 예제 총정리 ES2015에서 처음 등장한 화살표 함수(arrow function)는 기존 함수 표현식을 화살표로 간결하게 표현할 수 있는 새로운 문법으로 화살표 함수라는 이름은 문법의 생김새를 차용해 이름이 지어졌습니다.  화살표 함수는 짧고 간단하게 함수를 작성할 수 있게 해줍니다.화살표 함수는 this를 자신이 속한 환경에서 가져와서, this 키워드를 더이상 사용하지 않아도 됩니다.화살표 함수는 arguments 객체 대신 나머지 매개변수(...)를 사용합니다.화살표 함수는 new 키워드로 객체를 만들 수 없어서 객체 메서드로 사용할 때 주의하셔야 합니다.  자바스크립트 화살표 함수(Arrow Function) 사용법 기본 문법(param1, param2, param3) => { // 함수 본문}기존의 문법과.. 공감수 0 댓글수 0 2024. 6. 22.
  • [JavaScript] 배열 정렬하는 간단한 방법(sort) - 문자열, 숫자, 객체 배열 정렬하기 배열에 학생들의 성적을 넣어놨는데 순서대로 보여주고 싶다면 어떻게 해야 할까요? 이럴 때는 배열을 성적이 높은 순으로 정렬을 해야 할 텐데요. 자바스크립트에서는 sort() 메서드를 사용하면 간단하게 배열을 정렬할 수 있습니다. 이번 포스팅에서 알아보겠습니다.  자바스크립트 배열 정렬하는 sort() 함수 //사용법배열.sort();sort() 메서드는 문자열 유니코드 순서로 배열을 정렬합니다. 문자열 배열 정렬See the Pen Untitled by 우정태 (@sxqouumz-the-reactor) on CodePen. sort() 함수는 유니코드 순서로 정렬을 실행하기 때문에 문자열 배열 정렬에 최적화되어 있습니다. 위를 보시면 a, b, c, d가 무작위로 배치된 배열을 sort() 함수 호출로.. 공감수 0 댓글수 0 2024. 6. 21.
  • [JavaScript] 자바스크립트 배열(array) 합치는 간단한 방법 자바스크립트에서 배열을 합치는 방법은 여러 가지가 있습니다. 그중에서도 가장 간편한 방법은 concat 함수를 사용하거나 ES6부터 추가된 스프레드 연산자를 사용하는 방법 이렇게 두 가지가 있을 것 같은데요. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다.  자바스크립트 배열(array) 합치는 간단한 방법 concat 메서드 사용하기//사용법배열1.concat(배열2)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 배열에서 제공하는 기본 함수인 concat을 사용하는 방법으로 배열을 합치는 방법으로 가장 정석적인 방법이라고 할 수 있겠습니다. 위의 예제에서 array1과 array2를 concat으로 합쳐서 1,2,3,4,5,6이 출력된 것.. 공감수 0 댓글수 0 2024. 6. 18.
  • [JavaScript] 자바스크립트 배열에 요소 추가 / 삭제하는 다양한 방법 일반적으로 길이가 고정적인 다른 프로그래밍 언어와는 달리 자바스크립트에서 배열은 동적인 데이터 구조로, 프로그램의 상태나 사용자의 입력에 따라 배열의 내용을 추가하거나, 삭제할 수 있습니다. 이번 포스팅에서는 자바스크립트의 배열에 요소를 추가, 삭제하는 방법에 대해 알아보도록 하겠습니다.   자바스크립트 배열 요소 추가 push - 배열 맨 끝에 요소 추가See the Pen push by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 array에 push 메서드를 사용하면 배열 끝에 요소를 추가할 수 있습니다. 위의 예제에서 1, 2, 3 있었던 배열에 new라는 값을 push 하여 총 4개의 요소를 가진 배열이 된 것을 보실 수 있습니다. unshift - 배열 맨 앞에 요.. 공감수 0 댓글수 1 2024. 6. 16.
  • [JavaScript] 자바스크립트 배열 선언 및 사용법 총정리 어느 언어에도 마찬가지겠지만 자바스크립트에도 배열이 존재합니다. 배열을 사용할 때는 어떤 경우일까요? 배열은 다수의 데이터를 저장하고 처리하는 경우에 유용하게 사용할 수 있습니다. 100개의 데이터를 처리해야한다고 칩시다. 배열을 사용하지않고 100개의 데이터를 저장시키려면 100개의 변수가 필요하겠죠? 그렇다면 값을 넣는 코드도 출력코드도 100번씩 적어야할것입니다. 굉장히 코딩하기도 힘들고 코드량도 길어집니다. 하지만 배열을 선언한다면 효율적으로 코드를 짤 수 있습니다. 100개의 주소값을 가지는 배열을 하나 선언하고 그 주소값에다가 For문을 이용해 값을 넣어주고 출력을 해준다면 굉장히 효율적인 코드가 되기 때문입니다.  자바스크립트 배열의 선언 방법자바스크립트의 배열선언 방법은 다른 언어들과는 조.. 공감수 12 댓글수 2 2024. 6. 15.
  • [JavaScript] 자바스크립트 반올림, 올림, 버림 방법 - 소수점 2자리까지 출력 계산을 하다 보면 무한소수가 나오는 경우가 종종 있는데요. 이럴 때는 보기 좋게 소수점 2자리까지 출력하는 방법을 많이 사용합니다. 이번 포스팅에서는 자바스크립트에서 소수점 2자리까지 반올림, 올림, 버림 하는 방법을 알아보도록 하겠습니다. 소수점 2자리까지 반올림 (toFixed)// 사용법소수.toFixed(자릿수)소수 : toFixed 함수는 number 타입에서만 가능합니다. 문자열에 해당 함수를 사용하면 에러가 발생합니다.자릿수 : 총 나타낼 소수의 자릿수를 의미하며 2로 진행하면 소수점 2자리까지만 나타냅니다.See the Pen 반올림 by 우정태 (@sxqouumz-the-reactor) on CodePen. 자바스크립트에서 반올림을 하려면 toFiexed() 메서드를 사용하시면 됩니다... 공감수 0 댓글수 0 2024. 6. 15.
  • [JavaScript] 자바스크립트 숫자를 문자열로 형 변환하는 4가지 방법 때로는 숫자를 문자열로 변환해야 할 때도 있습니다. 문자열을 결합할 때 사용해야 한다던지, 문자열이 포함되어 있는지 검색을 위해서라던지 하는 순간들이죠. 자바스크립트에는 숫자를 문자열로 형 변환 하는 방법이 여러 가지 있습니다. 이번 포스팅에서 소개하고자 합니다. String 함수 사용//사용법String(문자열로 바꾸고자 하는 값)See the Pen String 함수 by 우정태 (@sxqouumz-the-reactor) on CodePen. String 함수를 사용하는 방법이 있습니다. 문자열로 바꾸고 싶은 값을 넣어주시면 스트링이 반환됩니다. 위의 예제에서도 typeof로 검사해 보면 string이 반환되는 것을 보실 수 있습니다.  toString 함수 사용//사용법문자열로 바꾸고자 하는 값... 공감수 0 댓글수 0 2024. 6. 14.
  • [JavaScript] 자바스크립트 문자열을 숫자로 형 변환하는 3가지 방법 종종 자바스크립트에서 계산등을 이유로 문자열을 숫자로 형 변환해야 하는 경우가 있습니다. 다양한 방식으로 문자열을 숫자로 변환할 수 있는데요. 이번 포스팅에서 그 방법들을 설명하고자 합니다.  Number 함수 사용 //사용법Number(숫자로 이루어진 문자열)See the Pen Number 함수 by wjdxo513 (@wjdxo513) on CodePen. Number() 함수에 숫자로 되어있는 문자열을 인자값으로 넣어주면 숫자가 리턴됩니다. 단 숫자형태가 아닌 문자열을 인자값으로 넣으면 NaN이 리턴됩니다. 가장 많이 사용하는 방법으로 정수, 실수 가리지 않기 때문에 추천드립니다.   parseInt, parseFloat 함수 사용 parseInt 함수//사용법parseInt(정수로 이루어진 문.. 공감수 0 댓글수 0 2024. 6. 13.
  • [JavaScript] 자바스크립트 문자열 채우기 (padStart, padEnd) 가끔 자릿수가 지정되어 있어 남는 자릿수를 특정 문자로 채워야 할 때가 있습니다. 자바스크립트에서는 이럴 때 padStart, padEnd 함수를 사용해 주시면 특정 문자열을 원하는 길이까지 채워줍니다. 이번 포스팅에서 그 방법을 알아보겠습니다. 시작 부분 채우기 (padStart)//사용법문자열.padStart(총 문자열 길이, 채우고자 하는 문자열)총 문자열 길이 : 필수값으로 채우고자 하는 문자열의 길이를 뜻하며 만약 이 길이가 현재 문자열의 길이보다 작다면, 원본 문자열이 반환됩니다.채우고자 하는 문자열 : 선택값으로 채우고자 하는 문자열을 뜻하며, 기본값은 " "(공백)입니다. See the Pen Untitled by 우정태 (@sxqouumz-the-reactor) on CodePen. 위.. 공감수 0 댓글수 0 2024. 6. 12.
  • [JavaScript] 자바스크립트 ==과 ===의 차이에 대하여 자바스크립트에서는 변수들이 같은지 비교하는 연산자가 ==과 === 연산자 이렇게 두 가지가 존재합니다. 이 두 연산자는 차이점이 있어 각각 쓰임새가 다른데요. 이번 포스팅에서는 == 연산자와, === 연산자의 차이점과 사용 예시에 대해 알아보도록 하겠습니다. "==" 동등 연산자== 연산자는 동등 비교를 수행합니다. 먼저 비교하기 전에 양쪽 피연산자의 타입을 강제로 변환하여 비교하기 때문에 비교 대상의 타입을 고려하지 않습니다. 그래서 == 연산자를 "느슨한 비교(loose equality)"라고도 합니다. 때로는 이 강제 타입 변환이 예기치 않은 결과를 초래할 수 있습니다. See the Pen == 연산자 by wjdxo513 (@wjdxo513) on CodePen. 위의 예시를 보시면 == 연산.. 공감수 0 댓글수 1 2024. 5. 24.
  • [JavaScript] 자바스크립트 문자열 비교하는 다양한 방법 총정리 자바스크립트에서 문자열을 비교하는 방법은 상황에 따라서 다르게 적용해야 합니다. 이번 포스팅에서는 자바스크립트에서 문자열을 비교하는 방법을 상황별로 알아보도록 하겠습니다.   문자열 비교 연산자  문자열 동등 비교 == , ===See the Pen 동등비교 by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트의 문자열이 같은지 비교할 때는 ==과, === 연산자를 사용합니다. 비교하는 두 대상의 값이 같으면 true를 그렇지 않으면 false를 반환합니다. 여기서 ==과 ===의 차이점은 값의 타입을 확인하는가에 대한 차이가 있습니다. ==은 두 값을 같은 타입으로 변환하여 비교를 수행하는 반면, ===은 비교 할 두 대상의 타입값이 다르면 false를 출력합니다. ==는 값만.. 공감수 0 댓글수 0 2024. 5. 22.
  • [JavaScript] 자바스크립트 문자열 공백제거 하는 방법(trim, replace) 자바스크립트에서 문자열에 포함되어 있는 공백을 제거하는 방법에는 trim() 메서드를 사용하는 방법과, replace() 메서드를 사용하는 방법이 있습니다. 이번 포스팅에서는 문자열에 포함되어 있는 공백을 제거하는 방법에 대해 알아보도록 하겠습니다.  자바스크립트 문자열 공백제거 하는 방법 trim() 메서드 사용 - 문자열 양끝에 공백 제거//사용법문자열.trim() See the Pen 공백제거-trim() by wjdxo513 (@wjdxo513) on CodePen. 위 예시처럼 문자열 변수 뒤에 tirm() 메서드를 호출하면 해당 문자열의 양 끝에 있는 공백이 제거된 새로운 문자열이 반환됩니다. 참고로 이때 원래 문자열 변수인 str은 변경되지 않습니다. 이렇게 trim() 메서드는 공백 문자.. 공감수 0 댓글수 0 2024. 5. 17.
  • [JavaScript] 자바스크립트 문자열 포함되어 있는지 확인하기(indexOf, include) 자바스크립트에서 문자열이 다른 문자열에 포함되어 있는지 확인하는 방법에는 includes() 메서드나 indexOf() 메서드를 사용하시면 됩니다. 이번 포스팅에서는 자바스크립트에 특정 문자열이 포함되어 있는지 확인하는 방법에 대해서 알아보도록 하겠습니다. ※ 대소문자 구분 아래에서 설명할 indexOf(), includes() 메서드는 찾는 문자열에서 대소문자를 구분합니다. 따라서 검색하려는 문자열의 대/소문자를 정확히 일치시켜야 합니다. 대소문자를 구분하지 않고 비교하려면 미리 문자열을 대소문자로 변환하여 비교하려 한다면 아래 글을 참고해 주세요.[JavaScript] 자바스크립트 대/소문자 변환(toUpperCase, toLowerCase)   자바스크립트 문자열 포함되어 있는지 확인하기 index.. 공감수 0 댓글수 0 2024. 5. 16.
  • [JavaScript] 자바스크립트 대/소문자 변환(toUpperCase, toLowerCase) 자바스크립트에서 문자열을 대문자나 소문자로 변환하려면 toUpperCase()와 toLowerCase() 메서드를 사용하시면 됩니다. toUpperCase() 메서드를 사용하면 대문자로, toLowerCase() 메서드를 사용하면 소문자로 변환할 수 있습니다. 대문자로 변환하기 toUpperCase()See the Pen toUpperCase by wjdxo513 (@wjdxo513) on CodePen. 위의 예제처럼 toUpperCase() 메서드를 사용하면 문자열을 모두 대문자로 변환하여 리턴합니다. 이때 원본 문자열을 변경하지 않고 새로운 문자열을 반환하기 때문에, 변환된 문자열을 다른 변수에 할당하여 사용하셔야 합니다. 소문자로 변환하기 toLowerCase()See the Pen toLow.. 공감수 0 댓글수 0 2024. 5. 15.
  • [JavaScript] 자바스크립트 문자열 합치기(+연산자, concat 함수) 자바스크립트에서 문자열을 합치는 방법은 여러 가지가 있습니다. 그중에서 주로 + 연산자나 concat() 메서드를 사용하는데요. 그 방법을 이번 포스팅에서 알아보도록 하겠습니다.  자바스크립트 문자열 합치기 +연산자 사용//사용법문자열1 + 문자열2See the Pen plus by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트에서 문자열끼리의 결합은 + 연산자로 간단하게 합칠 수 있습니다. 가장 많이 사용하는 방식으로 직관적입니다.  concat 함수 사용//사용법문자열1.concat(문자열2)See the Pen concat by wjdxo513 (@wjdxo513) on CodePen. concat() 메서드는 문자열을 현재 문자열에 연결하는 메서드입니다. + 연산자와 .. 공감수 1 댓글수 1 2024. 5. 14.
  • [JavaScript] 자바스크립트 문자열 치환하기 replace +(정규식, 여러개 치환) 자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 replace() 함수를 사용합니다. replace() 메서드는 문자열의 변경을 위해 자주 사용되는 함수로, 정규 표현식을 함께 사용하면 더욱 활용도가 높아집니다.   문자열 치환 replace 사용법 //사용법문자열.replace(기존 문자열, 바꿀 문자열)기존 문자열 : 대체할 문자열 또는 정규 표현식으로 문자열에서 이 값을 검색하여 찾습니다.바꿀 문자열 : 대체될 새로운 문자열로써 검색한 값을 해당 값으로 치환합니다. See the Pen replace1 by wjdxo513 (@wjdxo513) on CodePen. 위의 예제에서는 "그 영하 정말 재미있다 재미있다 재미있다" 문자열에 replace 함수를 사용하여 재미있다를 슬프다로 치환.. 공감수 0 댓글수 0 2024. 5. 12.
  • [JavaScript] 자바스크립트 문자열 쪼개기(split) - 구분자로 문자열 자르기 자바스크립트에서 split() 함수는 문자열을 특정 구분자로 쪼개어 배열로 반환해주는 함수입니다. 특정 문자열을 분리하여 처리해야 할 때, 문자열에서 공백을 제거할 때 등등 다방면에서 유용하게 사용할 수 있습니다. 이번 포스팅에서는 자바의 split 함수에 대해서 알아보도록 하겠습니다.  자바스크립트 split 함수 사용법 문자열.split(구분자, 최대 갯수)구분자 : 선택값으로 문자열을 나눌 때 사용할 구분자로. 이 구분자를 기준으로 문자열이 나누어집니다.최대 갯수 : 선택값으로 반환할 배열에 포함될 최대 요소의 개수를 지정합니다. 구분자로 문자열 쪼개서 배열로 반환하기See the Pen split by wjdxo513 (@wjdxo513) on CodePen.위의 예제는 문자열을 구분자(쉼표 ,.. 공감수 0 댓글수 0 2024. 5. 11.
  • [JavaScript] 자바스크립트 문자열 자르기(substring, substr, slice) 자바스크립트에서는 문자열을 자를 수 있는 여러 가지 방법들이 존재합니다. 대표적으로는 substring, substr, slice 3가지 방법이 존재하는데요. 각 함수의 사용법은 비슷하지만 기능적으로 다른 부분들이 존재합니다. 이번 포스팅에서 자세히 알아보도록 하겠습니다.   substring을 사용하여 문자열 자르기 //사용법문자열.substring(시작 위치, 종료 위치)시작 위치 : 문자열에서 추출 할 시작 인덱스입니다.종료 위치 : 문자열에서 추출 할 종료 인덱스입니다. 이 인덱스값은 반환 문자열에 포함되지 않습니다.(선택 값)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. substirng은 시작점과 끝점을 인자값으로 받아서 문자열을 자르는.. 공감수 1 댓글수 1 2024. 5. 10.
  • [JavaScript] 자바스크립트 문자열 특정 문자 위치 찾기(indexOf, search) 자바스크립트에서 특정 문자열에 특정문자의 위치(index)를 찾기 위해서는 indexOf나 seach 함수를 사용하면 되고 추가로 문자열 뒤에서부터 위치를 서칭 하는 lastindexOf라는 함수를 사용하는 방법이 있습니다. 이번 포스팅에서 알아보도록 하겠습니다.  자바스크립트 문자열 특정 문자 위치 찾기 indexOf 함수 사용하기//사용법문자열.indexOf(찾는 문자열, 시작 위치, 종료 위치)찾는 문자열 : 찾을 문자열이나 문자입니다. (필수 값)시작 위치 : 검색을 시작할 인덱스입니다. 기본값은 0입니다. (선택 값)종료 위치 : 검색을 종료할 인덱스입니다. 기본값은 문자열의 길이입니다. (선택 값)See the Pen indexOf by wjdxo513 (@wjdxo513) on CodePe.. 공감수 0 댓글수 0 2024. 5. 9.
  • [JavaScript] 자바스크립트 문자열 길이(length) 구하는 방법 자바스크립트에서 문자열의 길이를 구할 때는 문자열의 length 속성을 활용하면 됩니다. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다. 자바스크립트 문자열 길이 구하기 length //사용법문자열.lengthSee the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 문자열의 length 속성을 사용하면 문자열에 속해있는 문자의 개수를 return 합니다. 위의 예제에서 str.length는 "Hello" 문자열에 포함된 문자의 수인 5개를 리턴하는 것을 보실 수 있습니다. 자바스크립트는 공백도 문자로 인식합니다. 그래서 "W o r l d" 문자열 길이는 문자 5개 + 공백 4개로 인해 총 9가 됩니다.   유니코드가 포함된 문자열의 길이.. 공감수 1 댓글수 0 2024. 5. 8.
  • [JavaScript] 자바스크립트 for of문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트는 경우에따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있는데요. 이번 포스팅에서는 for...of문에 대해 알아보도록 하겠습니다. for...of 문은 ECMAScript 2015(ES6)에서 도입된 반복문으로, .. 공감수 3 댓글수 1 2024. 2. 23.
  • [JavaScript] 자바스크립트 for in문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 .. 공감수 3 댓글수 2 2024. 2. 21.
  • [JavaScript] 자바스크립트 forEach문 사용법 & 예제 정리 자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 forEach에 대해 알아보도록 하겠습니다. forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드로 이 메서드를 .. 공감수 4 댓글수 4 2024. 2. 20.
  • [JavaScript] 자바스크립트 for문 사용법 & 예제 정리 for 문은 자바스크립트에서 가장 많이 사용되는 반복문으로 초기화, 조건식, 증감식으로 구성되어 있고 조건식을 만족할 때까지 블록의 코드를 반복하여 실행합니다. 다른 반복문보다 가독성도 좋고, 사용하기도 편해서 사용빈도가 높아 반복문중에서는 가장 중요하다고 할 수 있겠습니다. 아래에서 for 문에 대해 자세히 알아보겠습니다. for문 사용법 for (초기화; 조건식; 증감식) { // 반복 실행될 코드 블록 } 위의 예제는 for문의 기본형입니다. 초기화: 반복문이 시작될 때 한 번만 실행되며, 변수를 초기화하는 부분입니다. 조건식: 각 반복마다 평가되어 참인 동안에 계속해서 반복됩니다. 조건식이 거짓이 되면 반복문이 종료됩니다. 증감식: 각 반복이 끝난 후에 실행되며, 변수를 증가 또는 감소시키는 부분.. 공감수 3 댓글수 2 2024. 2. 19.
  • [JavaScript] 자바스크립트 do-while문 사용법 & 예제 정리 do-while 문은 코드 블록을 한 번 실행한 후에 조건을 만족하면 코드 블록을 재 실행하는 반복문입니다. 따라서 do-while 문은 최소한 한 번은 코드 블록은 무조건 실행하고 조건에 따라서 반복 수행할지 여부를 결정합니다. 이번 포스팅에서는 자바스크립트의 do-while 문에 대해 알아보겠습니다. ※ while문이 궁금하시다면 아래 글을 참고해 주세요. [JavaScript] 자바스크립트 while문 사용법 & 예제 정리 do-while 문 사용법 do { // 실행될 코드 블록 } while (조건); 위의 예제는 do-while 문의 기본형입니다. 여기서 조건은 불리언(boolean) 값으로 표현될 수 있는 식을 말하며 먼저 블록을 실행한 뒤 마지막에 조건이 true라면 중괄호 { } 안의 코.. 공감수 4 댓글수 2 2024. 2. 18.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.