자바스크립트에서 문자열을 합치는 방법은 여러 가지가 있습니다. 그중에서 주로 + 연산자나 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() 메서드는 문자열을 현재 문자열에 연결하는 메서드입니다. + 연산자와 ..
자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 replace() 함수를 사용합니다. replace() 메서드는 문자열의 변경을 위해 자주 사용되는 함수로, 정규 표현식을 함께 사용하면 더욱 활용도가 높아집니다. 문자열 치환 replace 사용법 //사용법문자열.replace(기존 문자열, 바꿀 문자열)기존 문자열 : 대체할 문자열 또는 정규 표현식으로 문자열에서 이 값을 검색하여 찾습니다.바꿀 문자열 : 대체될 새로운 문자열로써 검색한 값을 해당 값으로 치환합니다. See the Pen replace1 by wjdxo513 (@wjdxo513) on CodePen. 위의 예제에서는 "그 영하 정말 재미있다 재미있다 재미있다" 문자열에 replace 함수를 사용하여 재미있다를 슬프다로 치환..
자바스크립트에서 split() 함수는 문자열을 특정 구분자로 쪼개어 배열로 반환해주는 함수입니다. 특정 문자열을 분리하여 처리해야 할 때, 문자열에서 공백을 제거할 때 등등 다방면에서 유용하게 사용할 수 있습니다. 이번 포스팅에서는 자바의 split 함수에 대해서 알아보도록 하겠습니다. 자바스크립트 split 함수 사용법 문자열.split(구분자, 최대 갯수)구분자 : 선택값으로 문자열을 나눌 때 사용할 구분자로. 이 구분자를 기준으로 문자열이 나누어집니다.최대 갯수 : 선택값으로 반환할 배열에 포함될 최대 요소의 개수를 지정합니다. 구분자로 문자열 쪼개서 배열로 반환하기See the Pen split by wjdxo513 (@wjdxo513) on CodePen.위의 예제는 문자열을 구분자(쉼표 ,..
자바스크립트에서는 문자열을 자를 수 있는 여러 가지 방법들이 존재합니다. 대표적으로는 substring, substr, slice 3가지 방법이 존재하는데요. 각 함수의 사용법은 비슷하지만 기능적으로 다른 부분들이 존재합니다. 이번 포스팅에서 자세히 알아보도록 하겠습니다. substring을 사용하여 문자열 자르기 //사용법문자열.substring(시작 위치, 종료 위치)시작 위치 : 문자열에서 추출 할 시작 인덱스입니다.종료 위치 : 문자열에서 추출 할 종료 인덱스입니다. 이 인덱스값은 반환 문자열에 포함되지 않습니다.(선택 값)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. substirng은 시작점과 끝점을 인자값으로 받아서 문자열을 자르는..
자바스크립트에서 특정 문자열에 특정문자의 위치(index)를 찾기 위해서는 indexOf나 seach 함수를 사용하면 되고 추가로 문자열 뒤에서부터 위치를 서칭 하는 lastindexOf라는 함수를 사용하는 방법이 있습니다. 이번 포스팅에서 알아보도록 하겠습니다. 자바스크립트 문자열 특정 문자 위치 찾기 indexOf 함수 사용하기//사용법문자열.indexOf(찾는 문자열, 시작 위치, 종료 위치)찾는 문자열 : 찾을 문자열이나 문자입니다. (필수 값)시작 위치 : 검색을 시작할 인덱스입니다. 기본값은 0입니다. (선택 값)종료 위치 : 검색을 종료할 인덱스입니다. 기본값은 문자열의 길이입니다. (선택 값)See the Pen indexOf by wjdxo513 (@wjdxo513) on CodePe..
자바스크립트에서 문자열의 길이를 구할 때는 문자열의 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가 됩니다. 유니코드가 포함된 문자열의 길이..
크롬 개발자, 베타 버전이란?크롬 베타 버전 : 일반 사용자들을 위해 예정된 크롬의 업데이트를 미리 경험할 수 있는 안정화된 버전 (테스트 서버)크롬 개발자 버전 : 개발자들이 사용하는 크롬의 실험 및 초기 개발 버전 (개발 서버) 크롬 개발자와 크롬 베타는 구글 크롬의 개발 단계에서 테스트를 위해 배포되는 크롬의 버전입니다. 즉 크롬에서 특별한 수정이 이루어질 때 정식서버에서 배포하기 전 이 Chrome 베타, 개발자에서 업데이트가 먼저 진행된다고 생각하시면 되겠습니다. 웹 개발자의 경우 크롬의 업데이트에 민감하기 때문에 이 Chrome 버전을 사용하여 예기치 못한 업데이트에 대비하는 것이 좋습니다. 크롬 개발자, 베타 버전 다운로드 방법 1. 아래 기재되어있는 URL에 접속한 뒤 필요한 크롬 버전을..
체크 표시 특수기호를 따로 올려둡니다. 필요하신 분들은 복사 + 붙여 넣기 해서 사용하시기 바랍니다. 체크 표시 특수기호 모음집 체크 표시 특수문자 ✓ ✔ ☑ √ ▣ 체크 표시 이모지 ✔️ ☑️ ✅
삼각형(세모) 특수기호는 [ㅁ] + [한자키]를 사용하면 입력할 수 있지만 요즘 한자키가 없는 키보드를 사용하는 경우가 많아 세모 관련 특수기호를 따로 올려둡니다. 필요하신 분들은 복사 + 붙여 넣기 해서 사용하시기 바랍니다. 세모 모양 특수기호 모음집 세모모양 특수문자 ▲ △ ▶ ▷ ▼ ▽ ◀ ◁ ▴ ▵ ▸ ▹ ▾ ▿ ◂ ◃ ▻ ◅ ◢ ◣ ◤ ◥ ◬ ◭ ◮ ◸ ◹ ◺ ◿ ∇ ∆ 𓇮 ⊴ ⊲ ⫸ ⫷ ⋬ ⋭ ◬ 세모 모양 이모지 📐 : 삼각자 🔺 : 빨간색 위쪽 삼각형 🔼 : 위쪽 삼각형 🔽 : 아래쪽 삼각형 ◀️ : 반대로 버튼 ⚠️ : 주의 ▶️ : 재생 버튼 🔻 : 빨간색 아래쪽 삼각형 🚩 : 세모 깃발 ⏯️ : 재생 또는 일시 정지 버튼 ⏫ : 위쪽 화살표 ⏬ : 아래쪽 화살표 ⏭️ : 다음 트랙 버..
사각형(네모) 특수기호는 [ㅁ] + [한자키]를 사용하면 입력할 수 있지만 요즘 한자키가 없는 키보드를 사용하는 경우가 많아 네모 관련 특수기호를 따로 올려둡니다. 필요하신 분들은 복사 + 붙여 넣기 해서 사용하시기 바랍니다. 네모 모양 특수기호 모음집 네모모양 특수문자 □ ■ ▣ ▤ ▥ ▨ ▧ ▦ ▩ ◇ ◆ 네모 모양 이모지 ⬛ : 검은색 정사각형 🟥 : 빨간색 정사각형 🟧 : 주황색 정사각형 🟨 : 노란색 정사각형 🟩 : 초록색 정사각형 🟦 : 파란색 정사각형 🟪 : 보라색 정사각형 ⬛️ : 검은색 정사각형 ⬜️ : 흰색 정사각형 🟫: 갈색 정사각형 🔳: 빈 정사각형 🔲: 채워진 정사각형 ▪️ : 작은 검은 사각형 ▫️ : 작은 흰 사각형 ◾️ : 작은 검은 원형 ◽️ : 작은 흰 원형 ◼️ : 작은..
별 특수기호는 [ㅁ] + [한자키]를 사용하면 입력할 수 있지만 요즘 한자키가 없는 키보드를 사용하는 경우가 많아 하트 관련 특수기호를 따로 올려둡니다. 필요하신 분들은 복사 + 붙여 넣기 해서 사용하시기 바랍니다. 별모양 특수기호 모음집 하트모양 특수문자 ★ ☆ ✪ ✫ ✦ ✧ ✬ ✭ ✮ ✯ ✰ ✶ ✷ ✸ ✹ ⛤ ⛧ 𓇻 𓇼 𓇽 ⋆ ≛ ⍟ ⍣ ⁑ ᕯ ⁂ ࿏꙰ ⚝ ⋆⁺₊⋆ 별 모양 이모지 🤩 : 별 모양 눈을 한 이모티콘 💫 : 어지러움 기호 🌟 : 반짝이는 별 ✨ : 반짝임 ☄️ : 혜성 ☪️ : 초승달과 별 ✡️ : 중앙에 점이 없는 6각별 🔯 : 중앙에 점이 있고 6각별 ✴️ : 8각 검은 별 🌠 : 별똥별 🌃 : 별 밤
하트 특수기호는 [ㅁ] + [한자키]를 사용하면 입력할 수 있지만 요즘 한자키가 없는 키보드를 사용하는 경우가 많아 하트 관련 특수기호를 따로 올려둡니다. 필요하신 분들은 복사 + 붙여 넣기 해서 사용하시기 바랍니다. 하트모양 특수기호 모음집 하트모양 특수문자 ♡ ♥ ෆ ღ ❥ ❢ ლ —̳͟͞͞♡ —̳͟͞͞♥ 하트모양 이모지 ❤️ : 빨간색 하트 🧡 : 주황색 하트 💛 : 노란색 하트 💚 : 녹색 하트 💙 : 파란색 하트 💜 : 보라색 하트 🤎 : 갈색 하트 🖤 : 검은색 하트 🤍 : 흰색 하트 💔 : 깨진 하트 ❣️ : 하트 장식표 💕 : 두 개의 하트 💞 : 회전하는 하트 💓 : 두근거리는 하트 💗 : 점점 커지는 하트 💖 : 반짝이는 하트 💘 : 화살 맞은 하트 💝 : 리본 달린 하트 💟 : 하트 ..
저는 대화 중에 말 줄임표를 자주 사용합니다. 일반적으로 말 줄임표는 ···. 이렇게 가운데 점 3개 혹은 6개를 붙인 뒤 마지막에 온점을 이어주는 식으로 써줘야 하는데요. 특수문자 (·)점은 키보드 [ㄱ] + [한자]를 사용하면 입력할 수 있습니다. 한자키가 없으신 분은 아래 작성해 놓은 특수문자(·)를 복사 + 붙여 넣기 하셔서 사용하시기 바랍니다. 참고로 국어 맞춤법 체계에 의하면 말줄임표를 여섯 점(······.)을 찍어도 되고, 세 점(···.)만 찍어도 된다고 합니다. 나는 오늘 아무것도 안했어 ······. (O) 나는 오늘 아무것도 안했어 ···. 말 줄임표 특수기호 모음집 점 · 중간 점 • 큰 점 ⚫ 말 줄임표 (점3개) ···. 말 줄임표 (점6개) ······. 수직 말 줄임표 (점..