본문 바로가기
반응형

개발이야기71

[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.
스킴(Scheme)이란? 앱에서 자주 쓰는 URL 스킴 개념 정리 개발을 하다 보면 "스킴(scheme)"이라는 단어를 종종 마주하게 됩니다.특히 모바일 앱이나 웹에서 앱 간 연결, 딥링크, 외부 호출 등을 구현할 때 자주 쓰이죠. 그런데 처음 들었을 땐,"스킴이 뭐지? 뭔가 스키마랑 비슷한 건가?" 하고 헷갈릴 수 있어요. 이번 글에서는 스킴이 무엇이고, 언제 사용되는지, 어떤 식으로 활용되는지모바일 환경 중심으로 정리해보려고 합니다. 스킴(Scheme)이란? 스킴은 URL에서 프로토콜을 나타내는 부분이에요.즉, 주소 앞에 붙는 http, https, mailto, tel, sms 같은 부분이 모두 스킴입니다.예를 들어,https://example.com/page 여기서 https가 바로 스킴이죠.이걸 보고 브라우저나 앱은 “아, 이건 웹페이지를 띄워야겠구나” 하고.. 2025. 4. 15.
nginx 서버 버전 정보 노출, 왜 막아야 할까? 프로젝트 중 보안 설정 점검을 하다가,nginx 응답 헤더에 서버 버전 정보가 그대로 노출되고 있는 걸 확인하게 됐습니다. Server: nginx/1.24.0 처음엔 단순한 정보처럼 느껴졌지만,이게 실제로는 보안상 취약점이 될 수 있는 정보라는 걸 알게 됐고, ISMS 대응 항목 중 하나로 이 부분을 수정하게 되었습니다.해당 설정은 ISMS 대응 항목 중 하나로, 서버 버전 정보를 숨김으로써 보안 취약점 노출 가능성을 줄이고,인증 기준을 충족하기 위한 목적이 있었습니다.  nginx 서버 버전 정보, 왜 숨겨야 할까요?nginx는 기본 설정 상태에서 위처럼 서버 버전까지 그대로 노출합니다.이런 정보는 공격자 입장에서 보면 꽤 유용한 힌트가 될 수 있습니다. 예를 들어, nginx 1.20 버전에 알려진.. 2025. 4. 9.
React 모듈화, 왜 하고 언제 해야 할까? (실무 예시 포함) React 프로젝트를 하다 보면 코드 구조가 복잡해지는 순간이 찾아옵니다.처음에는 괜찮지만, 시간이 지날수록 특정 기능을 찾기 힘들고,수정하려고 들어갔다가 다른 부분까지 영향을 주는 일이 생기기도 하죠. 이럴 때 필요한 것이 바로 모듈화입니다.이번 글에서는 모듈화가 무엇인지, 왜 필요한지, 그리고 어떤 상황에서 해야 하는지에 대해간단한 예시와 함께 정리해보려고 합니다.  모듈화란 무엇인가요?모듈화는 기능 단위로 코드를 잘게 나누고, 각각을 독립적인 단위(모듈)로 관리하는 것을 말합니다.즉, 하나의 파일이나 함수가 너무 많은 역할을 하지 않도록, 책임을 분리하는 작업이에요. 예를 들어 API 요청, UI 렌더링, 상태 관리가 한 컴포넌트 안에 모두 들어있다면이들을 각각 나눠서 관리하는 것이 모듈화라고 할 .. 2025. 4. 8.
React 웹뷰에서 AppsFlyer URL 받기, 브릿지 구현기 정리! 최근 프로젝트에서 웹뷰 안의 React 페이지에서 AppsFlyer URL을 앱으로부터 전달받아야 하는 요구사항이 있었습니다.이걸 해결하기 위해 사용한 기술이 바로 '브릿지(Bridge)'였는데요. 처음 접했을 땐 막막했지만, 원리를 이해하고 나니 생각보다 단순했습니다.오늘은 그 과정을 정리하며 브릿지가 무엇이고, 왜 필요한지, 어떻게 사용하는지 공유해보려 합니다.  브릿지란 무엇일까요?브릿지(Bridge)는 말 그대로 두 환경을 연결해주는 다리 역할을 합니다.앱(Native)과 웹(Web)은 기본적으로 서로 다른 세계에서 작동하기 때문에 직접적으로 통신하기 어렵습니다.하지만 브릿지를 활용하면 웹에서 앱의 기능을 호출하거나, 반대로 앱에서 웹으로 데이터를 넘겨주는 게 가능해집니다.  왜 브릿지가 필요했을.. 2025. 4. 7.
반응형