기록

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

단어 변환 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를 전역으로 구성하기 위한 설정이며, 일반적으로 애플리케이션의 진입점 파일이나 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..

1. localhost:8080 이렇게 포트번호 까지만 쳤을 때 위의 에러가 뜬다면 spring boot는 기본 포트번호를 쳤을 때 static > index.html을 들고온다. 해당 파일이 없어서 나는 에러 index.html 예시 Hello 2. spring security 사용

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

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

Vue Router를 사용하여 여러 페이지를 다루고 각 페이지에 주소를 지정하는 방법입니다. router 설정1. Vue Router 설치- Vue 프로젝트에 Vue Router를 설치합니다.npm install vue-router - 버전 확인#Vue 2.x와 vue-router 3.xnpm install vue-router@3#Vue 3.x와 vue-router 4.xnpm install vue-router@4 2. Vue Router 설정- index.js (2024.11 수정함)Vue Router를 설정하려면 src 폴더에 router 폴더를 생성하고 그 안에 index.js 파일을 만듭니다.  import { createRouter, createWebHistory } from 'vue-route..

repository 복제 아래 작업은 git bash에서 진행하면 됩니다. 1. 기존 리포지토리 클론 먼저 현재 참여하고 있는 Git 리포지토리를 로컬 컴퓨터로 클론합니다. git clone 2. 새로운 리포지토리 생성 GitHub에서 새 repository를 생성합니다. 3. 로컬 리포지토리 변경 로컬에서 클론한 리포지토리의 원격 URL을 변경하여 새로운 리포지토리로 연결합니다. git remote set-url origin 4. 코드 푸시 변경된 로컬 리포지토리를 새로운 리포지토리로 푸시합니다. git push -u origin master * error fatal: could not create work tree dir '': Permission denied 로컬 디렉토리를 생성하려고 할 때 권한이..

먼저 공식 문서입니다. https://www.mongodb.com/docs/compass/master/ What is MongoDB Compass? — MongoDB Compass MongoDB Compass is a powerful GUI for querying, aggregating, and analyzing your MongoDB data in a visual environment. Compass is free to use and source available, and can be run on macOS, Windows, and Linux. Download Compass View installation instructions www.mongodb.com 1. database 생성 + 버튼을 눌러 생..

Database, Collection 및 Document는 NoSQL 데이터베이스에서 일반적으로 사용되는 개념이며, 이러한 개념은 관계형 데이터베이스 시스템에서 테이블, 행 및 열과 유사한 역할을 합니다. Database (데이터베이스) 데이터베이스는 데이터의 논리적인 컨테이너입니다. 데이터베이스는 하나 이상의 컬렉션을 포함하며, 관련된 데이터를 논리적으로 그룹화합니다. 각 데이터베이스는 고유한 이름을 가지며, MongoDB에서는 이를 "DB"라는 명령어로 생성하고 선택합니다. 예를 들어, 여러 종류의 데이터를 저장하기 위해 "사용자", "제품" 및 "주문"과 같은 여러 데이터베이스를 만들 수 있습니다. // 데이터베이스 생성 use mydatabase // 현재 사용 중인 데이터베이스 확인 db // ..