분류 전체보기 233

[javaScript] 프로그래머스 - 네트워크

네트워크 https://school.programmers.co.kr/learn/courses/30/lessons/43162 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 네트워크란 컴퓨터 상호 간에 정보를 교환할 수 있도록 연결된 형태를 의미합니다. 예를 들어, 컴퓨터 A와 컴퓨터 B가 직접적으로 연결되어있고, 컴퓨터 B와 컴퓨터 C가 직접적으로 연결되어 있을 때 컴퓨터 A와 컴퓨터 C도 간접적으로 연결되어 정보를 교환할 수 있습니다. 따라서 컴퓨터 A, B, C는 모두 같은 네트워크 상에 있다고 할 수 있습니다. 컴퓨터의 개수 n, 연결에 대한..

카테고리 없음 2023.09.21

[javaScript] 프로그래머스 - 타겟 넘버

타겟 넘버 https://school.programmers.co.kr/learn/courses/30/lessons/43165 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. -1+1+1+1+1 = 3 +1-1+1+1+1 = 3 +1+1-1+1+1 = 3 +1+1+1-1+1 = 3 +1+1+1+1-1 = 3 사용할 수 있는 숫자가 담긴..

[javaScript] 프로그래머스 - 연속된 부분 수열의 합

연속된 부분 수열의 합 https://school.programmers.co.kr/learn/courses/30/lessons/178870 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 비내림차순으로 정렬된 수열이 주어질 때, 다음 조건을 만족하는 부분 수열을 찾으려고 합니다. 기존 수열에서 임의의 두 인덱스의 원소와 그 사이의 원소를 모두 포함하는 부분 수열이어야 합니다. 부분 수열의 합은 k입니다. 합이 k인 부분 수열이 여러 개인 경우 길이가 짧은 수열을 찾습니다. 길이가 짧은 수열이 여러 개인 경우 앞쪽(시작 인덱스가 작은)에 나오는 수열..

[javaScript] 프로그래머스 - 여행경로

여행경로 https://school.programmers.co.kr/learn/courses/30/lessons/43164 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 주어진 항공권을 모두 이용하여 여행경로를 짜려고 합니다. 항상 "ICN" 공항에서 출발합니다. 항공권 정보가 담긴 2차원 배열 tickets가 매개변수로 주어질 때, 방문하는 공항 경로를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 모든 공항은 알파벳 대문자 3글자로 이루어집니다. 주어진 공항 수는 3개 이상 10,000개 이하입니다. ticke..

[javaScript] 프로그래머스 - 단어 변환

단어 변환 https://school.programmers.co.kr/learn/courses/30/lessons/43163 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr - 문제 두 개의 단어 begin, target과 단어의 집합 words가 있습니다. 아래와 같은 규칙을 이용하여 begin에서 target으로 변환하는 가장 짧은 변환 과정을 찾으려고 합니다. 1. 한 번에 한 개의 알파벳만 바꿀 수 있습니다. 2. words에 있는 단어로만 변환할 수 있습니다. 예를 들어 begin이 "hit", target가 "cog", words가 ["hot",..

[axios] defaults 설정 방법 및 옵션

Axios의 defaults 설정은 Axios를 전역으로 구성하기 위한 설정이며, 일반적으로 애플리케이션의 진입점 파일이나 Axios 인스턴스를 생성하기 전에 설정되어야 합니다. 주로 프로젝트의 초기화 코드 또는 설정 파일에서 이 설정을 구성합니다. - 설정 위치 애플리케이션 진입점 파일 (Main Entry Point) (예: main.js) 만약 Vue.js, React, Angular 등의 프레임워크 또는 라이브러리를 사용하는 경우, 애플리케이션의 진입점 파일에서 Axios의 defaults 설정을 수행하는 것이 일반적입니다. // main.js import { createApp } from 'vue'; import App from './App.vue'; import axios from 'axios..

RESTful API란? (+예시)

RESTful API는 Representational State Transfer의 약자로, 웹 서비스를 위한 아키텍처 스타일 중 하나입니다. REST는 HTTP(Hypertext Transfer Protocol)를 기반으로 하며, 자원을 표현하고 상태를 전달하기 위한 간단한 방법을 제공합니다. - REST (Representational State Transfer) 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다. 자원(resource)의 표현(representation) 에 의한 상태 전달 - 자원: 해당 소프트웨어가 관리하는 모든 것 Ex) 문서, 그림, 데이터, 해당 소프트웨어 자체 등 - 자원의 표현: 그 자원을 표현하기 위한 이름 Ex) DB의 학..

SCSS, CSS 차이, 장단점(비교 코드)

SCSS(또는 Sassy CSS)와 CSS는 웹 개발에서 스타일을 정의하고 관리하는 데 사용되는 두 가지 다른 언어입니다. SCSS는 CSS의 확장으로, CSS를 더 효율적으로 작성하고 관리하기 위해 개발된 언어입니다. SCSS 장단점 장점: 스타일 시트를 더 가독성 있고 유지 보수하기 쉽게 만들 수 있습니다. 단점: 전처리기를 위한 도구 필요, 컴파일 시간 소요 SCSS, CSS 차이점 문법 차이 CSS는 중괄호({})와 세미콜론(;)을 사용하여 스타일을 정의하고 구분합니다. SCSS는 중괄호와 세미콜론을 사용하는 CSS와 유사한 문법을 가지고 있지만, 중첩된 규칙 및 변수, 함수, 믹스인(Mixin)과 같은 고급 기능을 제공합니다. 컴파일러 필요성 CSS 파일은 별도의 컴파일 과정 없이 웹 브라우저에..

Frontend/css 2023.09.12

router 설정

Vue Router를 사용하여 여러 페이지를 다루고 각 페이지에 주소를 지정하는 방법입니다. 1. Vue Router 설치 먼저 Vue 프로젝트에 Vue Router를 설치해야 합니다. 이미 설치된 경우 이 단계를 건너뛰세요. npm install vue-router 2. Vue Router 설정 Vue Router를 설정하려면 src 폴더에 router 폴더를 생성하고 그 안에 index.js 파일을 만듭니다. // src/router/index.js import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home.vue' // Home은 실제 컴포넌트 이름에 맞게 수정해야 합니다. import About fr..

Frontend/vue3 2023.09.11