본문 바로가기
반응형

개발이야기/JavaScript13

프로그래머스 - Javascript 핸드폰 번호 가리기 문제 풀기 문제 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 phone_number는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01033334444" "*******4444" "027778888" "*****8888" 풀이 function solution(n) { const a = n.length - 4 const b = n.slice(-4) return '*'.repeat(a) + b; } repeat()와 slice()를 이용.. 2022. 8. 18.
[Javascript] Array Method map()과 foreach() 차이 Array Method에서 forEach를 쓸 때와 map을 쓸 때가 있다 같은 배열 메소드인데 어떤 차이가 있는지 알아보자 Array.prototype.map() 배열 내의 모든 요소 각각에 대하여 콜백 함수에 따라서 새로운 배열를 반환한다 const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] map()은 기존 배열을 이용해 새로운 배열을 생성하므로 새 배열을 얻고 싶다면 map()을 사용할 것을 권장한다 요소가 아닌 새로운 값을 만들기 때문에 return을 할 수 있고 return 값.. 2022. 6. 29.
11. UI와 API 그리고 문서보는 법 UI(User Interface)와 API(Application Programming Interface)는 공통점과 다른점이 있다. 공통점은 Interface라느 말이 같고 다른 점은 UI는 User로 시작하고 API는 Application Programming로 시작한다는 점이다. UI 사용자를 대면하는 접점이 되는 지점을 포괄적으로 User Interface라 부르고 줄여서 UI라고 한다. 웹브라우저에서의 버튼들이 바로 UI라 할 수 있다. API 주소창에 javascript:alert("Hello world");를 치면 경고창에 Hello world라는 문자가 표시된다. 이처럼 alert() 이라는 명령은 웹브라우저를 제어하기 위한 Interface이며 코드의 형태를 띠고 있기에 Applicatio.. 2019. 5. 14.
10. 모듈 모듈이라는 것을 알아보기 전에 부품이라는 단어의 의미를 생각해볼 필요가 있다. 프로그램은 작고 단순한 것에서 크고 복잡한 것으로 진화한다. 작고 단순한 것에서는 그렇게 필요없지만 크고 복잡한 것에서는 반드시 필요한 것들이 바로 코드의 재활용성 또는 유지보수를 쉽게 할 수 있는 다양한 기법들이다. 이러한 것들을 통해서 어떤 프로그램을 구성하고 있는 수많은 로직들을 재사용할 수 있는 단위로 조각 조각 나눠서 구획화를 시켜 별도의 모듈이라는 형태로 떼어내서 이것을 또 다른 프로그램에 부품으로 사용하는 기법, 또 그 부품들을 모듈이라하고 이를 모듈화라고 한다. 모듈화라는 목적을 이루는 방법 중에 하나가 바로 이 코드를 어떤 취지에 따라 동작하는 방법에 따라 여러개의 파일로 분리해서 사용하는 것이다. 이를 통해 .. 2019. 5. 14.
9. 객체 객체는 영어로는 Object라고 한다. Object라는 객체가 자바스크립트에서 하는 역할은 배열과 유사하다. 배열이 연관되어 있는 데이터들를 담아내기 위한 그릇이라 보면 되는데 객체 역시도 연관되어 있는 데이터들를 담아내기 위한 그릇이라는 점에서 유사하다. 하지만 객체는 인덱스 식별자를 숫자를 사용하는 배열과는 달리 문자도 사용이 가능하다. 다른 언에서 객체에 해당하는 데이타 타입은 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 것이 해당한다. 객체는 객체 지향이라는 프로그래밍 패러다임과 아주 중요하게 연결되는 개념이지만 지금 공부하는 객체는 데이터를 담아내는 그릇으로서 공부하는 것임~ ( 이 부분은 추후 공부!) 객체의 생성 배열을 만드는 방법과 유사.. 2019. 4. 18.
8. 배열 배열이라고 하는 것은 영어로는 Array라고 한다. 배열을 정의한다면 연관되어 있는 데이터를 모아서 통으로 관리하기 위해 사용하는 데이터의 형식이다. 데이터들을 담는 그릇이라 보면 된다. 또한 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 배열의 생성 배열은 대괄호로 시작해서 대괄호로 끝난다([]). 대괄호 안의 데이터는 콤마(,)로 구분하여 나열하면 된다. // 변수로 하나씩 데이터 담기 var member1 = 'egoing'; var member2 = 'k8805'; var member3 = 'sorialgi'; // 배열로 한번에 데이터 담기 var member = ['egoing', 'k8805', 'sorialgi'.. 2019. 4. 16.
반응형