티스토리

ideas0123 님의 블로그

검색하기

블로그 홈

ideas0123 님의 블로그

ideas0123.tistory.com/m

ideas0123 님의 블로그 입니다.

구독자: 0

방명록 방문하기

주요 글 목록

slice JavaScript의 slice 메서드는 문자열과 배열에서 부분을 추출하기 위해 사용됩니다.slice는 원본 데이터는 변경하지 않고, 새로 잘라낸 데이터(문자열 또는 배열)를 반환합니다.문자열에서 slice문법string.slice(startIndex, endIndex)startIndex: 추출을 시작할 인덱스 (0부터 시작).endIndex: (옵션) 추출을 끝낼 인덱스 (이 인덱스는 포함되지 않음). 생략하면 문자열 끝까지 추출.특징음수를 사용할 경우, 문자열의 끝에서부터 계산.원본 문자열은 변경되지 않음.예제 const text = "JavaScript is awesome";console.log(text.slice(0, 10)); // "JavaScript" (0번째부터 9번째까지) console... 공감수 0 댓글수 0 2024. 12. 5.
문자열 반복 출력 출력하는 방법은 4가지있는데 출력되는 형식이 다르기 때문에 그때그때 맞게 사용하면 됩니다. 1. for 반복문반복 횟수에 비례하여 메모리 사용량이 증가, 메모리 부족으로 인해 성능이 저하될 수 있음. for(var i=0; i 2. repeat( ) 메소드 사용console.log(str.repeat(n)) 3. Array.join() 메소드 사용 Array 생성과 join() 메소드 호출 과정에서 오버헤드가 발생할 수 있음.console.log(Array(n + 1).join(str))strstrstr4. process.stdout.write( )줄바꿈하지 않기 때문에, 메모리 사용량을 줄일 수 있음.for(var i=0; istrstrstr (적은) 메모리 사용량 (많은)4 process.stdo.. 공감수 0 댓글수 0 2024. 12. 2.
피자 나눠 먹기_Math.ceil 프로그래머스 문제)머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세요.제한사항1 ≤ n ≤ 100 function solution(n) { var pizza = 7; var answer = Math.ceil(n / pizza); // 올림하여 필요한 피자 판 수 계산 return answer;} 나눗셈 후 올림을 할 예정이라면 올림을 사용하는것이 적합하다. 주의Math.ceil은 항상 올림 방향으로만 작동합니다. 입력 값이 음수일 경우에도 큰 정수로 올림하기 때문에 결과는 절대값이 작아집니다. 예: Math.ceil(−4.8.. 공감수 0 댓글수 0 2024. 11. 29.
MySQL Node.js에서 MySQL을 사용하기 위해 가장 먼저 만들어진 패키지입니다. 간단한 인터페이스와 다양한 기능을 제공하며, 현재도 많이 사용되고 있습니다. 특징:연결:동기화된 단일 연결을 지원하거나 연결 풀(pool)을 사용할 수 있음.콜백 기반:비동기 작업을 콜백(callback) 패턴으로 처리.속도:MySQL2보다 약간 느리다는 평이 있음(대규모 쿼리 처리 시).기능:기본적인 MySQL 기능을 지원(쿼리 실행, 연결 관리, 트랜잭션).기능 제한:최신 MySQL 기능이나 향상된 데이터 처리 방식은 부족.장점:간단하고, 작은 규모의 애플리케이션에 적합.안정적인 버전과 많은 사용자 기반.단점:최신 ES6(예: async/await)와 잘 어울리지 않음.최신 MySQL 기능 지원 부족. 공감수 0 댓글수 0 2024. 11. 27.
MyBatis / ORM(JPA) / RDBMS 비교 항목MyBatisORM(JPA)RDBMS목적SQL 매핑 중심객체-테이블 매핑데이터 저장 및 관리 시스템SQL 사용 여부명시적으로 사용자동화되어 최소화SQL 필요유연성높은 SQL 유연성복잡한 SQL에는 제약SQL 표준으로 범용 사용 가능학습 곡선비교적 낮음높음데이터베이스별로 다름대표 사용 사례복잡한 쿼리나 DB 의존적인 프로젝트객체 중심의 애플리케이션모든 데이터베이스 기반 프로젝트 결론:MyBatis는 복잡한 SQL과 DB 중심의 작업에 적합.**ORM(JPA)**는 객체지향적인 설계와 간단한 CRUD 중심의 애플리케이션에 적합.RDBMS는 데이터베이스 자체로, 둘 모두 이 위에서 작동. 선택은 프로젝트 성격에 따라 결정됩니다. 공감수 0 댓글수 0 2024. 11. 26.
RDBMS (Relational Database Management Systems) RDBMS는 데이터를 관계형 모델로 관리하는 데이터베이스 관리 시스템입니다. 데이터를 테이블 형태로 저장하며,**SQL(Structured Query Language)**을 사용해 데이터를 조작합니다. 대표적인 RDBMS:Oracle: 강력한 성능과 확장성을 제공하며, 대규모 엔터프라이즈 환경에 적합.MySQL: 오픈소스 기반으로, 비교적 가볍고 빠르며 웹 애플리케이션에서 많이 사용됨.PostgreSQL: 객체-관계형 데이터베이스로, 확장성과 표준 준수에 강점.RDBMS의 주요 특징:데이터 무결성: 제약조건과 트랜잭션으로 데이터의 일관성 유지.SQL 표준 지원: 데이터를 질의, 삽입, 수정, 삭제할 수 있는 언어 제공.스키마 기반: 데이터 구조가 명확히 정의된 스키마 사용. 공감수 0 댓글수 0 2024. 11. 25.
ORM (Object-Relational Mapping) - JPA ORM은 데이터베이스의 테이블을 객체지향적으로 매핑하여, SQL을 직접 작성하지 않고도 데이터베이스와 상호작용할 수 있게 해주는 기법입니다.**JPA (Java Persistence API)**는 자바의 ORM 표준 스펙으로, Hibernate 같은 구현체를 통해 사용됩니다. 특징:객체 중심 개발: SQL 대신 객체를 통해 데이터베이스 작업을 처리.추상화: 테이블 대신 엔티티 객체로 데이터 관리.자동화: CRUD 작업을 위한 기본 SQL을 자동 생성.장점:SQL 작성이 불필요해 생산성이 높아짐.객체 중심의 개발로 가독성과 유지보수성이 높아짐.DBMS 변경에 유연함.단점:복잡한 SQL 쿼리에 비해 성능이 다소 떨어질 수 있음.초기 학습 곡선이 높음.DB 성능 최적화가 어려운 경우가 있음. 공감수 1 댓글수 1 2024. 11. 24.
MyBatis MyBatis는 자바 기반의 SQL 매퍼 프레임워크로,SQL 쿼리를 XML이나 애노테이션으로 관리하며데이터베이스와 자바 객체 간의 매핑을 처리합니다.ORM보다는 SQL을 개발자가 명시적으로 작성하고, 복잡한 쿼리 작업에 유리합니다. 특징:SQL 중심 개발: SQL을 XML 파일 또는 애노테이션으로 정의하여 데이터베이스와의 직접적인 상호작용 가능.자동 매핑: SQL 결과를 자바 객체와 매핑해주는 기능.유연성: 복잡한 쿼리 작성 및 DB별 최적화에 유리.명확성: SQL이 명시적으로 보이므로 쿼리를 추적하고 디버깅하기 쉬움.장점:복잡한 SQL 작성이 자유로움.SQL 최적화가 쉬움.데이터베이스 의존적인 애플리케이션에 적합.단점:SQL을 수동으로 작성해야 하므로 생산성이 ORM에 비해 낮을 수 있음.SQL 관리가.. 공감수 1 댓글수 0 2024. 11. 23.
문자열 출력하기 프로그래머스 문제) 문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요. 제한사항1 ≤ str의 길이 ≤ 1,000,000str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다. 더보기//readline 모듈을 불러옴 //readline 모듈은 Node.js에서 콘솔을 통해 입력을 받을 때 사용 const readline = require('readline'); //readline 인터페이스를 생성 //입력과 출력을 설정하여 콘솔에서 데이터를 받을 수 있도록 함 const rl = readline.createInterface({ input: process.stdin, // 표준 입력(콘솔 입력)을 통해 데이터를 받음 output: process.stdout // 표준 .. 공감수 0 댓글수 0 2024. 11. 22.
최빈값 구하기 프로그래머스 문제)최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다.정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요.최빈값이 여러 개면 -1을 return 합니다.제한사항0 array의 길이 0 ≤ array의 원소 function solution(array) { var answer = 0; var count=new Map(); var result_array=[];//최빈값넣을 array var max=0; for(let i of array){ if(!count.has(i)){//i값이 없다면 count=0 count.set(i, 0); .. 공감수 0 댓글수 0 2024. 11. 21.
템플릿 문자열(template strings) 템플릿 문자열(template strings)은 주로 문자열을 동적으로 생성할 때 사용되는 기능입니다. 특히 JavaScript에서 자주 사용되며, 다른 프로그래밍 언어에서도 비슷한 방식으로 제공됩니다. 템플릿 문자열은 변수를 문자열에 쉽게 삽입할 수 있도록 도와줍니다.JavaScript에서의 템플릿 문자열JavaScript에서 템플릿 문자열은 백틱(backticks) `을 사용하여 생성하며, ${}를 이용해 문자열 내에서 변수나 표현식을 삽입할 수 있습니다.예시:let name = "John";let age = 30;// 템플릿 문자열을 사용한 예시 let message = `My name is ${name} and I am ${age} years old.`;console.log(message);// .. 공감수 1 댓글수 1 2024. 11. 20.
중앙값 구하기_정렬.sort 프로그래머스 문제)중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다.예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다.정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 제한사항)array의 길이는 홀수입니다.0 array의 길이 -1,000 array의 원소 function solution(array) { var answer = 0; // 숫자 기준으로 배열 정렬 array.sort((a, b) => a - b); // 중앙값 구하기 answer = array[Math.floor(array.length / 2)]; return answer.. 공감수 0 댓글수 0 2024. 11. 19.
공원 산책 프로그래머스 문제) 지나다니는 길을 'O', 장애물을 'X'로 나타낸 직사각형 격자 모양의 공원에서 로봇 강아지가 산책을 하려합니다. 산책은 로봇 강아지에 미리 입력된 명령에 따라 진행하며, 명령은 다음과 같은 형식으로 주어집니다.["방향 거리", "방향 거리" … ]예를 들어 "E 5"는 로봇 강아지가 현재 위치에서 동쪽으로 5칸 이동했다는 의미입니다. 로봇 강아지는 명령을 수행하기 전에 다음 두 가지를 먼저 확인합니다.주어진 방향으로 이동할 때 공원을 벗어나는지 확인합니다.주어진 방향으로 이동 중 장애물을 만나는지 확인합니다.위 두 가지중 어느 하나라도 해당된다면, 로봇 강아지는 해당 명령을 무시하고 다음 명령을 수행합니다.공원의 가로 길이가 W, 세로 길이가 H라고 할 때, 공원의 좌측 상단의 좌표.. 공감수 0 댓글수 0 2024. 11. 18.
달리기 경주_JAVA_시간의 복잡도_일부 성공 프로그래머스 문제) 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1등인 "mumu" 선수를 추월했다는 것입니다. 즉 "soe" 선수가 1등, "mumu" 선수가 2등으로 바뀝니다. 얀에서는 매년 달리기 경주가 열립니다. 해설진들은 선수들이 자기 바로 앞의 선수를 추월할 때 추월한 선수의 이름을 부릅니다. 예를 들어 1등부터 3등까지 "mumu", "soe", "poe" 선수들이 순서대로 달리고 있을 때, 해설진이 "soe"선수를 불렀다면 2등인 "soe" 선수가 1.. 공감수 0 댓글수 0 2024. 11. 17.
분수의 덧셈 프로그래머스 문제)첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항)0 첫번째 코드 _ 실패function solution(numer1, denom1, numer2, denom2) { var answer = []; var numer = 0; var denom = 0; var num = [2, 3, 5, 7, 11, 13, 17, 19]; if (denom1 === denom2) { numer = numer1 .. 공감수 0 댓글수 0 2024. 11. 16.
링크 유효성 검사 링크 유효성 검사는 주로 URL이 올바른지, 웹사이트가 현재 정상적으로 동작하는지 등을 확인하는 과정입니다. 이 과정은 여러 방법을 통해 구현할 수 있습니다.1. HTTP 요청을 통한 유효성 검사URL이 실제로 동작하는지 확인하는 가장 기본적인 방법입니다. URL에 HTTP 요청을 보내고 응답 상태 코드를 확인하여 유효 여부를 판단합니다.HTTP 상태 코드 확인200 OK: 링크가 정상적으로 동작.404 Not Found: 링크가 존재하지 않음.500 Internal Server Error: 서버 문제로 인해 링크가 동작하지 않음.요청 후 상태 코드가 200이 아니면 문제가 있는 것으로 판단할 수 있습니다.예시 코드 (Python):import requestsdef check_link(url): tr.. 공감수 2 댓글수 2 2024. 11. 15.
양꼬치_Math.floor / Math.trunc() 프로그래머스 문제)머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. function solution(n, k) { var answer = 0; var lamp = 12000; var drink = 2000; k-=Math.floor(n/10); answer = (n*lamp)+(k*drink); return answer;} JavaScript에서는 소숫점을 버리고 정수 부분만 취하려면 Math.floor() 또는 Math.tr.. 공감수 0 댓글수 0 2024. 11. 14.
JavaScript에서 swap JavaScript에서 swap은 두 변수의 값을 서로 바꾸는 작업을 말합니다. 예를 들어 변수 a와 b가 있을 때, 두 값을 교환하고자 할 때 사용합니다. JavaScript에서 swap을 구현하는 몇 가지 방법을 소개해 드릴게요.1. 임시 변수를 사용한 스왑let a = 5;let b = 10;[a, b] = [b, a];console.log(a, b); // Output: 10, 5구조 분해 할당 방식은 배열의 값을 동시에 할당해주는 방식으로,코드가 간결해지는 장점이 있습니다. 2. 배열 구조 분해(destructuring)를 사용한 스왑ES6 문법에서는 구조 분해 할당(destructuring assignment)을 이용해 더 간단하게 값을 교환할 수 있습니다.let a = 5;let b = 10.. 공감수 0 댓글수 1 2024. 11. 13.
JavaScript의 Map 객체 JavaScript의 Map 객체는 키-값 쌍을 저장하며, 삽입 순서대로 요소를 기억하는 컬렉션입니다. Map 객체를 사용하면 객체와 달리 모든 데이터 유형을 키로 사용할 수 있고, 반복문과 함께 유용하게 활용됩니다.1. Map의 기본 사용법// Map 생성 const map = new Map();// 값 추가 map.set('name', 'John');map.set('age', 30); // 값 가져오기 console.log(map.get('name')); // 'John' // 키가 존재하는지 확인 console.log(map.has('age')); // true // 값 삭제map.delete('name'); // 전체 요소 삭제 map.clear();2. Map과 객체의 차이점키의 유형: Map의.. 공감수 0 댓글수 1 2024. 11. 12.
두 수의 나눗셈_Math.floor / Math.trunc() 프로그래머스 문제)정수 num1과 num2가 매개변수로 주어질 때, num1을 num2로 나눈 값에 1,000을 곱한 후 정수 부분을 return 하도록 soltuion 함수를 완성해주세요. function solution(num1, num2) { var answer = 0; answer = Math.floor(num1/num2*1000) return answer;} JavaScript에서는 소숫점을 버리고 정수 부분만 취하려면 Math.floor() 또는 Math.trunc()를 사용합니다.Math.floor()는 양수와 음수 모두 소수 부분을 버리고 내림을 하고,Math.trunc()는 소수점 이하를 단순히 잘라내는 역할을 합니다. Math.floor()와 Math.trunc()의 .. 공감수 0 댓글수 0 2024. 11. 11.
HashMap HashMap은 Java에서 제공하는 가장 대표적인 맵(Map) 자료구조 중 하나로, **키-값 쌍(Key-Value pairs)**으로 데이터를 저장합니다. 각 키는 유일하며, 키를 통해 특정 값을 빠르게 조회하거나 업데이트할 수 있습니다. HashMap은 보통 데이터 검색이나 수정이 자주 필요할 때 매우 효율적으로 사용됩니다.HashMap의 주요 특징Key-Value PairHashMap은 키와 값 쌍으로 데이터를 저장합니다. 각 키는 고유하며, 하나의 키에 여러 값을 저장할 수 없습니다. 동일한 키로 값을 추가하면, 기존의 값이 덮어씌워집니다.예를 들어, "apple"이라는 키와 5라는 값을 저장하려면 hashMap.put("apple", 5);처럼 추가할 수 있습니다.해시 함수(Hash Funct.. 공감수 2 댓글수 1 2024. 11. 10.
Meta Tags(메타 정보)_링크보낼 때 이미지와 제목, 설명이 같이 보임 링크를 복사하여 삽입할 때 웹페이지의 제목, 설명, 이미지 등의 정보가 함께 표시되는 기능은 **메타 정보(Meta Tags)**를 이용한 것입니다. 이러한 정보는 HTML 문서의 태그에 정의되어 있으며, 소셜 미디어, 메신저, 검색 엔진에서 웹페이지를 미리 볼 수 있게 도와줍니다. 주요 메타 정보 태그는 다음과 같습니다:1. 기본 Meta 태그HTML의 기본 메타 태그는 웹페이지의 기본 정보를 제공하는데 주로 사용됩니다.2. Open Graph (OG) 태그Open Graph Protocol은 주로 Facebook, Twitter와 같은 소셜 미디어에서 사용됩니다. Open Graph 태그를 사용하면 URL이 공유될 때 어떤 정보가 표시될지 세부적으로 조정할 수 있습니다.og:title: 페이지 제목.. 공감수 2 댓글수 1 2024. 11. 9.
백/프론트 디버그모드 디버그 모드는 코드 실행 중에 프로그램의 상태와 변수 값을 실시간으로 확인하고 문제의 원인을 찾기 위한 중요한 도구입니다. 백엔드와 프론트엔드 각각에서 디버그 모드를 사용하는 이유와 방법을 아래와 같이 정리해 볼 수 있습니다. 1. 왜 디버그 모드를 사용해야 하는가?디버그 모드는 다음과 같은 이유로 꼭 필요합니다:문제 해결: 코드의 특정 부분에서 오류가 발생할 때, 실행 흐름과 변수 값을 확인하여 원인을 찾을 수 있습니다.코드 이해: 복잡한 로직이나 타인이 작성한 코드를 분석할 때, 실행 과정을 한 단계씩 살펴보며 코드 동작을 이해할 수 있습니다.실행 흐름 확인: 코드가 의도한 순서대로 실행되는지, 조건문과 반복문이 올바르게 동작하는지 점검할 수 있습니다.가정 검증: 개발자가 의도한 대로 코드가 동작하는.. 공감수 2 댓글수 1 2024. 11. 8.
백/프론트 테스트 코드 테스트 코드는 소프트웨어 개발에서 코드의 정확성을 검증하고 유지보수성을 높이는 중요한 역할을 합니다. 특히 백엔드와 프론트엔드 각각에서 테스트를 작성하는 이유는 서로 다른 관점에서 애플리케이션의 기능을 검증하여, 버그를 사전에 발견하고 코드 품질을 향상하기 위함입니다.1. 왜 테스트 코드를 작성해야 하는가?테스트 코드는 코드가 올바르게 동작하는지 확인하는 자동화된 방법을 제공하여, 수동으로 검증하는 것보다 빠르고 정확하게 코드의 문제를 찾아낼 수 있습니다. 주요 이유는 다음과 같습니다:버그 예방: 새로운 기능을 추가하거나 기존 기능을 수정할 때, 의도치 않게 다른 기능에 버그가 생길 수 있습니다. 테스트 코드는 이러한 상황을 사전에 방지해 줍니다.코드 품질 유지: 잘 작성된 테스트 코드는 코드가 일정 수.. 공감수 5 댓글수 1 2024. 11. 7.
test 코드>>성공했으나 에러는 나옴 console.error Warning: `ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info. 공감수 0 댓글수 0 2024. 11. 7.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.