'전체 글' 737건

자바스크립트는 스크립트 언어이므로 미리 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있습니다. 노드도 비슷한 콜솔을 제공하는데, 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복하다(Loop)고 해서 REPL(Read Exal Print Loop)이라고 부릅니다.윈도우에서는 명령 프롬프트, 맥이나 리눅스에서는 터미널을 열고 node를 입력합니다. VS Code에서는 Ctrl + `을 누르면 터미널을 켤 수 있습니다.$ node 프롬프트가 > 모양으로 바뀌었다면 자바스크립트 코드를 정의할 수 있습니다.> const str = 'Hello world, hello node';undefined> console.log(str);Hello world, he..

UI 설계1. UI 설계서 구성구성설 명UI 설계서 표지프로젝트명 또는 시스템명UI 설계서 개정 이력UI 설계서 처음 작성 시 -> 첫 번째 항목으로 '초안 작성'을 포함, 초기 버전(version) 1.0으로 설정변경 또는 보완이 충분히 이루어져 완성이 되었다고 판단할 경우-> 버전을 x.0으로 바꾸어 설정UI 요구사항 정의UI 요구사항들을 재확인하고 정리시스템 구조UI 프로토타입을 재확인UI 요구사항들과 UI 프로토타입에 기초해 UI 시스템 구조를 설계사이트 맵(Site Map)UI 시스템 구조의 내용을 사이트 맵의 형태로 작성사이트 맵 상세 내용(Site Map Detail)을 표 형태로 작성프로세스(Process) 정의사용자 관점에서 요구되는 프로세스들을 진행되는 순서에 맞추어 정리화면 설계UI ..

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..