개발 REPO

Promise와 async & await을 쓰는 이유 객체를 사용하기 전에 항상 이 객체나 함수를 왜 사용하는지를 알아야 다음에 이용할 때나 사용할 때 쓰임새에 맞게 사용할 수 있게 됩니다. promise 동기적으로 처리되는 자바스크립트에서 비동기로 연산을 처리할 때 사용하는데 이런식으로 콜백함수안에 콜백함수를 넣고 진행하는 콜백지옥이라는 것에서 벗어나기 위해서 사용하기 시작했습니다. 위의 식은 이런식으로 나오게 됩니다. 흐름을 처리하기 어렵게 된다는 점이 있습니다. async/await 비동기러리패턴의 최신문법으로 promise에서 콜백함수를 다루는 방법에서 비동기적 사고 방식을 벗어나게 도와줘 좀 더 동기적인 코드처럼 작성할 수 있게 도와줍니다. (반환 값을 변수에 할당) Promise 이유만 봤을 ..

match match()함수는 특정 문자열에서 검색 혹은 특정 문자를 찾기 위해서 사용합니다. 비슷한 함수로는 indexOf()가 있는데 indexOf()는 위치값을 인덱스로 반환하기 때문에 위치 확인할 때 사용합니다. 하지만 match()는 문자열이 존재한다면 그 문자열을 출력합니다. 여기서 match를 사용하는 방법은 2가지로 나뉘는데 하나는 문자열 하나는 정규표현식 입니다. 문자열 문자열 같은 경우는 특정 문자열이 있는지 검색할 때 사용하며 반환값은 배열로 이루어져 검색한 값과 그 값의 인덱스, 들어온 문자열, 정규표현식에서 사용하는 그룹으로 나누어져 있습니다. 아래의 예시에도 if문을 사용해서 존재한다면 실행시키는 방식으로 사용합니다. 여기서 검색한 문자열이 없다면 반환값으로 null를 반환합니다..

1. SET 이란? SET은 ES6부터 추가된 문법으로 값들로 이루어진 집합들을 조작할 때 사용하는 문법입니다! SET객체는 자료형에 관계 없이 원시값과 객체 참조 모두 유일한 값을 저장해줍니다. SET 인스턴스는 Set.prototype에서 상속합니다. 🤔여기서 prototype은 무엇..? kimjiwon98.tistory.com/17 2. 사용하는 이유 SET안에서 값은 유일해야 되기 때문에 중복값을 없앨 때 사용합니다. 자료형과 관계없이 객체로 만들기 때문에 중복 제거를 한 고유의 값을 관리하기 위해 사용합니다. 3. 사용 방법 기본적으로 SET 객체를 만드는 방법은 new Set([반복 가능한 객체]) 로 새로운 객체에 대입합니다. const arr = [3, 2, 1, 1, 3, 4, 5, 6..

1. 정규표현식?!? 정규표현식이란? 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴으로 자바스크립트에서는 정규표현식도 객체로 나타냅니다. 복잡해질 수 있는 조건문 혹은 반복문을 정규표현식을 이용해 간단히 표현할 수 있습니다. but 가독성이 떨어져 정규표현식을 모른다면 뜻을 이해하기 힘듭니다. 정규표현식을 사용하는 메서드 정규표현식은 RegExp의 exec 메서드와 test 메서드 String의 match메서드 replace메서드 search메서드 split메서드에 사용하는 패턴입니다! 정규표현식 만드는 방법 let str = /^x/; //첫번째 방법 let str = new RegExp("xxx"); //두번째 방법 첫번째 방법으로는 / 로 감싸는 패턴이 있고 두번째 방법으로는 R..

자바스크립트에서 자주 사용하는 문자열에 관련된 메서드들을 알아보겠습니다! 1.문자열에서 특정 문자 찾아내기 1. str.charAt( ) charAt() 메서드는 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 반환합니다. 😲여기서 유니코드는 국제/다언어 문자 인코딩 시스템으로 국제 표준 문자표라고 보시면 됩니다. let str = "oh~ hi"; console.log(str.charAt(0)); console.log(str.charAt(1)); console.log(str.charAt(2)); console.log(str.charAt(3)); //result //o //h //~ // 띄어쓰기도 출력 문자열.charAt(index)로 사용하고 띄어쓰기도 문자로 포함하여 출력됩니다! 2.str.i..

어떤 언어를 쓰던 배열은 여러 가지의 값을 저장할 때 꼭 필요한 요소입니다. 자주 사용하는 만큼 편하게 사용하는 방법을 정리해도록 하겠습니다 🏃‍♂️💨 1. 삽입 1. push ( ) const arr = ['🙂','🙄']; arr.push('😎'); console.log(arr); //result //['🙂','🙄','😎'] push는 배열의 가장 뒤에 원하는 값을 삽입하는 메서드입니다. 2. unshift ( ) const arr = ['🙂','🙄']; arr.unshift('😎'); console.log(arr); //result //['😎','🙂','🙄'] unshift는 배열의 앞부터 원하는 값을 삽입하는 메서드입니다. 2. 삭제 1. pop ( ) const arr = ['🙂','🙄','😎']..

조건문을 사용할 때 흔히 사용하는 if문이 있습니다. 하지만 이 if문이 길어질 경우 코드 수도 길어지고 보기도 좋지 않을 수 있죠? 그럴 때 사용하기 위해 삼항 조건 연산자가 있습니다!! function canOverFive(num) { if(num > 5) { console.log("True, Over 5"); } else { console.log("False, under 5"); }//최소 4줄 } function canOverTen(num) { return (num > 10) ? 'True, Over 10' : 'False, under 10'; //한줄로 해결 } canOverFive(3);//False, under 5 console.log(canOverTen(20)); // True, Over ..

1. 기본적인 for 문 for (let a = 0; a < 5; a++) { console.log(a); // 0 1 2 3 4 } 위의 식처럼 for (초기문; 반복문; 증감연산식) 으로 반복문이 끝날 때까지 for문 안의 식을 반복합니다. 2. for in 1. 기본적인 문법 for (변수 in 속성이 들어있는 객체) { ... } 변수에 객체의 키값 할당 객체에서 문자열로 키가 지정된 모든 속성들에 대해 반복합니다. for in은 키-값 쌍이 있는 데이터에서 객체의 속성을 확인할 때 자주 사용합니다. 변수에는 키의 값이 들어가고 object[키값]을 넣으면 값이 나옵니다. ⛔ 배열에서는 for in을 사용하지 못합니다. 3. for of 1. 기본적인 문법 for (변수 of 반복가능한 객체) {..