자바스크립트 - 배열 값을 변경/삭제 하기 delete splice()

배열 값 변경 1. 인덱스를 이용 var hero = ['superman', 'batman', 'pororo']; hero[0] = 'ionman'; console.log(hero); //["ionman", "batman", "pororo"] 배열 값 삭제 1. delete를 사용 delete를 사용하면 빈자리에는 undefiend가 들어가게 됩니다. var hero = ['superman', 'batman', 'pororo']; delete hero[0]; console.log(hero); //[undefined, "batman", "pororo"] 2. splice() 메서드 이용 splice(변경값이 들어갈 위치, 그 위치에서 배열에서 지울 개수, 값, 값,,,,) 변경 값이 들어갈 위치 : 배열에..

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 18.
• textsms

자바스크립트 - 배열 관련 함수 정리 toString, join, pop, push, shift, unshift

자바스크립트에서는 배열 객체에 사용할 수 있는 다양한 메서드들이 있습니다. 배열 메서드들을 이용하면 많은 기능을 쉽게 구현할 수 있습니다. 1.toString() 배열 안의 값을 콤마를 찍어가며 모두 문자열로 출력합니다. var hero = ['superman', 'batman', 'pororo']; console.log(name.toString()); // "superman,batman,pororo" 2. join() toString() 메서드와 같이 배열안의 값을 문자열로 출력하지만, 특정 구분자를 사이에 넣어줍니다. var hero = ['superman', 'batman', 'pororo']; console.log(hero.join('>')); //"superman>batman>pororo" 3...

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 17.
• textsms

자바스크립트 - replace 특정 문자열을 다른 문자열로 변경하기

replace() 문자열에 검색할 값을 찾아서 새로운 값으로 변경하여 리턴해주는 메서드 입니다. replace('검색할값', '새로운값'); var str = 'hello java'; console.log(str.replace('java', 'javascript')); //hello javascript 단, 본인이 검색할 값은 첫 번째 한번 값만 바뀌게 됩니다. 특정 값을 모두 바꾸고 싶으면 아래의 방법을 사용해야 합니다. /java/g var str = "hello javascript and java"; console.log(str.replace(/java/g, 'type')); //"hello typescript and type' 대소문자를 구별하지 않으려면, /java/gi var str = "he..

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 16.
• textsms

자바스크립트에서 false 인 값(false, undefined, null, 0, NaN, "")

자바스크립트는 다른 언와 달리 특정 형태를 false로 취급합니다. 편리하기도 하지만, 헷갈리는 경우도 많죠. 아래 값들은 false 입니다. false undefined null 0 -0 Nan "" var a = 0; console.log(Boolean(a)); //false a = -0; console.log(Boolean(a)); //false a = ""; //빈 문자열 console.log(Boolean(a)); //false a; //undefiend console.log(Boolean(a)); //false a = null; //널값 console.log(Boolean(a)); //false a = false console.log(Boolean(a)); //false a = 120 / 't..

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 15.
• textsms

자바스크립트 - 문자열 자르기 substring()

substring 자바스크립트의 문자열을 원하는 만큼 자를 수가 있습니다. substring(start, end) start 와 end 사이의 문자열을 자르게 됩니다. end 가 없을 경우에는 문자열 끝까지 나오게 됩니다. 만약에 start가 end보다 큰 경우 반대로 계산되어서 자르게 됩니다. start와 end가 음수일 경우 0으로 봅니다. var str = "hi siri" console.log(str.substring(3)); //siri console.log(str.substring(0,2)); //hi console.log(str.substring(7, 3)); //reverse substring(3, 7); console.log(str.substring(-1, -3)); // ""

• format_list_bulleted Develop/JavaScript
• · 2019. 4. 12.
• textsms

직장인을 위한 생산성을 증가시키는 윈도우 단축키

안녕하세요. 윈도우 쓰시면서 단축키 많이들 알고 계실 것입니다. Ctrl + c , Ctrl + v 등등 이런 단축키 말고 외워두면 쓰기 편리한 단축키 몇가지 소개합니다. 여기서 먼저 알아 두셔할 키는 윈도우 키 입니다. 윈도우키는 키보드에서 요렇게 생긴 키입니다. 1. 윈도우키 + S - 실행 화면이 나오게 됩니다. 실행 화면에서 바로 검색을 통해서 계산기, 메모장, word 등을 검색하여 사용하면 마우스에 손이 갈 필요 없이 바로 사용할 수 있습니다. 2. 윈도우키 + E -파일 탐색기가 열립니다. 작업 도중 폴더가 필요할때, 바탕화면 이동후에 폴더를 클릭...할 필요 없이 단축키를 통해서 파일 탐색기를 열고 파일을 찾아가시면 편리합니다. 3. 윈도우키 + D 바탕화면으로 이동합니다. 작업하다가 최소..

• format_list_bulleted Develop
• · 2019. 4. 1.
• textsms

크롬 | 개발자도구 테마 설정 하는 법

안녕하세요 크롬 개발자 도구 많이 쓰시죠? 크롬 개발자 도구도 테마 설정을 할 수 있다는 것을 아시나요? 다들 기본적으로 이러한 화면을 사용하실텐데, 지금부터 개발자도구 테마 설정하는 방법을 설명드리겠습니다. 1. 개발자 도구의 우측 상단 3개의 점을 눌려서 세팅을 눌러서 들어갑니다. 2. Setting -> Experiments -> Allow custom UI themes의 체크박스를 클릭하여 줍니다. 만약에 Experiments가 메뉴가 없으신 분은 아래의 포스트를 참조해주세요. https://powerku.tistory.com/126 불러오는 중입니다... 3. 아래의 크롬 웹스토어에 들어가서 크롬 테마를 추가합니다. https://chrome.google.com/webstore/detail/de..

• format_list_bulleted Develop
• · 2019. 3. 29.
• textsms

크롬 - Settings Experiments 메뉴 오픈 하기

크롬 개발자 도구 Settings 메뉴 중에 Experiments 메뉴를 오픈하는 방법에 대하여 알아보도록 하겠습니다. 1. 주소창에 chrome://flags를 입력합니다. 2. 위의 검색창에 Developer Toos experimensts를 검색합니다. 3. 오른쪽의 드랍다운 박스에 Disabled를 Enabled로 선택합니다. 4. 우측 아래의 RELAUNCH NOW나 다시 시작을 하시게 되면 Experiments 메뉴가 오픈이 됩니다. 5. 아래 그림과 같이 Experiments 메뉴가 오픈된 것을 확인할 수 있습니다. 위 메뉴를 통해서 크롬 개발자도구를 좀 더 실험적으로 사용할 수 있습니다

• format_list_bulleted Develop
• · 2019. 3. 28.
• textsms

자바스크립트 - 오늘 날짜 구하기 getFullYear(), getMonth(), getDate(), getDay()

자바스크립트에서 오늘 날짜 구하기 아래와 같이 date 객체를 선언하게 되면 현재 시간이 출력됩니다. data 함수 중에 getFullYear(), getMonth(), getDate(), getDay()를 이용하면 오늘 날짜의 연도, 월, 일을 알 수 있습니다. var date = new Date(); // Wed Mar 27 2019 20:21:44 GMT+0900 (한국 표준시) 이제 날짜 함수와 관련된 메서드를 알아보겠습니다. ex) 2019년 3월 27일 (수) 기준 getFullYear() 년도를 출력하는 함수입니다. console.log(date.getFullYear()); //2019 getMonth() 월을 출력하는 함수입니다. 단, 0부터 시작합니다. 1월 -> 0 그래서 +1 해줘야 ..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 27.
• textsms

자바스크립트 - 배열 객체 선언 하는 방법 초기화 하기

배열이란 ? Java나 다른 프로그래밍 언어에서의 배열은 같은 자료형의 자료만 담을 수 있지만, 자바스크립트 배열의 다른 자료형의 자료도 담을 수가 있습니다. 배열 만드는 방법 생성자 방법과 객체 방법으로 배열을 만들 수 있습니다. 1. 배열 생성자 방법 var arr = new Array('대한민국', '일본', '중국'); var arr = new Array('대한민국', '일본', '중국'); 2. 배열 객체 방법 var arr = ['대한민국', '일본', '중국']; var arr1 = new Array(1, 2, 3); var arr2 = [1, 2, 3] console.log(arr1.length === arr2.length) //true; console.log(arr1[0]) // 1 co..

• format_list_bulleted Develop/JavaScript
• · 2019. 3. 25.
• textsms