'홈' 729건

UI 요구사항 확인User Inferface사용자가 시스템을 원활히 사용하도록 돕는 장치/소프트웨어사용자와 컴퓨터 상호 간의 소통을 원할히 하게 도와주는 연계 작업 UI의 종류CLI(Command Line Interface) : 테스트 기반 인터페이스GUI(Graphic User Interface) : 그래픽 반응 기반 인터페이스NUI(Natural User Interface) : 직관적 사용자 반응 인터페이스(터치, 음성등) UI의 세 가지 분야   UI의 설계 원칙직관성 : 누구나 쉽게 이해하고 사용할 수 있도록유효성 : 사용자의 목적을 정확하게 달성할 수 있도록학습성 : 누구나 쉽게 배우고 익힐 수 있도록유연성 : 사용자의 요구사항을 최대한 수용, 오류를 최소화 하도록 UI의 설계 지침 : UI 개..

모듈모듈(module)은 Java9에서 처음 도입된 개념으로, 패키지(package)는 서로 관련 있는 클래스나 인터페이스의 컴파일된 클래스(.class) 파일들을 한 곳에 담는 컨테이너이고, 모듈은 패키지들을 담는 컨테이너로 모듈 파일(.jmod)로 저장합니다. 자바 플랫폼의 모듈화오라클은 Java9의 도입과 함께 자바 플랫폼 전체를 모듈화하였습니다. 자파 플랫폼이란 자바 프로그램의 개발 환경과 실행 환경을 지칭하는 것으로, JDK/JRE 형태로 자바 개발자에게 제공됩니다. 오라클은 자바 API(사용자에게 제공하는 많은 클래스 라이브러리)를 모듈화하여, 패키지의 계층 구조로만 되어 있든 클래스들을 수십 개의 작은 모듈들로 재구성하였습니다.모듈들은 개발자가 다운받은 JDK 안의 jmods 디렉터리 안에 ..

IP(Internet Protocol Address)v4자원을 구분하기 위한 고유한 주소8비트씩 4부분, 총 32비트로 구성192.168.254.111000000.10101000.11111110.00000001 Subnetmask 및 주소(192.168.0.0)  IPv6IPv4의 주소 부족 문제 해결위해 개발128 비트 (16진수)2001:0db8:0000:0000:34f4:0000:0000:f3dd/642001:db8:34f4:0:0:f3dd/64이동성: 물리적 위치에 제한 없음인증성, 기밀성, 데이터 무결성의 지원으로 보안 문제 해결Flow Label 개념 도입. 특정 트래픽은 별도의 특별한 처리를 통해 높은 품질의 서비스를 제공 IPv6 : Multicast, unicast, anycast  DN..

노드를 웹 서버로 사용하는 경우, 클라이언트(프런트엔드)와 빈번하게 데이터를 주고받게 됩니다.HTML5에도 HTML과 관련돤 데이터를 저장하는 공식적인 방법이 있습니다. 바로 데이터 속성(data attribute)입니다. Chae Sally Zzang Kim 위와 같이 HTML 태그의 속성으로 data-로 시작하는 것들을 넣습니다. 이들이 데이터 속성입니다.화면에 나타나지는 않지만 웹 애플리케이션 구동에 필요한 데이터들입니다. 나중애 이 데이터들은 사용해 서버에 요청을 보내게 됩니다.데이터의 속성의 장점은 자바스크립트로 쉽게 접근할 수 있다는 점입니다. 단, 데이터 속성 이름이 조금씩 변형되었습니다. 앞의 data- 접두어는 사라지고, - 뒤에 위치한 글자는 대문자가 됩니다. data-id는 i..

스키마(Schema)데이터베이스의 전체적인 구조과 제약조건에 대한 명세를 기술하여 정의한 것 E-R Diagram 데이터베이스 설계데이터베이스 설계시 고려사항 후보키(Candidate Key)기본키가 될 수 있는 키 대체키(Alternate Key)후보키 중 기본키 아닌 키 슈퍼키(Super Key)속성들의 집합유일성은 만족시키지만, 최소성은 만족 못시킵니다.학번 + 주문번호, 학번 + 이름, 학번 + 이름 + 주민번호 데이터 사전, 카탈로그의 개요자료에 관한 정보를 모아 두는 저장소. 자료 사전자료의 이름, 표현 방식, 자료의 의미와 사용 방식, 다른 자료와의 관계데이터베이스 관리 시스템에 의해 생성되고 유지 관계형 데이터 구조1970년 IBM에 근무하던 코드(E.F.Codd)에 의해 제안개체(Enti..

package.json 파일 수정하기homepage 키와 키 값을 browserslist키 아래에 추가합니다.{ "name": "movie_app_2025", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "6.6.3", "@testing-library/react": "16.2.0", "@testing-library/user-event": "14.6.0", "axios": "^1.7.9", "cra-template": "1.2.0", "prop-types": "^15.8.1", "react": "^19.0.0", "react-dom": "^19.0.0"..

관계형 데이터베이스(RDB)DBMS(DataBase Management System)MySQL, Oracle, MS SQL DBMS(DataBase Management System)의 변화   트랜잭션(Transaction)데이터베이스의 상태를 변화시키는 하나의 논리적 기능을 수행하기 위한 작업의 단위 트랜잭션(Transation)의 특징Atomicity(원자성): CommitAll or Noting   Consistency(일관성)   (Isolation)독립성둘 이상의 트랜잭션이 동시에 실행되는 경우 어느 하나의 트랜잭션 실행 중에 다른 트랜잭션 실행 중에 다른 트랙잭션의 연산이 끼어들수 없습니다. (Durability)영속성성공적으로 완료된 트랜잭션의 결과는 영구적으로 반영되어야 합니다. Atomi..

패키지 선언자바 소스 파일(.java)이 컴파일되어 생기는 클래스 파일(.class 파일)은 반드시 패키지에 소속되어야 합니다. 클래스가 소속될 패키지 명은 다음과 같이 package 키워드를 이용하여 소스 파일이 첫 줄에 선언합니다.package 패키지명; package UI; // Tools 클래스를 컴파일하여 UI 패키지에 저장할 것을 지시public class Tools { // 이제 이 클래스의 경로명은 UI.Tools가 된다. ........} Tools.java 파일이 컴파일된 Tools.class 파일은 UI 디렉터리에 저장되며, Tools 클래스(Tools.class 파일)의 경로명은 다음과 같습니다.UI.Tools 그러므로 다른 패키지에 있는 클래스에서 Tools 클래스를 사용하고자 하..

Mutitasking에 대한 고찰   문맥교환(Context Switching)  프로세스를 바꿔주는 일을 하는 것이 스케줄러이고,스케줄러가 프로세스를 바꿔주는 것을 문맥교환(Context Switchong)이라 합니다. 프로세스 스케줄링CPU 자원을 효과적으로 생산성 있게 사용하기 위하여   프로세스 상태 전이PCB(Process Control Block)에 저장  프로세스 상테 전이(선점, time out)   프로세스 상태 전이 (대기)    프로젝트 상태 전이   프로세스 스케줄링 유형 선점형 스케줄링비선전형 스케줄링개념하나의 프로세스가 CPU을 차지하고 있을 때,우선 순위가 높은 다른 프로세스가 현재프로세스를 중단시키고 CPU를 점유하는 방식한 프로세스가 CPU를 할당받으면 작업 종료 후 CPU..

AJAX 요청을 보낼때, 처럼 주소에 한글이 들어가는 경우가 있습니다. 서버 종류에 따라 서버가 한글 주소를 이해하지 못하는 경우가 있는데, 이럴 때는 window 객체의 메소드인 encodeURIComponent 메소드를 사용합니다. 노드에서도 사용할 수 있습니다.한글 주소 부분만 encodeURIComponent 메소드로 감쌉니다.(async () => { try { const result = await axios.get(`https:// www.zerocho.com/api/search/ ${encodeURIComponent('노드')}`); console.log(result); console.log(result.data); } catch (error) { console.error(erro..

운영체제(OS Operating System)의 목적 운영체제(OS Operating System)의 정의  컴퓨터 시스템의 자원(CPU, 주기억장치, 보조기억장치 등)을 효율적으로 관리하여 사용자가 효과적으로 사용할 수 있는 환경을 제공하는 프로그램WindowsGUI 제공, PnP선점형 멀티태스킹 방식 제공,자동 감지 기능OLE(Object Linking and Embeded) 사용Unix대화식 운영체제, 다중 작업 기능 제공, 다중 사용자 기능 제공,이식성 제공, 계층적 트리구조 파일 시스템 제공Linux유닉스 기반, 유닉스 특징, 오픈 소스,다양한 리눅스 운영체제 종류MAC유닉스 기반 GUI 운영체제 (Apple사)안드로이드(Android)휴대용 장치를 위한 운영체제와 미들웨어, 사용자 인터페이스 ..

리다이랙트 기능을 위해서는 route props의 history 키를 활용해야 합니다. history 키에는 push, go, goBack, goForward와 같은 키가 있는데 그 키에는 URL을 변경해주는 함수들이 들어 있습니다. history 키 살펴보기주소 창에 localhost:3000를 입력해서 이동한 다음 아무 영화 카드나 눌러 이동합니다. 그런 다음 [Console] 탭에서  [history]에 출력된 값을 펼쳐서 살펴봅시다.push, go, goBack, goForward 키가 URL을 변경해주는 함수입니다. Detail 컴포넌트 클래스형 컴포넌트 변경하기Detail 컴포넌트를 함수형에서 클래스형 컴포넌트로 변경한 다음 location, history 키를 구조 분해 할당합니다.impor..