자바스크립트에서 특정 문자열의 일부 텍스트를 치환할 때는 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에 접속한 뒤 필요한 크롬 버전을..
크롬을 사용하다가 계속 텍스트에 커서가 깜빡여서 보기에 불편한 경험 있으셨나요? 구글에서 검색을 하거나, 심지어는 영상의 자막에도 커서가 깜빡여서 집중을 방해하기도 합니다. 이런 문제는 구글의 접근성의 설정 때문에 생기는 문제인데요. 접근성의 속성 하나만 꺼주시면 간단하게 해결됩니다. 오늘은 이 방법에 대해 알아보도록 하겠습니다. 크롬(Chrome)에서 커서가 깜빡일때 해결하는 방법 단축키 : 키보드의 [F7] 을 누르시면 간단하게 없어집니다. 안 되는 분들만 아래 절차를 따라 하시기 바랍니다. 1. 크롬 우측 상단에 있는 점3개 아이콘을 클릭하고 보이는 리스트에서 설정 버튼을 클릭합니다. 2. 좌측 탭에서 "접근성"을 클릭하고 "텍스트 커서로 페이지 탐색" 기능을 OFF합니다. 3. 텍스트에 커서가 깜..
PDF 보안등의 이유로 암호를 설정해 두었다가 누군가에게 전달할 때 패스워드를 알려주기보다는 PDF에 걸어두었던 암호를 제거하고 전달하고는 합니다. 이 기능을 사용하려면 어도비의 acrobat 프로그램을 사용하는 것이 가장 좋기는 하지만 유료 프로그램이기 때문에 무료로 사용하고 싶은 사용자들에게는 쉽게 사용하기 어렵습니다. 다행히 최근에는 PDF에 암호를 해제할 수 있는 기능을 제공하는 무료 웹 사이트들이 여럿 나오고 있습니다. 그중에서도 저는 I LOVE PDF라는 웹 사이트를 추천드립니다. 이번 포스팅에서는 I LOVE PDF 사이트에서 PDF에 암호를 해제하는 방법에 대해 알아보도록 하겠습니다. 무료로 PDF 파일 비밀번호 해제하는 방법 https://www.ilovepdf.com/ko/unlock..
최근에는 중요한 문서의 보안등을 이유로 문서에 패스워드를 거는 경우가 많습니다. 엑셀이나 파워포인트의 경우에는 마이크로소프트에서 제공하는 오피스 프로그램에서 패스워드 설정 기능을 사용하면 간단하게 설정할 수 있으나 PDF는 유료 프로그램이 아니라면 제공하는 기능이 없는 경우가 대부분인지라 패스워드 설정하는 게 상당히 까다로운데요. 이번 포스팅에서 알려드리는 웹 사이트에서 패스워드를 걸 수 있는 방법이 있으니 참고해 주시면 감사하겠습니다. 전자책 PDF도 패스워드를 걸때 이 방법을 사용합니다. PDF 파일에 무료로 비밀번호 설정하는 간단한 방법 https://smallpdf.com/kr/protect-pdf 1. 위에 링크되어 있는 사이트에 접속하고 파일 선택 버튼을 클릭하여 패스워드를 설정 할 PDF 파..
어도비에는 포토샵, 일러스트, 프리미어 프로 등등 디자인이나 영상과 같이 관련업계에 종사하시는 분들에게는 거의 필수품이라고 할 수 있는 프로그램들이 많이 있습니다. 어도비 프로그램 설치 / 다운로드하는 Creative Cloud 구독 서비스 최근에는 어도비에서도 구독 기반 서비스인 Creative Cloud(크리에이티브 클라우드)라는 서비스를 제공하고 있는데요. 이 Creative Cloud 구독자들은 어도비의 소프트웨어를 온라인에서 항상 최신 버전으로 다운로드하여 설치할 수 있습니다. Creative Cloud에는 어도비의 대표 상품인 포토샵, 일러스트, 인디자인, 프리미어 프로, 애프터 이펙트 등등의 많은 제품들이 포함되어 있고 클라우드에 파일을 저장하고 협업할 수 있는 기능도 제공하고 있어서 프로젝..
자바스크립트 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)에서 도입된 반복문으로, ..
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 :객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 :배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 경우에 따라 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 for...in문에 대해 알아보도록 하겠습니다. for...in 문은 자바스크립트에서 객체의 열거 가능한 속성을 반복하는 데 ..
자바스크립트 for문의 종류 for문 : 일반적인 for문으로 블록 안의 코드를 조건에 따라 반복합니다. forEach문 : 배열에 대해 사용되는 for문으로, 각 배열 요소에 대해 주어진 함수를 실행합니다. for...in문 : 객체에 대해 사용되는 for문으로, 객체의 열거 가능한 속성을 반복할 때 사용됩니다. for...of문 : 배열, 문자열, 맵(Map), 셋(Set) 등의 iterable 객체를 순회할 때 사용되는 for문입니다. 자바스크립트에서는 forEach, for in, for of와 같은 다양한 종류의 for문이 사용될 수 있습니다. 이번 포스팅에서는 forEach에 대해 알아보도록 하겠습니다. forEach는 배열의 각 요소에 대해 주어진 함수를 실행하는 배열 메서드로 이 메서드를 ..
* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.
