티스토리

bimnemo("개발")
검색하기

블로그 홈

bimnemo("개발")

peripheral-nerv.tistory.com/m

console.log("빔네모")

구독자
1
방명록 방문하기

주요 글 목록

  • 프로그래머스, 자바스크립트) 두 개 뽑아서 더하기 문제https://school.programmers.co.kr/learn/courses/30/lessons/68644?language=javascript풀이우선 중복을 제거하기 위해 집합을 만든다.배열을 이중반복으로 돌면서 두 가지 수를 모두 뽑아 더해준 후 집합에 넣는다 (중복은 걸러짐)집합을 다시 배열로 변환 후 오름차순으로 정렬한다.function solution(numbers) { const uniqueSums = new Set(); // 중복 제거용 Set const n = numbers.length; for (let i = 0; i a - b);}// 테스트console.log(solution([2, 1, 3, 4, 1])); // [2, 3, 4, 5, 6, 7]conso.. 공감수 0 댓글수 0 2024. 11. 19.
  • 프로그래머스, 자바스크립트) 올바른 괄호 문제https://school.programmers.co.kr/learn/courses/30/lessons/12909 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이 여는 괄호 '('를 만나면 카운터를 증가닫는 괄호 ')'를 만나면 카운터를 감소.카운터가 음수가 되는 순간, "("가 ")"보다 많다는 것으로 문자열이 잘못 짝지어진 것이다.더이상 체크할 필요없이 false 처리 function solution(s) { //카운트 체크 let count = 0 for (const char of s) { char === '(' ? count++ : count-- // 카운터가 음수가 되는 .. 공감수 0 댓글수 0 2024. 11. 18.
  • 프로그래머스, 자바스크립트) JadenCase 문자열 만들기 문제https://school.programmers.co.kr/learn/courses/30/lessons/12951?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 풀이일차 풀이. map을 돌면서 첫글자가 숫자라면 통과 문자라면, 첫 글자는 대문자, 첫 글자 외에 나머지 글자는 소문자처리=> 런타임 에러... 다시 최적화 해보자function solution(s) { let answer = s.split(" ").map((x) => { return isNaN(x[0]) ? x[0].toUpperCase() + x.slice(1).. 공감수 0 댓글수 0 2024. 11. 17.
  • [문서] 리액트 공식문서 톱아보기: 컴포넌트(2) 1. 컴포넌트 import 및 export컴포넌트의 가장 큰 장점은 재사용성이다. 공감수 1 댓글수 1 2024. 11. 16.
  • 프로그래머스, 자바스크립트) 최솟값 만들기 문제https://school.programmers.co.kr/learn/courses/30/lessons/12941 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이일차적인 풀이는 우선 최소의 합을 만들기 위해 큰 수, 작은 수로 정렬하여 곱해준걸 합산한다.function solution(A,B){ let answer = 0; //곱한게 최소가 되려면, 큰 수 * 작은 수 const BigA = Math.max(...A) const BigB = Math.max(...B) if(BigA > BigB) { const sortA = A.sort((a,b.. 공감수 0 댓글수 0 2024. 11. 15.
  • 프로그래머스, 자바스크립트) 최댓값과 최솟값 문제https://school.programmers.co.kr/learn/courses/30/lessons/12939 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이공백을 기준으로 쪼개서 배열을 만든 후, string 숫자들을 number로 형변환한다변환한 숫자들 중 최소 최대를 찾기위해 Math 매서들을 이용한다.function solution(s) { const arr = s.split(" ").map(Number); // 문자열을 숫자로 변환 return `${Math.min(...arr)} ${Math.max(...arr)}`;} 공감수 1 댓글수 1 2024. 11. 14.
  • 프로그래머스, 자바스크립트) 숫자의 표현 문제https://school.programmers.co.kr/learn/courses/30/lessons/12924 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이문제 접근을 생각해보면...1+2+3+4 연속된 자연수를 가져야 되니 일단 반복문을 돌려서 숫자를 준비한다.그러면 1+2+3 ... , 2+3+4..., 이런식으로 처음 시작되는 숫자를 기준으로 더한 값을 구할 수 있다. n이 되는 연속 합을 찾기 위해 n이 되면 answer를 증가시키고 쓸데없는 반복이 없도록  n 이상이면 breakfunction solution(n) { let answer = 0; for (let i = 1; i .. 공감수 1 댓글수 3 2024. 11. 13.
  • 프로그래머스, 자바스크립트) 삼총사 문제https://school.programmers.co.kr/learn/courses/30/lessons/131705?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이function solution(number) { let count = 0; const len = number.length; // 3중 반복문을 사용하여 모든 가능한 조합을 확인 for (let i = 0; i 공감수 0 댓글수 0 2024. 11. 12.
  • 프로그래머스, 자바스크립트) 로또의 최고 순위와 최저 순위 문제https://school.programmers.co.kr/learn/courses/30/lessons/77484 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이최고 순위와 최저 순위를 알기 위해서는 두 가지 케이스를 생각하면 된다.가지고 있는 로또 번호 중 당첨 번호 + 미확인 번호가 전부 일치 가지고 있는 로또 번호 중 당첨 번호 + 일치하는 번호 없음전체 로또 번호를 돌면서 , 맞은 수를 세고 0으로 표기된 부분을 세준다.그다음 최고, 최저를 계산해 등수로 환산한다.function solution(lottos, win_nums) { let zeroCount = 0; let correctC.. 공감수 0 댓글수 0 2024. 11. 11.
  • 프로그래머스, 자바스크립트) 이상한 문자 만들기 문제https://school.programmers.co.kr/learn/courses/30/lessons/12930 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야한다.공백으로 단어를 분리한 후, 다시 그 단어를 알파벳 하나씩 돌면서 홀짝을 판별해준다, 마지막에는 합치기function solution(s) { return s .split(" ") // 공백으로 단어를 분리 .map(word => [...word] .map((char, i) => i % 2 =.. 공감수 0 댓글수 0 2024. 11. 10.
  • 프로그래머스, 자바스크립트) 크기가 작은 부분문자열 문제https://school.programmers.co.kr/learn/courses/30/lessons/147355?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr풀이반복문을 돌며, p의 길이만큼 첫문자부터 잘라낸 다음, 그 문자를 p와 비교한다.function solution(t, p) { //p 길이 let answer = 0; const pLength = p.length; //p길이 부분 문자열 찾기, 부분 문자열 길이만큼만 반복 for (let i = 0; i 공감수 1 댓글수 1 2024. 11. 7.
  • [문서] 리액트 공식문서 톱아보기: 리액트에서 key가 중요한 이유는? 리액트 공식문서에서 틱택토 게임 만들기를 살펴보면 중간에 key에 대한 이야기가 나온다.(틱택토 게임 만드는 방법은 생략! https://ko.react.dev/learn/tutorial-tic-tac-toe ) 1. 리액트에서 리스트 항목에 대한 렌더링 리스트를 화면에 보여줄 때, React는 마치 메모장처럼 각 항목을 기억해 둔다. 리스트가 바뀌면 (예: 새로운 항목 추가, 삭제, 순서 변경 등), React는 이전에 기억해 둔 메모와 비교해서 실제로 무엇이 달라졌는지 찾아낸다. 장보기 목록을 적는다고 가정해보자.  리액트는 두 개의 메모장을 가지고 이전 메모와 비교하여 장보기 목록에 '우유'를 추가했다면 → 새로운 항목이 추가된 것을 알아챈다.'계란'을 지웠다면 → 그 항목이 사라진 것을 파악한다항.. 공감수 1 댓글수 5 2024. 11. 6.
  • [문서] 리액트 공식문서 톱아보기: 컴포넌트(1) 1. 컴포넌트: UI 구성 요소 React의 핵심 개념인 컴포넌트는 마크업, CSS, JavaScript를 하나로 모아 독립적이고 재사용 가능하게 만든 UI 조각이다. HTML 태그와 마찬가지로 컴포넌트를 조합하여 전체 페이지를 구성한다. 마치 레고 블록처럼 한번 만든 컴포넌트를 여러 곳에서 재사용할 수 있다!컴포넌트 재사용의 주요 장점을 몇 가지 살펴보면: 반복적인 코드 작성 감소로 개발 시간이 단축, 동일한 컴포넌트를 사용해서 일관성 유지, 컴포넌트 수정 시 사용된 모든 곳에 자동 반영 되므로 모듈화 되어 관리가 쉬워짐 등  Docs 컴포넌트를 들여다 보면 마크업을 반환하는 함수로 이루어져 있다. export default function Profile() .. 공감수 1 댓글수 0 2024. 10. 28.
  • [문서] 리액트 공식문서 톱아보기: 기본 문법(빠른 시작 가이드) React 앱은 컴포넌트로 구성된다.컴포넌트는 마크업을 반환하는 자바스크립트 함수로 작성한다.컴포넌트 명명은 대문자로 시작한다. ex) MyButtonJSX 문법이므로,   처럼 태그를 닫아줘야 한다. 여러 개의 JSX 태그를 반환할 수 없으므로 ... 와 같이 부모로 감싸주어야 한다. html문법을 jsx로 변환해주는 사이트: https://transform.tools/html-to-jsx function MyButton() { return ( I'm a button );}//컴포넌트 생성export default function MyApp() { return ( Welcome to my app );}//다른 컴포넌트 안에 중첩스타일 추가하기React에.. 공감수 2 댓글수 1 2024. 10. 27.
  • 프로그래머스, 자바스크립트) 최대공약수와 최소공배수 문제https://school.programmers.co.kr/learn/courses/30/lessons/12940 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이최대공약수와 최소공배수를 구할때는 유클리드 호제법을 알면 쉽게 구할 수 있다.유클리드 호제법(-互除法, Euclidean algorithm) 또는 유클리드 알고리즘은 2개의 자연수 또는 정식(整式)의 최대공약수를 구하는 알고리즘의 하나이다. 호제법이란 말은 두 수가 서로(互) 상대방 수를 나누어(除)서 결국 원하는 수를 얻는 알고리즘을 나타낸다.2개의 자연수(또는 정식) a, b에 대해서 a를.. 공감수 0 댓글수 0 2024. 8. 4.
  • 프로그래머스, 자바스크립트) 직사각형 별찍기 문제https://school.programmers.co.kr/learn/courses/30/lessons/12969 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이문자를 a번 반복한 것을 b번 만큼 출력해준다.process.stdin.setEncoding('utf8');process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); for(let i = 0; i 공감수 0 댓글수 0 2024. 8. 3.
  • 프로그래머스, 자바스크립트) 행렬의 덧셈 문제https://school.programmers.co.kr/learn/courses/30/lessons/12950 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이두 배열의 크기가 같으니 한 배열을 기준으로 돌면서 값을 업데이트한다.function solution(arr1, arr2) { return arr1.map((row, i) => row.map((val, j) => val + arr2[i][j]) );} 공감수 0 댓글수 0 2024. 8. 3.
  • [우아한 타입 스크립트 with 리액트] 타입스크립트의 등장, 웹개발의 역사와 자바스크립트의 한계 1. 웹 개발의 역사자바스크립트1990년대 : 마이크로 소프트의 인터넷 익스플로러, 넷스케이프 커뮤니케이션즈의 넷스케이프 내비게이터 를 가장 많이 사용1995년대 : 넷스케이프의 브랜든 아이크는 웹의 다양한 콘텐츠를 표현하기 위해 플러그인 요소를 쉽게 조합 할 수 있는 새로운 언어가 필요하다고 생각 => 자바스크립트의 탄생익스플로러의 Jscript vs 넷스케이프의 Javasciprt : 둘다 사용자에게 유의미한 편의성은 제공하지 못함자바스크립트의 표준, ECMAScript 경쟁관계이던 익스플로러와 넷스케이프는 자신들의 브라우저 기능을 빠르게 늘리기 시작추가된 기능은 각자의 브라우저에서만 동작해, 웹페이지가 다르게 동작하거나 제대로 동작하지 않는 크로스 브라우징 이슈 발생개발자들은 어떤 기능을 추가하기 .. 공감수 0 댓글수 0 2024. 7. 28.
  • 프로그래머스, 자바스크립트) 같은 숫자는 싫어 문제https://school.programmers.co.kr/learn/courses/30/lessons/12906 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이필터를 걸어 다음 숫자와 같은지 판별한 후 같지 않는 숫자만 넘긴다.function solution(arr) { return arr.filter((v, i) => v !== arr[i + 1]);} 공감수 0 댓글수 0 2024. 7. 28.
  • 프로그래머스, 자바스크립트) 문자열 다루기 기본 문제https://school.programmers.co.kr/learn/courses/30/lessons/12918 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이정규식으로 길이가 6또는 4인지, 숫자만 들어가있는지 판단한다.isNaN으로 생각할 수도 있지만 "12e", "16x1" 같은 애들도 숫자로 판단하기에 예외처리를 해줘야된다. 정규식 풀이는 다음과 같다.^: 문자열의 시작을 나타냅니다.\d: 숫자를 나타내는 메타 문자입니다. [0-9]와 동일합니다.{6}: 바로 앞의 문자(여기서는 \d, 즉 숫자)가 정확히 6번 반복되어야 함을 의미합니다.$:.. 공감수 0 댓글수 0 2024. 7. 22.
  • 프로그래머스, 자바스크립트) 부족한 금액 계산하기 문제https://school.programmers.co.kr/learn/courses/30/lessons/82612 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이1부터 시작해서 count만큼 금액을 누적한 후 계산해준다.function solution(price, money, count) { let total = 0; for (i = 1; i money ? total - money : 0;} 공감수 0 댓글수 0 2024. 7. 10.
  • 프로그래머스, 자바스크립트) 문자열 내림차순으로 배치하기 문제https://school.programmers.co.kr/learn/courses/30/lessons/12917 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이대문자는 소문자보다 작은것으로 간주하고, 알파벳순서로 앞 글자가 뒤로 가야하니 sort()를 해준 다음 뒤집어줬다.마지막은 join으로 합쳐서 문자열로 만들어주기function solution(s) { return [...s].sort().reverse().join("")} 공감수 0 댓글수 0 2024. 7. 6.
  • 프로그래머스, 자바스크립트) 약수의 개수와 덧셈 문제https://school.programmers.co.kr/learn/courses/30/lessons/77884 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이약수를 구하는 함수를 만든 후 솔루션 함수 안에서 홀짝 판별해준다.function countDivisors(n) { let count = 0; for (let i = 1; i  다른 풀이제곱근이 정수면 약수가 홀수다.ex )12 => 1,2,3,4,6,12 , 루트12는 3.4xx로 정수가 아니다. 약수의 개수또한 짝수16 => 1,2,4,8,16, 루트 16은 4로 정수. 약수의 개수 홀.. 공감수 0 댓글수 0 2024. 7. 2.
  • 프로그래머스, 자바스크립트) 내적 문제https://school.programmers.co.kr/learn/courses/30/lessons/70128 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이배열을 순회하면서 더해준다.function solution(a, b) { //내적 구하기 let answer = 0; for (let i = 0; i 공감수 0 댓글수 0 2024. 6. 29.
  • 프로그래머스, 자바스크립트) 수박수박수박수박수박수? 문제https://school.programmers.co.kr/learn/courses/30/lessons/12922 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이수, 수박, 수박수, 수박수박, 이런식으로 수박을 n에 따라 표현한다.짝수일때는 수박을 n/2번 반복해주면 되지만 n이 홀수일때는 뒤에 "수"를 덧붙여줘야 하므로 조건문으로 처리해 준다.function solution(n) { let result = "수박".repeat(Math.floor(n / 2)); if (n % 2) { result += "수"; } return result;} 공감수 0 댓글수 0 2024. 6. 22.
  • 프로그래머스, 자바스크립트) 정수를 나선형으로 배치하기 문제https://school.programmers.co.kr/learn/courses/30/lessons/181832 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이우선, 0으로 채운 n x n 크기의 배열을 만들어 준다. // 결과를 저장할 이차원 배열을 n x n 크기로 만들기 const result = Array.from({ length: n }, () => Array(n).fill(0)); 나선형으로 변수를 채우기 위해 필요한 방향 변수를 정의 해놓는다. let num = 1; let row = 0, col = 0; let dr = 0, .. 공감수 0 댓글수 0 2024. 6. 16.
  • 프로그래머스, 자바스크립트) 안전지대 문제https://school.programmers.co.kr/learn/courses/30/lessons/120866 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이배열을 돌면서, 1이 나오면 그 주변을 x로 변경한다. 단 1이 적혀있는 경우에는 1을 유지한다.배열을 다 순환한 다음에 0의 갯수를 세어 반환한다.function solution(board) { board.forEach((line, i) => { line.forEach((cell, j) => { if (cell === 1) { // 왼쪽 if (j .. 공감수 0 댓글수 0 2024. 6. 9.
  • 프로그래머스, 자바스크립트) 주사위 게임 3 문제https://school.programmers.co.kr/learn/courses/30/lessons/181916?language=javascript 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이주사위값을 key, 해당 주사위 값의 갯수를 value로 객체를 만든다. function solution(a, b, c, d) { //{주사위값 : 갯수}로 정리 const diceValue = [a, b, c, d].reduce((acc, cur) => { acc[cur] = acc[cur] ? acc[cur] + 1 : 1; return .. 공감수 0 댓글수 0 2024. 6. 7.
  • 프로그래머스, 자바스크립트) 분수의 덧셈 문제https://school.programmers.co.kr/learn/courses/30/lessons/120808 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이공통 분모를 맞춰준 후 최대공약수로 나누어준다.function solution(numer1, denom1, numer2, denom2) { //분자와 분모를 공통 분모로 만들어주기 const denom = denom1 * denom2; const numer = numer1 * denom2 + numer2 * denom1 //분자와 분모를 최대공약수로 나눠주기 const gcd = (a.. 공감수 0 댓글수 0 2024. 6. 6.
  • 프로그래머스, 자바스크립트) 연속된 수의 합 문제https://school.programmers.co.kr/learn/courses/30/lessons/120923 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr풀이알고리즘을 빠르게 풀려면.....수학적 사고가 필요하다. 연속된 수의 총합을 알기때매 첫째항을 구하기 위해 등차수열의 합 공식을 이용한다.공차는 연속된 숫자이므로  => +1 총합은 total , n은 몇번째 항 => num 이 된다. 위의 공식에 맞게 식을 정리해보면 total = {2a + (num-1) }* num/2 가 된다. 여기서 a만 남기고 식을 정리하면 다음과 같다. 첫째항을 구.. 공감수 0 댓글수 0 2024. 6. 6.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.