게으른 나에게

MVC(Model-View-Controller) 패턴소프트웨어 설계 및 아키텍처를 위한 디자인 패턴 중 하나사용자 인터페이스(UI)와 애플리케이션의 비즈니스 로직을 분리하여 유지보수성과 확장성을 높이는 설계 방식주로 웹 애플리케이션, GUI 애플리케이션, 모바일 애플리케이션 등에서 널리 사용됨MVC 패턴 목적응집도를 높이고 결합도를 낮춰 유지보수를 쉽게 함역할을 명확하게 분리하여 코드의 가독성과 확장성을 향상사용자 인터페이스(UI)와 비즈니스 로직을 분리하여 독립적인 개발 가능MVC 패턴 특징데이터(Model), 사용자 인터페이스(View), 제어 로직(Controller)을 분리각 구성 요소가 독립적으로 작동하여 유지보수가 용이애플리케이션의 흐름을 체계적으로 관리할 수 있음MVC 패턴 구성요소1️⃣ 모..

CPU(중앙 처리 장치, Central Processing Unit)컴퓨터의 '두뇌’ 역할운영체제 실행, 사용자 명령 처리, 소프트웨어 제어 등 다양한 기능을 담당.CPU 특징제어 유닛명령어를 해석, 실행 신호 제어시스템 내의 다른 장치(메모리, 저장장치, 입력장치 등)와 통신산술 논리 연산 장치(ALU, Arithmetic Logic Unit)산술 및 논리 연산 수행캐시 메모리CPU 내부에 위치빠른 데이터 접근 지원멀티코어 지원여러 개의 코어를 통해 멀티태스킹 지원순차적(직렬) 처리복잡한 연산을 효율적으로 처리✅ 장점다양한 작업 수행 가능범용적인 프로세서로, 모든 종류의 연산과 시스템 제어 가능높은 단일 코어 성능복잡한 연산과 명령어 실행 속도가 빠름운영체제 및 소프트웨어 최적화대부분의 소프트웨어가 C..

HTTP(Hyper Text Transfer Protocol)OSI 7 계층의 애플리케이션 계층(Application Layer) 에서 동작하는 프로토콜HTTP 특징클라이언트(브라우저)와 웹 서버 간의 데이터 통신을 담당웹 페이지 요청 시 80번 포트 사용웹 서버와 사용자 브라우저는 데이터를 일반 텍스트(Plain Text)로 교환Stateless(상태 비저장) 프로토콜 → 요청과 응답이 끝나면 연결을 유지하지 않음Method, Path, Version, Headers, Body 등으로 구성✅ 단점데이터가 암호화되지 않아 보안에 취약개인정보 및 중요한 데이터를 주고받기 부적절HTTP의 구조사용자가 브라우저에서 URL 입력 (예: http://example.com)브라우저가 웹 서버에 HTTP 요청 전송웹..

OSI 7 계층 - 전송계층 OSI 7 계층들 중 4번째 계층, TCP/IP의 전송 계층에서 사용하는 프로토콜송신자와 수신자를 연결하는 통신서비스를 제공하는 계층 = 데이터 전달 담당데이터의 전달을 담당하며 전달되는 패킷의 오류를 검사하고 재전송 요구 등의 제어를 담당TCP(Transmission Control Protocol)연결 지향적 프로토콜ex) 파일 전송, 웹 검색, 이메일 전송, 채팅 TCP 특징 ✅ 장점연결 지향적3-way handshaking과정을 통해 연결을 설정4-way handshaking과정을 통해 연결을 해제신뢰성 보장패킷 유실 시 재전송오류 검출 및 수정 가능순서 보장전송된 데이터 패킷이 수신 측에서 전송된 순서대로 보장흐름 제어 및 혼잡 제어❎ 단점오버헤드 발생신뢰성 확보를 위..

애자일 개념일정한 주기를 가지고 빠르게 제품을 출시하여 고객의 요구사항, 변화된 환경에 맞게 요구를 더 하고 수정해나가는 탄력적인 방법론변화하는 고객 요구 사항에 대응하는 민첩한/신속한(agile) 대응 개발 방식애자일 핵심가치공정과 도구보다 개인과 상호작용을포괄적인 문서보다 작동하는 소프트웨어를계약 협상보다 고객과의 협력을계획을 따르기보다 변화에 대응하기를 애자일 장점변화에 대한 유연성: 고객의 요구와 시장 상황이 변하더라도 쉽게 적응 가능빠른 피드백 루프: 작은 단위로 작업을 완료하고 그 결과를 고객에게 피드백 받아 즉각적으로 수정팀 간 협업 강화: 팀원 간의 긴밀한 소통을 통해 프로젝트의 질을 높이고 문제 해결을 신속히 처리 스크럼고정된 반복 주기(스프린트)반적으로 1~4주의 짧은 기간으로 설정된 ..

데이터 베이스 개념데이터베이스(Database)는 체계적으로 정리된 데이터의 집합.여러 사용자와 애플리케이션이 데이터를 효율적으로 저장, 관리, 검색할 수 있도록 지원하는 시스템. 데이터 베이스 정의통합 데이터: 중복된 데이터에 대해서 데이터를 통합하여 자료의 중복을 최소화한 데이터의 모임으로 구성저장 데이터: 컴퓨터가 접근할 수 있는 매체에 데이터 저장운영 데이터: 조직의 목적을 위해 존재하고 활용되는 데이터공유 데이터: 여러 사람들이 공유하고 사용할 목적으로 통합 관리되는 데이터 데이터 베이스 기능 특징실시간 접근성 : 사용자 데이터 실시간 응답ex) 쇼핑몰 - 상품 검색 / 주문동시 공용 : 서로 다른 데이터 동시 사용 + 같은 데이터 동시 사용ex) 쇼핑몰 - 여러 고객이 동시에 상품 조회 / 구..

🔹 레이아웃 관련• space-x-2 : 자식 요소 사이의 가로 간격을 0.5rem (8px) 만큼 띄움• ml-auto : margin-left: auto; 로 설정하여 해당 요소를 오른쪽 끝으로 정렬• relative : 부모 요소를 상대적인 위치로 지정 (기본 위치에서 이동 가능하게 만듦)• overflow-hidden : 넘치는 콘텐츠를 숨김• aspect-square : 너비와 높이를 동일하게(1:1 비율) 설정하여 정사각형으로 만듦• inset : top, right, bottom, left 값을 한 번에 지정하는 속성 (ex: inset-0 → 모든 방향 0)• border-b : 아래(border-bottom)에 선을 추가• max-w-sm : 최대 너비를 small (24rem = 38..

함수 표현식과 선언문의 차이 1. 문법함수 선언문: 함수는 주요 코드 흐름 중간에 독자적인 구문 형태로 존재// 함수 선언문function sum(a, b) { return a + b;}함수 표현식: 함수는 표현식이나 구문 구성(syntax construct) 내부에 생성// 함수 표현식let sum = function(a, b) { return a + b;}; 2. 자바스크립트 엔진이 언제 함수를 생성하는지함수 표현식: 실제 실행 흐름이 해당 함수에 도달했을 때 함수를 생성 -> 실행 흐름이 함수에 도달했을 때부터 해당 함수를 사용 가능함수 선언문: 함수 선언문이 정의되기 전에도 호출 가능 -> 스크립트 어디에 있느냐에 상관없이 어디에서든 사용 가능 3. 스코프함수 선언문: 코드 블록 내에 위치하면..

문자형 - 출력할 때 주로 사용String(value) 숫자형 - 수학 관련 연산 시Number(value)값형 변환 후undefinedNaNnull0true / false1 / 0string0 불린형 - 논리 연산 시Boolean(value)값형 변환 후0, null, undefined, NaN, ""false그 외의 값true  예외숫자형undefined -> NaN불린형"0", " " -> true

변화하지 않는 변수 선언const myBirthday = '01.12.32'; 대문자 상수기억하기 힘든 값 변수에 할당해 별칭으로 사용하는 것대문자 명명밑줄 명명const COLOR_RED = "#F00";// 별칭 사용let color = COLOR_REDalert(color); // #F00 장점기억하기 쉬움오타 낼 확률 적음유의미코드 가독성 증가 일반적인 방식으로 상수를 명명 vs 대문자를 사용해 명명'상수’는 변수의 값이 절대 변하지 않음을 의미코드가 실행되기 전에 이미 그 값을 알고 있는 상수런타임 과정에서 계산되지만 최초 할당 이후 값이 변하지 않는 상수=> 대문자 상수, ‘하드 코딩한’ 값의 별칭 바람직한 변수명간결명확 변수 명명 시 참고하기 좋은 규칙남이 읽을 수 있는 이름 사용줄임말이..