본문 바로가기

반응형

내직업은 IT종사자

(54)
원하는 음악으로 아이폰 벨소리, 알람음 설정하기 (iphone garage band) 원하는 소리로 아이폰 벨소리, 알람음 설정하고 싶을 때 설정하는 방법이에요저는 아침에 일어날 때 엄마 목소리를 들으면서 일어나고 싶어서 녹음해서 설정했어요.사용자 음악으로 아이폰 벨소리 설정하기1. 원하는 벨소리를 mp4, m4a 형태로 icloud drive 에 저장하기저장한 위치는 잘기억해 놓고 garage band에서 불러올때 해당 위치에서 불러와야 합니다.2. garageband 스토어에서 어플 다운받기기본적으로 깔려있는데 사용자가 바탕화면 정리하면서 사용하지 않는다고 판단해서 지웠을 수도 있습니다. 그런경우에는 앱스토어에서 다시 다운로드 받으면 됩니다.3. GarageBand 최근 항목 > + 버튼 클릭어플 실행 후 우측 상단에 + 버튼을 눌러줍니다.4. 가운데 메뉴버튼 > 트랙 > 오디..
Reducer 개념 및 구조와 예시 코드, 어떤 상황일때 사용해야 하는 걸까? Reducer란?reducer는 상태(state)를 업데이트하는 함수로, 주로 Redux나 useReducer 훅을 사용할 때 등장하는 개념입니다.  기본개념reducer는 현재 상태(state)와 액션(action)을 받아서 새로운 상태를 반환하는 순수 함수입니다.기존 상태를 직접 변경하는 게 아니라, 새로운 상태를 반환하는 방식으로 동작합니다. 기본 구조function reducer(state, action) { switch (action.type) { case "INCREMENT": return { count: state.count + 1 }; case "DECREMENT": return { count: state.count - 1 }; default: ..
debounce와 throttle의 개념 및 차이 개요debounce와 throttle은 둘 다 이벤트가 너무 자주 발생하는 것을 제어하기 위한 기법입니다.주로 브라우저 성능 최적화와 불필요한 함수 호출을 방지하기 위해 사용됩니다.하지만 이들의 동작 방식과 사용 목적은 서로 다릅니다.   debounce의 개념debounce를 사용하게 되면 이벤트가 여러 번 발생하더라도 마지막 이벤트가 발생한 후 일정 시간이 지나야 콜백 함수가 실행됩니다.  주요특징이벤트 발생 후 대기 시간 동안 새로운 이벤트가 발생하면 대기 시간이 리셋됩니다.연속된 이벤트를 취소하고, 마지막 이벤트만 처리하려고 할 때 사용됩니다.  debouce의 사용사례사용자가 입력할 때 마지막 입력만 처리:  검색창에서 사용자가 입력을 멈춘 후에만 서버 요청.리소스 낭비 방지: 화면 크기를 변경..
useRoute()로 라우팅 정보 가져오기 useRoute란? useRoute는 Vue Router의 훅(hook) 중 하나로, 컴포넌트 내부에서 현재의 라우팅 정보를 가져올 수 있게 합니다. useRoute()를 호출하면 현재 활성화된 경로(route)에 대한 정보를 가진 객체를 반환합니다. 이 객체는 Vue Router에서 제공하는 다양한 속성과 메서드를 통해 라우팅 관련 데이터를 확인할 수 있습니다. useRoute()로 얻을 수 있는 주요 속성 1.params: 동적 라우트 매개변수를 담고 있는 객체입니다. (/users/:id에서 id 같은 값) 2.query: URL의 쿼리 문자열을 담고 있는 객체입니다. (/users?id=123의 id 값) 3.path: 현재 라우트의 전체 경로입니다. 4.name: 이름을 가진 라우트의 경우 해당..
lodash 라이브러리 chunk 란? Lodash 라이브러리 chunk 란? Lodash란?javascript에서 데이터를 쉽게 다루기 위한 유틸리티 라이브러리입니다.Lodash를 사용하면 다양한 함수들을 제공하여 배열, 객체, 문자열 등의 데이터 처리를 효율적으로 수행할 수 있씁니다. 특히 반복작업, 깊은객체복사, 배열 변형, 객체비교 등  복잡하게 구현해야하는 코드를  해당 라이브러리를 사용하여 간편하게 처리할 수 있습니다.   Lodash chunk란?chunk 함수는 배열을 특정 크기만큼 나누어 여러 개의 하위 배열로 분할하는 유틸리티 함수입니다. 즉, 배열을 일정한 크기의 덩어리로 나누고 싶을 때 유용하게 사용할 수 있습니다.   Lodash chunk 사용법 및 예시_.chunk(array, size); array: 분할할 원본 ..
비전공자 정보처리기사 실기 4주 합격방법 (+ 인강x, 책구매x) 개요정보처리기사 필기는 CBT 형식으로 얕은 지식을 가지고 있어도 기출문제 위주로 풀어보고 보기 유형을 외워서 시험치면 비교적 어렵지 않게 합격할 수 있었습니다. 문제는 실기...범위가 워낙 넓고 출제 문제수는 20문제로 적어서 한문제당 배점이 5점씩(답 여러개인 경우는 부분점수 있음) 이기 때문에 막막했었죠..필기 합격 이후 실기준비까지 그리 여유로운 기간이 아니었었기에 책을 구매 하자니 반절도 못볼거 같고 ,어느부분에서 뭐가나올지 감이 안왔었습니다. 그래서 비전공자로 막막했던 2024년 1회 정보처리기사 필기, 실기 합격 후기 및 공부했던 방법을 누군가에게 도움이 되었으면 하는 바람에 기록해 보고자 합니다 먼저, 정보처리기사는 1년에 1,2,3회를 실시하는데 1회가 보통 쉽거나 중간난이도로 나오고, ..
ECMA2022.js #을 사용해서 private variable, method 선언 방법 및 구조 정의 및 예시#은 ECMAScript 2022(ES2022)버전에서 클래스안에 프라이빗 필드와 메서드를 정의할 수 있는 기능입니다.해당 기능을 사용하면 클래스 내부에서만 접근 가능한 멤버를 쉽게 만들 수 있어서,   코드의 캡슐화와 보안을 강화하는 데 유용합니다.  예제 (Vanilla JS)class User { #name; // 프라이빗 필드 constructor(name) { this.#name = name; } #greet() { // 프라이빗 메서드 return `Hello, ${this.#name}!`; } sayHello() { return this.#greet(); }}const user = new User("Alice");console.log(user.sayH..
Yarn과 npm 차이, Yarn으로 모듈이 설치된 프로젝트를 npm으로 설치한다면? Yarn과 Npm 이란?Yarn과 npm은 모두 자바스크립트 패키지 매니저로, 주로 Node.js 환경에서 패키지를 관리하는 데 사용됩니다.두 가지 도구는 비슷한 목적을 가지고 있지만, 몇 가지 중요한 차이점과 각각의 장단점이 있습니다. Yarn과 Npm 의 차이점 npm: Node.js의 기본 패키지 관리자입니다. npm은 Node.js와 함께 설치되며, JavaScript 생태계에서 가장 널리 사용되는 패키지 관리자입니다.Yarn: Facebook이 npm의 몇 가지 문제점을 해결하고자 개발한 패키지 관리자입니다. Yarn은 npm과 호환되며, 성능 및 안정성 개선을 목표로 합니다.  주요 차이점 - 패키지 설치 속도 Yarn: 병렬 설치 방식을 사용하여 패키지 설치 속도가 더 빠릅니다. Yarn은 ..

반응형