[개발 상식] MVC 패턴이란 무엇인가?

MVC - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN MVC (모델-뷰-컨트롤러) 는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 소프트웨어 디자인 패턴입니다. 소프트웨어의 비즈니스 로직과 화면을 구분하는데 중점을 두고 developer.mozilla.org 🤔MVC란 무엇인가? MVC(Model - View - Controller)는 사용자 인터페이스, 데이터 및 논리 제어를 구현하는데 사용되는 소프트웨어 디자인 패턴입니다. MVC에 기반을 둔 다른 디자인 패턴으로는 MVVM(모델-뷰-뷰모델), MVP(모델-뷰-프리젠터), MVW (모델-뷰-왓에버) 가 있습니다. 🤔MVC의 목적? 소프트웨어의 비지니스 로직과 화면을 구분하여 효율성을 향상시킵니다. 🤔MVC의 원..

• format_list_bulleted 개발 상식
• · 2023. 7. 21.
• textsms

[개발 상식] Git과 GitHub, 무슨 차이일까?

Git과 Github. 개발을 막 공부한 학생들도 많이 들어본 단어입니다. 이 둘을 명확하게 알고 차이가 무엇인지 알아봅시다. 🤔Git이 무엇인가요? Git은 분산 버전 관리 시스템(Distributed Version Control System)입니다. 소스 코드와 파일들의 변경 이력을 기록하고 관리하는 도구로, 변경 사항을 추적하여 이전 상태로 돌아갈 수 있도록 도와줍니다. Git은 선형적인 구조가 아닌 개발 브런치를 생성하여 여러 작업자가 동시에 작업하고 병합할 수 있습니다. 모든 변경 사항은 로컬에 저장되어 인터넷 연결이 필요하지 않습니다. 🤔GitHub가 무엇인가요? GitHub는 Git을 기반으로 한 웹 기반 호스팅 플랫폼입니다. 개발자들이 Git저장소를 호스팅하여 소스 코드를 공유, 협업, 관..

• format_list_bulleted 개발 상식
• · 2023. 7. 21.
• textsms

[하루 30분 모던 자바스크립트 딥 다이브] 클로저란 무엇인가

💪렉시컬 스코프 렉시컬 환경의 “외부 렉시컬 환경에 대한 참조”에 저장된 참조값. 즉 상위 스코프는 평가되는 시점에 함수가 정의된 환경(위치)에 의해 결정된다. 💪함수 객체 내부슬롯 [[Environment]] 함수는 내부슬롯 [[Environment]]에 자신이 정의된 환경, 즉 상위 스코프를 저장한다. (현재 실행중인 실행 컨텍스트의 렉시컬 환경) 함수 객체 내부슬롯 [[Environment]]에 저장된 현재 실행중인 실행 컨텍스트의 렉시컬 환경의 참조가 상위 스코프이다. 또 호출 되었을 때 생성된 함수 렉시컬 환경의 “외부 렉시컬 환경에 대한 참조”에 저장될 참조 값이다 즉 함수는 내부 슬롯 [[Environment]]가 있고, 함수가 정의 될 때 상위 스코프를 저장. 저장된 값은 호출이 되어도 바..

• format_list_bulleted 기술 서적/하루 30분 모딥다
• · 2023. 7. 21.
• textsms

백준 node.js 1918번 후위 표기식JavaScript JS

1918번: 후위 표기식 첫째 줄에 중위 표기식이 주어진다. 단 이 수식의 피연산자는 알파벳 대문자로 이루어지며 수식에서 한 번씩만 등장한다. 그리고 -A+B와 같이 -가 가장 앞에 오거나 AB와 같이 *가 생략되는 등의 www.acmicpc.net 😉문제 설명 이번 문제는 stack을 이용하는 문제입니다. 주어진 input을 배열로 만들고 차례대로 순회합니다. 순회 중인 값이 연산자 혹은 괄호 일 경우, stack에 넣고, 그렇지 않고 문자일 경우 정답 배열에 넣습니다. 연산자의 값이 +, -일 때는 스택에 넣고, 그 다음 스택으로 들어오는 연산자가 +, - 일 경우, 먼저 스택에 들어가 있는 연산자를 꺼내고 정답 배열에 넣습니다. 이후 들어온 연산자를 stack에 넣습니다. //A+B-C의 예시 1...

• format_list_bulleted 카테고리 없음
• · 2023. 7. 21.
• textsms

백준 node.js 1916번 최소비용 구하기 다익스트라 알고리즘 JavaScript JS

1916번: 최소비용 구하기 첫째 줄에 도시의 개수 N(1 ≤ N ≤ 1,000)이 주어지고 둘째 줄에는 버스의 개수 M(1 ≤ M ≤ 100,000)이 주어진다. 그리고 셋째 줄부터 M+2줄까지 다음과 같은 버스의 정보가 주어진다. 먼저 처음에는 그 www.acmicpc.net 😉문제 설명 이 문제는 단순한 다익스트라 문제이지만, 주의해야 할 부분이 몇가지 있습니다. 하나의 출발 지점에서 하나의 다른 도착 지점으로 가는 버스 노선이 여러 개 일 수 있습니다. 따라서 최소 비용을 가진 노선만 간선에 넣어주어야 합니다. (모든 노선을 넣으면 시간 초과가 납니다.) 비용이 0인 간선이 있습니다. 아래 코드는 틀린 코드와 맞는 코드입니다. 0은 falsy값 이기 때문에 주의가 필요합니다. 틀린 코드 const..

• format_list_bulleted 알고리즘/백준
• · 2023. 7. 21.
• textsms

백준 node.js 11657번 타임머신 벨만-포드 알고리즘 JavaScript JS

11657번: 타임머신 첫째 줄에 도시의 개수 N (1 ≤ N ≤ 500), 버스 노선의 개수 M (1 ≤ M ≤ 6,000)이 주어진다. 둘째 줄부터 M개의 줄에는 버스 노선의 정보 A, B, C (1 ≤ A, B ≤ N, -10,000 ≤ C ≤ 10,000)가 주어진다. www.acmicpc.net 기본적인 밸만 포드 알고리즘 문제입니다. 각 노드에서 모든 간선을 순회하며 모든 노드를 순회하는 O^2의 시간복잡도를 가집니다. 정확하게는 출발노드를 제외한 N-1개의 노드에서 E개의 간선을 순회하여 NE의 시간복잡도를 가집니다 문제풀이 let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().trim().split("\\n..

• format_list_bulleted 알고리즘/백준
• · 2023. 7. 21.
• textsms