본문 바로가기
반응형

개발이야기/JavaScript15

[JavaScript] 문자열을 반복해서 출력하는 다양한 방법 🧩 상황 예시프로그래머스, 백준 등 코딩 테스트에서문자열을 N번 반복 출력해야 할 때가 있어요.예를 들어, 문자열 "abc"를 3번 반복해서 출력하라면?abcabcabc 이렇게 출력해야 하죠. 💡 자바스크립트에서 문자열 반복하는 다양한 방법 ✅ 1. .repeat() 메서드 사용 (가장 간단)ES6부터 지원되는 문자열 전용 메서드입니다. const str = 'abc';const repeated = str.repeat(3);console.log(repeated); // abcabcabc 장점: 가장 직관적이고 깔끔함주의: 브라우저/Node.js가 ES6 이상이어야 함 ✅ 2. for 반복문 이용const str = 'abc';let result = '';for (let i = 0; i 장점: 반.. 2025. 4. 30.
콜백(callback)이란? 함수 안에서 또 함수를 호출하는 이유 개발을 하다 보면, 특히 JavaScript나 React 같은 프론트엔드 개발 환경에서“콜백 함수(callback function)”라는 개념을 정말 자주 만나게 됩니다.그런데 처음에는 이게 도대체 뭔지, 왜 필요한 건지 헷갈릴 수 있어요. 이번 글에서는 콜백이 어떤 개념인지, 왜 쓰는지,그리고 실제로 어떤 식으로 동작하는지를 간단한 예시와 함께 정리해보려고 합니다. 콜백(callback)이란?콜백 함수란,“다른 함수에 인자로 전달되어, 그 함수 내부에서 실행되는 함수”를 말합니다.즉, 함수를 함수의 인자로 전달하는 구조죠. 왜 콜백이 필요할까?자바스크립트는 대표적인 비동기 처리 언어입니다. 예를 들어 API 요청, 파일 읽기, 이벤트 대기 같은 작업은 시간이 걸리기 때문에,결과가 나오기 전까지 다.. 2025. 4. 22.
프로그래머스 - 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.
반응형