분류 전체보기

Visual Studio Code란?VS Code는 마이크로소프트에서 개발한 가벼우면서도 강력한 코드 에디터이다. 개발자의 요구에 맞게 커스터마이징할 수 있다. 무료로 제공되며 윈도우, 맥, 리눅스 등 다양한 운영 체제에서 사용할 수 있다.IDE와 Code EditorIDE(통합 개발 환경)와 코드 에디터 모두 프로그래밍을 할 때 필수적인 도구로, 둘 다 코드를 작성하는 데 사용되지만 기능과 목적에 차이가 있다.- IDE(Integrated Development Environment): 코드 작성뿐만 아니라 컴파일, 디버깅, 테스트, 빌드 등의 기능을 포함한 종합적인 개발 도구. IDE는 개발자가 하나의 환경에서 모든 개발 작업을 수행할 수 있도록 도와준다. 대표적으로 Visual Studio, Inte..

1. 폰켓몬 - lv.1https://school.programmers.co.kr/learn/courses/30/lessons/1845 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr다양한 종류의 폰켓몬을 가지기 위해 배열의 중복을 제거한다.중복을 제거한 배열의 길이가 N/2보다 큰 경우 가져갈 수 있는 폰켓몬의 최대 수는 N/2이다. 따라서 리턴 값은 배열의 길이와 N/2 중 더 작은 수가 된다.function solution(nums) { return Math.min(new Set(nums).size, nums.length/2);}2. 완주하지 못한 선수 - lv.1https://school.p..

해시법해시법은 데이터를 저장할 위치(인덱스)를 간단한 연산으로 구하여 검색과 추가, 삭제를 효율적으로 수행할 수 있는 방법이다. 아래 요소가 13개인 배열에서 앞쪽 10개 요소에 오름차순으로 정렬된 데이터가 저장되어 있다.a[5, 6, 14, 20, 29, 34, 37, 51, 69, 75, -, -, -]이 배열에 35를 추가하는 과정은 다음과 같다.1. 삽입할 위치가 a[5]와 a[6] 사이임을 이진 검색법으로 찾는다.2. a[6] 이후의 모든 요소를 하나씩 뒤로 이동한다.3. a[6]에 35를 대입한다.b[5, 6, 14, 20, 29, 34, 35, 37, 51, 69, 75, -, -]요소 이동에 필요한 복잡도는 O(n)이므로 비용은 작지 않다. 데이터를 삭제하는 경우에도 똑같은 비용이 발생한다..

1. K번째수 - lv.1https://school.programmers.co.kr/learn/courses/30/lessons/42748?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr1. map 메서드로 commands 배열을 순회한다.2. filter 메서드로 array 배열을 i번째부터 j번째까지 자르고 sort 메서드로 오름차순 정렬한다.3. k값을 반환하여 commands 요소값을 대체한다.function solution(array, commands) { return commands.map(v => { return array.filter((..

1. 같은 숫자는 싫어 - lv1https://school.programmers.co.kr/learn/courses/30/lessons/129 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr연속으로 나타나는 수는 하나만 남기고 나머지는 제거하는 문제이다. 배열보다 filter를 사용하면 간단하게 풀 수 있다.function solution(arr){ return arr.filter((v, i) => v !== arr[i+1]);}값이 다음 값과 같은 경우에는 걸러낸다.배열을 사용하면 이렇게 풀 수 있다.function solution(arr){ var answer = [arr[0]]; ..

스택스택은 데이터를 일시적으로 쌓아 놓는 자료구조로, 가장 나중에 넣은 데이터를 가장 먼저 꺼내는 후입선출(LIFO, Last In First Out) 구조이다. 푸시와 팝이 이루어지는 쪽은 꼭대기(top)라 하고, 스택의 가장 아랫부분을 바닥(bottom)이라 한다.주요 연산push(v): 요소를 스택의 맨 위에 추가pop(): 스택의 맨 위 요소를 제거하고 반환peek(): 스택의 맨 위 요소를 확인isEmpty(): 스택이 비어있는지 확인size(): 스택에 있는 요소의 개수를 반환구현하기배열 활용class Stack { // 빈 배열을 생성하여 스택 초기화 constructor() { this.items = []; } // 요소 추가 push(element) { this.ite..

실버 3 문제2와 5로 나누어 떨어지지 않는 정수 n(1 ≤ n ≤ 10000)가 주어졌을 때, 각 자릿수가 모두 1로만 이루어진 n의 배수를 찾는 프로그램을 작성하시오.입력입력은 여러 개의 테스트 케이스로 이루어져 있다. 각 테스트 케이스는 한 줄로 이루어져 있고, n이 주어진다.출력각 자릿수가 모두 1로만 이루어진 n의 배수 중 가장 작은 수의 자리수를 출력한다.  import java.io.*;public class Main4375 { public static void main(String[] args) throws Exception { BufferedReader br = new BufferedReader(new InputStreamReader(System.in)); BufferedWr..

https://codepen.io/phillip-gimmi/pen/XWOdEMW React Smooth Section NavigatorAn interactive React application that provides seamless navigation between sections of content using the wheel or touch gestures. It employs GSAP's (Gr...codepen.io코드펜에서 발견한 섹션 전환 애니메이션을 프로젝트에 적용시켰다.gsap은 처음 사용하기 때문에 코드를 하나씩 살펴보고 프로젝트에 적용시키는 과정을 포스팅하고자 한다. gsap을 사용하려면 먼저 gsap을 설치해야 한다.npm install gsap import React, { useE..