키자드에 등록된 gurtn의 티스토리 포스트 목록

gurtn의 등록된 링크

gurtn로 등록된 티스토리 포스트 수는 99건입니다.

[JS] 연속된 순서를 가진 숫자, 영문 체크하기 [내부링크]

A가 3번 들어간 문자를 찾는 방법은 정규식을 이용하면 간단한 코드로 체크할 수 있습니다. const a = "AAAbbCC"; a.match(/[A-z]{3}/); // AAA 하지만 ABC 처럼 연속되는 순서를 가진 영문을 체크할 수 없습니다...

[PHP] 다차원 배열 1차원 배열로 바꾸기 [내부링크]

코드 $multiArr = [['a', 'b', 'c'], [1, 2, 3]]; $arr = array_merge(...$multiArr); // ['a', 'b', 'c', 1, 2, 3]; 하위 배열 요소를 묶어 새로운 배열을 만드는 방법입니다. PHP 5.6 이상에서 array_merge 함수..

[React] 컴포넌트(Component) 에 대해 [내부링크]

컴포넌트는 템플릿 이상의 기능을 수행합니다. 데이터를 UI로 만드는 가장 최소한의 단위 모듈을 의미합니다. 독립적이며, 재사용 가능하게 만든 부품 조각들을 의미하며 리액트로 만들어진 홈페이지는 즉 컴포넌..

[JS] 체크박스 전체 선택 , 해제 [내부링크]

코드 See the Pen Untitled by 장혁수 (@hyukson) on CodePen. 코드 풀이 전체 선택, 해제 기능을 추가할 input에 change 이벤트를 걸어 해당 element를 받아옵니다. target 으로 받아온 input element 의 체크상..

[JS] 개행문자 제거하기 [내부링크]

코드 // 줄바꿈 제거 str.replace(/\n/g, ""); // 엔터 제거 str.replace(/\r/g, ""); // 공백 제거 str.replace(/\s*/g, ""); // 개행문자 모두 제거 str.replace(/\n|\r|\s*/g, "");

[JS] 줄바꿈, 공백 제거하기 [내부링크]

replace로 제거 const str = `aa bb cc dd ee ff`; // 줄바꿈 제거 str.replace(/\n/g, ""); // 공백 제거 str.replace(/\s*/g, ""); str.replaceAll(" ", ""); 개행 문자를 사용하여 제거하는 방법과 replaceAll..

[CSS] checkbox 둥글게 만들기 [내부링크]

코드 input[type="checkbox"] { width: 1rem; height: 1rem; border-radius: 50%; border: 1px solid #999; appearance: none; cursor: pointer; transition: background 0.2s; } input[type="checkbox"]:checked..

[JS] 대문자, 소문자로 변환하기 [내부링크]

const str = "abcDEF"; // 대문자 const upper = str.toUpperCase(); // ABCDEF // 소문자 const lower = str.toLowerCase(); // abcdef 대문자와 소문자로 변환시키는 메서드는 각 toUpperCase 과 toLowerCase 입..

[JS] 정규식 특수문자 제거 / 체크 [내부링크]

모든 특수문자를 체크하는 정규식 const reg = /[^\w\sㄱ-힣]|[\_]/g; \w -> (숫자, 영어) \s -> (공백), [ㄱ-힣] -> (한글) 위 조건들을 묶어 이와 반대되는 문자를 찾거나 _ 문자가 있으면 조건에 해당하는 정규..

[PHP] 파일 다운로드 [내부링크]

코드 $fe = fopen("파일경로", "r"); header("Content-Disposition:attachment; filename=다운로드 되는 파일 이름"); header("Content-Type:file/unknown;"); fpassthru($fe); php 파일 다운로드는 http 요청을..

[JS] 소수 판별하기 [내부링크]

소수란? 소수란 1과 자신만으로 나누어 떨어지는 1보다 큰 양의 정수를 뜻합니다. 2, 3, 5, 7, 11, 13... 와 같은 수는 소수가 됩니다. 소수를 구하는 3가지의 방법을 알아보겠습니다. n까지 모두 판별하기 1이 아..

[구글 서치 콘솔] 사이트맵 새로 갱신하기 [내부링크]

문제의 발생은 어느 순간부터 새로운 글을 작성을 하고 색인 생성 요청을 하여도 색인을 만들어주지 않는 문제가 발생했습니다. 이때 문제를 찾아보니 사이트맵 탭에서 제출한 사이트맵이 갱신되지 않는 문제가 발..

[JS] 프로그래머스 소수 만들기 [내부링크]

출처 https://programmers.co.kr/learn/courses/30/lessons/12977 코딩테스트 연습 - 소수 만들기 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums..

[JS] 프로그래머스 오픈채팅방 [내부링크]

출처 https://programmers.co.kr/learn/courses/30/lessons/42888 코딩테스트 연습 - 오픈채팅방 오픈채팅방 카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉..

[JS] select에서 선택한 값 가져오기 [내부링크]

코드 빨강색 노랑색 초록색 // Javascript const showValue = (target) => { // 선택한 option의 value 값 console.log(target.value); // option의 text 값 console.log(target.options[target.selectedIndex].te..

[JS] 이진 탐색(이분 탐색) [내부링크]

이진 탐색 알고리즘(Binary Search Algorithm)은 이미 정렬되어 있는 배열에서 탐색 범위를 두 부분 리스트로 나눠 절반씩 좁혀가 필요한 부분에서만 탐색하도록 제한하여 원하는 값을 찾는 알고리즘입니다. 예를..

[JS] 백준 1920번 수 찾기 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/1920 1920번: 수 찾기 첫째 줄에 자연수 N(1 ≤ N ≤ 100,000)이 주어진다. 다음 줄에는 N개의 정수 A[1], A[2], …, A[N]이 주어진다. 다음 줄에는 M(1..

[JS] 배열 특정 값 포함 여부, 중복체크 (includes, indexOf, some, every) [내부링크]

includes const array = [1, 2, 3, 4, 5]; array.includes(3); // true array.includes(6); // false array.includes(3, 3); // false includes 메서드는 배열이 특정 요소의 포함 여부를 판별합니다. 첫 인자값에..

[JS] textarea 줄바꿈 갯수 [내부링크]

코드 Enter를 입력 시 줄 바꿈 되는 \n 을 기준으로 잘라 개수를 셀 수 있습니다.

[JS] 프로그래머스 예산 [내부링크]

출처 https://programmers.co.kr/learn/courses/30/lessons/12982 코딩테스트 연습 - 예산 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나,..

[JS] 백준 2920번 음계 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2920 2920번: 음계 다장조는 c d e f g a b C, 총 8개 음으로 이루어져있다. 이 문제에서 8개 음은 다음과 같이 숫자로 바꾸어 표현한다. c는 1로, d는 2..

[JS] 아주 큰 숫자 한계 처리 [내부링크]

문제점 자바스크립트의 기본 자료형의 수는 한계점이 존재합니다. Number.MAX_SAFE_INTEGER의 값보다 큰 값은 정확하지 않을 때가 많습니다. 해결방법 BigInt 타입의 값을 만들어 계산하는 방법으로 해결할 수..

[JS] 별점 드래그 구현 [내부링크]

완성본 코드 See the Pen dragStar by bolgang13 (@bolgang13) on CodePen. 코드 풀이 // JAVASCRIPT CODE const drawStar = (target) => { document.querySelector(`.star span`).style.width = `${target.value..

[JS] 프로그래머스 가운데 글자 가져오기 [내부링크]

출처 https://programmers.co.kr/learn/courses/30/lessons/12903 코딩테스트 연습 - 가운데 글자 가져오기 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두..

[JS] 배열 특정 값 찾기 ( find, findIndex, filter ) [내부링크]

find const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // callback(element, index, array) array.find(v => v > 5); // 6 find 메서드는 해당 조건에 만족하는 첫 번째 요소의 값을 반환하며 만족하지 않으면 un..

[PHP] a부터 z까지 출력하기 [내부링크]

코드 $chr = ''; for ($i = 97; $i <= 122; $i++) { echo chr($i); $chr .= chr($i); } // abcdefghijklmnopqrstuvwxyz echo $chr; 코드 해설 chr 함수를 사용하여 97 (a)부터 122 (z)까지의 아스키코드 번호를 ..

[JS] a부터 z까지 출력하기 [내부링크]

코드 let str = ''; for (let i = 97; i <= 122; i++) { console.log(String.fromCharCode(i)); str += String.fromCharCode(i); } // abcdefghijklmnopqrstuvwxyz console.log(str); 코드 해설 fromCharCode 메서..

[JS] 배열 랜덤하게 섞기 [내부링크]

첫 번째 코드 [1, 2, 3, 4, 5].sort(() => Math.random() - Math.random()); sort 메서드를 이용하여 매번 랜덤 한 값으로 정렬시켜 섞어줍니다. 두번째 코드 const getRandom = () => Math.floor(Math.random() *..

[JS] 랜덤 RGB 색 만들기 [내부링크]

const getRandomRGB = () => `rgb( ${new Array(3).fill().map(v => Math.random() * 255).join(", ")} )`; 각각 다른 0부터 255사이의 랜덤한 값을 배열 3개에 담아 반환시켜주는 함수 코드입니다.

[JS] 모든 setInterval, setTimeout 중지 [내부링크]

코드 const IntervalId = setInterval(() => console.log('interval'), 1000); for (let i = 0; i < IntervalId; i++) { clearInterval(i); } const TimeoutId = setTimeout(() => console.log('timeout'), 1000);..

[JS] 백준 10814번 나이순 정렬 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/10814 10814번: 나이순 정렬 온라인 저지에 가입한 사람들의 나이와 이름이 가입한 순서대로 주어진다. 이때, 회원들을 나이가 증가하는 순으로, 나이가..

[JS] 백준 2908번 상수 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2908 2908번: 상수 상근이의 동생 상수는 수학을 정말 못한다. 상수는 숫자를 읽는데 문제가 있다. 이렇게 수학을 못하는 상수를 위해서 상근이는 수의 크..

[JS] 백준 2178번 미로 탐색 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2178 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서..

[JS] 백준 1003번 피보나치 함수 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/1003 1003번: 피보나치 함수 각 테스트 케이스마다 0이 출력되는 횟수와 1이 출력되는 횟수를 공백으로 구분해서 출력한다. www.acmicpc.net 문제 다음 소..

[JS] 백준 9012번 괄호 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/9012 9012번: 괄호 괄호 문자열(Parenthesis String, PS)은 두 개의 괄호 기호인 ‘(’ 와 ‘)’ 만으로 구성되어 있는 문자열이다. 그 중에서 괄호의 모..

[JS] 백준 10828번 스택 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/10828 10828번: 스택 첫째 줄에 주어지는 명령의 수 N (1 ≤ N ≤ 10,000)이 주어진다. 둘째 줄부터 N개의 줄에는 명령이 하나씩 주어진다. 주어지는 정..

[JS] base64 이미지 용량 줄이기 (File API) [내부링크]

코드 // const file = ( ).files[0] // file type을 가진 input DOM에 files로 파일 데이터를 가져올 수 있습니다. const fr = new FileReader(); fr.onload = (base64) => { const image = new Image(); image.s..

[JS] 현재 날짜, 시간 포맷 (YYYY-MM-DD hh:mm:ss) [내부링크]

첫 번째 코드 (YYYY-MM-DD hh:mm:ss) new Date(+new Date() + 3240 * 10000).toISOString().replace("T", " ").replace(/\..*/, ''); // 2021-08-05 09:51:31 해당 코드는 3240 * 10000 이란 수식만 기억하면 쉽게..

[PHP] 다중 파일을 ZIP 압축 파일로 다운로드하기 [내부링크]

코드 // 가상의 경로를 가진 배열 생성 $files = ['zipFile_1.txt', 'zipFile_2.txt']; $filePath = $_SERVER['DOCUMENT_ROOT']."/"; $zip = new ZipArchive(); $zipName = time()."zip"; if (!$zip->open($zipNam..

[JS] 체크박스 하나만 선택 [내부링크]

코드 first second third // Javascript function clickCheck(target) { document.querySelectorAll(`input[type=checkbox]`) .forEach(el => el.checked = false); target.checked = true; } 코드 풀이 3개의 체..

[JS] 틱택토 (Tic-Tac-Toe) [내부링크]

완성본 See the Pen by bolgang13 (@bolgang13) on CodePen. Result 화면만을 띄워놓고 테스트를 해보실 수 있습니다. 코드 풀이 틱택토는 가로, 세로, 대각선 중 1 라인을 채우는 사람이 이기는 게임입니다. 즉..

[JS] 백준 2292번 벌집 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2292 2292번: 벌집 위의 그림과 같이 육각형으로 이루어진 벌집이 있다. 그림에서 보는 바와 같이 중앙의 방 1부터 시작해서 이웃하는 방에 돌아가면서 1..

[JS] 백준 2675번 문자열 반복 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2675 2675번: 문자열 반복 문자열 S를 입력받은 후에, 각 문자를 R번 반복해 새 문자열 P를 만든 후 출력하는 프로그램을 작성하시오. 즉, 첫 번째 문자를..

[JS] 프로그래머스 문자열을 정수로 바꾸기 [내부링크]

출처 programmers.co.kr/learn/courses/30/lessons/12925 코딩테스트 연습 - 문자열을 정수로 바꾸기 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하..

[JS] 프로그래머스 짝수와 홀수 [내부링크]

출처 programmers.co.kr/learn/courses/30/lessons/12937 코딩테스트 연습 - 짝수와 홀수 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num..

[JS] 백준 11721번 열 개씩 끊어 출력하기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/11721 11721번: 열 개씩 끊어 출력하기 첫째 줄에 단어가 주어진다. 단어는 알파벳 소문자와 대문자로만 이루어져 있으며, 길이는 100을 넘지 않는다. 길이가 0인..

[JS] 백준 2839번 설탕 배달 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2839 2839번: 설탕 배달 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서..

[JS] 달력 만들기 [내부링크]

css의 display의 grid 속성을 이용한 방식입니다. 완성본 포스팅 기준 달 2021년 04월의 달력입니다. 실행 코드 See the Pen by bolgang13 (@bolgang13) on CodePen. 코드 풀이 // 날짜 변환 함수 (년, 월, 일을..

[JS] 백준 1546번 평균 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1546 1546번: 평균 첫째 줄에 시험 본 과목의 개수 N이 주어진다. 이 값은 1000보다 작거나 같다. 둘째 줄에 세준이의 현재 성적이 주어진다. 이 값은 100보다 작..

[JS] 백준 2869번 달팽이는 올라가고 싶다. [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2869 2869번: 달팽이는 올라가고 싶다 첫째 줄에 세 정수 A, B, V가 공백으로 구분되어서 주어진다. (1 ≤ B < A ≤ V ≤ 1,000,000,000) www.acmicpc.net 문제 땅..

[JS] 백준 1463번 1로 만들기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1463 1463번: 1로 만들기 첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 정수 N이 주어진다. www.acmicpc.net 문제 정수 X에 사용할 수 있는 연산은 다음과..

[JS] 백준 11718번 그대로 출력하기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/11718 11718번: 그대로 출력하기 입력이 주어진다. 입력은 최대 100줄로 이루어져 있고, 알파벳 소문자, 대문자, 공백, 숫자로만 이루어져 있다. 각 줄은 100글자..

[JS] 백준 1157번 단어 공부 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1157 1157번: 단어 공부 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와..

[JS] 백준 10809번 알파벳 찾기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10809 10809번: 알파벳 찾기 각각의 알파벳에 대해서, a가 처음 등장하는 위치, b가 처음 등장하는 위치, ... z가 처음 등장하는 위치를 공백으로 구분해서 출력한..

[JS] 백준 1712번 손익분기점 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1712 1712번: 손익분기점 월드전자는 노트북을 제조하고 판매하는 회사이다. 노트북 판매 대수에 상관없이 매년 임대료, 재산세, 보험료, 급여 등 A만원의 고정 비..

[JS] 백준 10872번 팩토리얼 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10872 10872번: 팩토리얼 0보다 크거나 같은 정수 N이 주어진다. 이때, N!을 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 0보다 크거나 같은 정수 N이..

[JS] 백준 4344번 평균은 넘겠지 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/4344 4344번: 평균은 넘겠지 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. www.acmicpc.net..

[JS] 백준 3052번 나머지 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/3052 3052번: 나머지 39, 40, 41, 42, 43, 44, 82, 83, 84, 85를 42로 나눈 나머지는 39, 40, 41, 0, 1, 2, 40, 41, 0, 1이다. 서로 다른 값은 모두 6개가 있다. w..

[JS] 백준 11720번 숫자의 합 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/11720 11720번: 숫자의 합 첫째 줄에 숫자의 개수 N (1 ≤ N ≤ 100)이 주어진다. 둘째 줄에 숫자 N개가 공백없이 주어진다. www.acmicpc.net 문제 N개의 숫자가..

[JS] 백준 1152번: 단어의 개수 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1152 1152번: 단어의 개수 첫 줄에 영어 대소문자와 띄어쓰기로 이루어진 문자열이 주어진다. 이 문자열의 길이는 1,000,000을 넘지 않는다. 단어는 띄어쓰기 한..

[JS] 백준 2577번 숫자의 개수 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2577 2577번: 숫자의 개수 첫째 줄에 A, 둘째 줄에 B, 셋째 줄에 C가 주어진다. A, B, C는 모두 100보다 같거나 크고, 1,000보다 작은 자연수이다. www.acmicpc.n..

[JS] 백준 8958번 OX퀴즈 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/8958 8958번: OX퀴즈 "OOXXOXXOOO"와 같은 OX퀴즈의 결과가 있다. O는 문제를 맞은 것이고, X는 문제를 틀린 것이다. 문제를 맞은 경우 그 문제의 점수는 그 문제..

[JS] 백준 2742번 기찍 N [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2742 2742번: 기찍 N 자연수 N이 주어졌을 때, N부터 1까지 한 줄에 하나씩 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 자연수 N이 주어졌을 때, N부..

[JS] 백준 2741번 N 찍기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2741 2741번: N 찍기 자연수 N이 주어졌을 때, 1부터 N까지 한 줄에 하나씩 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 자연수 N이 주어졌을 때, 1부..

[JS] 백준 15552번 빠른 A+B [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/15552 15552번: 빠른 A+B 첫 줄에 테스트케이스의 개수 T가 주어진다. T는 최대 1,000,000이다. 다음 T줄에는 각각 두 정수 A와 B가 주어진다. A와 B는 1 이상, 1,..

[JS] 백준 10871번 X보다 작은 수 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10871 10871번: X보다 작은 수 첫째 줄에 N과 X가 주어진다. (1 ≤ N, X ≤ 10,000) 둘째 줄에 수열 A를 이루는 정수 N개가 주어진다. 주어지는 정수는 모두 1보..

[JS] 백준 1009번 분산처리 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/1009 1009번: 분산처리 입력의 첫 줄에는 테스트 케이스의 개수 T가 주어진다. 그 다음 줄부터 각각의 테스트 케이스에 대해 정수 a와 b가 주어진다. (1..

[React] 리액트를 사용하는 이유 [내부링크]

1. 리액트를 사용하는 이유 흔히 우리가 자주 보는 Instagram, facebook 같은 사이트의 새로고침이 없이 변경되는 모습, 마치 앱처럼 보이는 동적인 웹 페이지 SPA(Single Page Application), CSR(Client Side Ren..

[JS] 백준 1110번 더하기 사이클 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1110 1110번: 더하기 사이클 0보다 크거나 같고, 99보다 작거나 같은 정수가 주어질 때 다음과 같은 연산을 할 수 있다. 먼저 주어진 수가 10보다 작다면 앞에 0을..

[JS] 백준 2439번 별찍기 - 2 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2439 2439번: 별 찍기 - 2 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 하지만, 오른쪽을 기준으로 정렬한 별(예제 참고)을 출력..

[JS] 백준 2438번 별 찍기 - 1 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2438 2438번: 별 찍기 - 1 첫째 줄에는 별 1개, 둘째 줄에는 별 2개, N번째 줄에는 별 N개를 찍는 문제 www.acmicpc.net 문제 첫째 줄에는 별 1개, 둘째 줄에는 별..

[JS] 백준 11022번 A+B - 8 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/11022 11022번: A+B - 8 각 테스트 케이스마다 "Case #x: A + B = C" 형식으로 출력한다. x는 테스트 케이스 번호이고 1부터 시작하며, C는 A+B이다. www.acmicpc...

[JS] 백준 11021번 A+B - 7 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/11021 11021번: A+B - 7 각 테스트 케이스마다 "Case #x: "를 출력한 다음, A+B를 출력한다. 테스트 케이스 번호는 1부터 시작한다. www.acmicpc.net 문제 두 정..

[JS] 백준 10953번 A+B - 6 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10953 10953번: A+B - 6 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출..

[JS] 백준 10952번 A+B - 5 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10952 10952번: A+B - 5 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출..

[JS] 백준 10950번 A+B - 3 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10950 10950번: A+B - 3 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출..

[JS] 다중 배열 하나의 배열로 묶기 (flat) [내부링크]

flat 메서드 const newArr = arr.flat([depth]) flat 메서드는 모든 배열 요소를 지정한 깊이까지 이어 붙인 새로운 배열을 생성하는 메서드입니다. 빈 요소가 있으면 무시하며 depth에 따라 합치는 정도를 정할..

[JS] 팝업창 가운데에 위치시키기 [내부링크]

코드 const width = 600; const height = 600; let left = (document.body.offsetWidth / 2) - (width / 2); let tops = (document.body.offsetHeight / 2) - (height / 2); left += window.screenLeft; const pop..

[CSS] 요소 좌우반전 [내부링크]

코드 transform: scaleX(-1); 위 코드를 좌우반전 시킬 요소에 스타일을 적용시키면 됩니다.

[JS] 전화번호 자동 하이픈(-) 정규식 [내부링크]

코드 // ^(\d{2,3})(\d{3,4})(\d{4})$ String.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); 00-000-0000 또는 000-0000-0000 같은 상황에서 적용됩니다. 실행 코드 See the Pen auto phone hyphen by bol..

[JS] 백준 2748번 피보나치 수 2 [내부링크]

출처 백준 온라인 저지 https://www.acmicpc.net/problem/2748 2748번: 피보나치 수 2 피보나치 수는 0과 1로 시작한다. 0번째 피보나치 수는 0이고, 1번째 피보나치 수는 1이다. 그 다음 2번째 부터는 바로 앞 두..

[JS] 백준 2558번 A+B - 2 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2558 2558번: A+B - 2 첫째 줄에 A, 둘째 줄에 B가 주어진다. (0 < A, B < 10) www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을..

[JS] 백준 10951번 A + B - 4 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10951 10951번: A+B - 4 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출..

[JS] 백준 10818번 최소, 최대 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10818 10818번: 최소, 최대 첫째 줄에 정수의 개수 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에는 N개의 정수를 공백으로 구분해서 주어진다. 모든 정수는 -..

[JS] 백준 2562번 최댓값 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2562 2562번: 최댓값 9개의 서로 다른 자연수가 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 번째 수인지를 구하는 프로그램을 작성하시오. 예를 들어, 서로..

[JS] 백준 10869번 사칙연산 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10869 10869번: 사칙연산 두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두..

[JS] 백준 2739번 구구단 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2739 2739번: 구구단 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. www.acmicpc.net 문제 N을 입력받은 뒤..

[JS] 백준 2884번 알람 시계 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2884 2884번: 알람 시계 상근이는 매일 아침 알람을 듣고 일어난다. 알람을 듣고 바로 일어나면 다행이겠지만, 항상 조금만 더 자려는 마음 때문에 매일 학교를 지..

[JS] 백준 10998번 A×B [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10998 10998번: A×B 두 정수 A와 B를 입력받은 다음, A×B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A×B를 출..

const arr = [1, 2, 3, 4, 5, 1, 3, 5] // 1. filter(indexOf) // item , index const arr1 = arr.filter((v, i) => arr.indexOf(v) === i); // 2. Set const arr2 = new Set([...arr]); // 3. reduce(indexOf) co..

[JS] 백준 1008번 A/B [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1008 1008번: A/B 두 정수 A와 B를 입력받은 다음, A/B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A/B를 출력하는..

[JS] 백준 14681번 사분면 고르기 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/14681 14681번: 사분면 고르기 점 (x, y)의 사분면 번호(1, 2, 3, 4 중 하나)를 출력한다. www.acmicpc.net 문제 두줄의 입력값 각 X, Y를 구분하여 어느 사분면..

[JS] 백준 1000번 A+B [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/1000 1000번: A+B 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하..

[JS] 백준 10718번 We love kriii [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/10718 10718번: We love kriii ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게..

[JS] 백준 2557번 Hello World [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2557 2557번: Hello World Hello World!를 출력하시오. www.acmicpc.net 문제 Hello World! 를 출력하기 풀이 console.log를 사용하여 Hello World! 를 띄워주면..

[JS] 하루 전, 일주일전, 한달 전, 일년 전 구하기 [내부링크]

const d = new Date(); // 날짜를 정하기 new Date(2020, 0, 1).toLocaleDateString(); // "2020. 1 1." const year = d.getFullYear(); // 년 const month = d.getMonth(); // 월 const day = d.getDate(); // 일..

[JS] 현재의 날짜와 시간 구하기 [내부링크]

javascript에서 현재의 날짜를 구하는 방법을 알아보겠습니다. 1. 현재 날짜 구하기 new Date()는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. const date = new Date(); <결과> 2. 연도 / 월 /..

[JS] alert 박스 내용 줄바꿈 하기 [내부링크]

alert 박스 내용을 줄 바꿈 하기 위해서는 개행 문자인 \n로 개행 처리를 해주면 됩니다. alert에 문구만 넣기 alert("안녕하세요. 나를 제외한 천재들입니다. 이제 alert에 대해 소개해 드리겠습니다. 앞으로 잘..

[JS] 백준 2753번 윤년 [내부링크]

출처 백준 온라인 저지 www.acmicpc.net/problem/2753 2753번: 윤년 연도가 주어졌을 때, 윤년이면 1, 아니면 0을 출력하는 프로그램을 작성하시오. 윤년은 연도가 4의 배수이면서, 100의 배수가 아닐 때 또는 400..