전체 글 (30) 썸네일형 리스트형 Cloud 인터넷 통신망 어디간에서 보이지 않는 컴퓨터 자원(CPU, 메모리, 디스크 등)을 원하는대로 가져다 쓰는 것) 장점: 서버를 사용해야 할 때 세팅은 신경쓰지 않고 데이터 센터 어디간에 준비되어 있는 서버를 사용하면 됨 현재 컴퓨터의 하드웨어와 무관하게 인터넷만 연결되면 클라우드 자원을 활용할 수 있다 클라우드 제공 형태: -퍼블릭 클라우드: 특정 기업이나 사용자를 위한 서비스가 아닌 인터넷에 접속 가능한 모든 사용자를 위한 클라우드 서비스 모델 -프라이빗 클라우드: 제한된 네트워크 상에서 특정 기업이나 특정 사용자만을 대상으로 하는 클라우드로 서비스의 자원과 데이터는 기업 내부에 저장된다 보안성이 뛰어나고 개별 고객의 상황에 맞게 클라우드 기능을 커스터마이징할 수 있다. -하이브리드 클라우드: 퍼블릭 클.. Linux 기본 (2) Chapter 6 프로세스 : 현재 시스템에서 실행 중인 프로그램 시스템 프로세스 : 리눅스의 운영에 필요한 다양한 기능을 수행한다 사용자 프로세스 : 사용자가 실행한 프로그램 모든 프로세스는 부모-자식 관계를 가진다 리눅스 시스템을 부팅할 때 스케줄러가 실행한 프로세스인 systemd와 kthreadd 프로세스를 빼면 모든 프로세스는 부모 프로세스를 가진다 자식 프로세스는 할일이 끝나면 부모 프로세스에 결과를 돌려주고 종료됨 PID : 프로세스마다 가진 고유한 번호 systemd : 나머지 모든 시스템 프로세스의 부모 프로세스가 된다 kthreadd : 모든 스레드의 부모 프로세스가 된다 PCB 안에 있는 정보 PID : 프로세스 식별자(PID 1번은 systemd 프로세스이다) UID : 사용자 식별.. Linux 기본 (1) 리눅스의 구조 커널 : 리눅스의 핵심으로 프로세스 관리, 메모리 관리, 파일 시스템 관리, 장치 관리 등 컴퓨터의 모든 자원을 초기화하고 제어하는 기능을 수행 셸 : 리눅스의 사용자 인터페이스로 사용자와 커널 사이의 중간자 역할을 담당하는 특별한 프로그램 응용 프로그램 : 각종 프로그래밍 개발 도구, 문서 편집 도구, 네트워크 관련 도구 등 Bash셸 : 리눅스의 기본 셸 리눅스 명령 사용법 exit , Ctrl+d : 터미널을 닫는 명령어 프롬프트 : 사용자의 입력 명령을 기다리는 표시 $ : 배시셸의 기본인 경우 : 시스템 관리자의 경우 data : 날짜와 시간을 출력한다 clear : 화면을 지운다 man : 명령 사용방법을 화면에 출력한다 (man clear) passwd : 사용자 계정의 비밀번.. 자바 기본 문법 메모리 구조 코드 영역 프로그램의 코드가 저장되는 텍스트 영역이다. 데이터 영역 프로그램의 전역 변수와 정적(static) 변수가 저장되는 영역이다 프로그램의 시작과 함께 할당되고 프로그램이 종료되면 소멸된다 힙 영역 사용자에 의해 메모리 공간이 동적으로 할당되고 해제된다 힙 영역은 메모리의 낮은 주소에서 높은 주소의 방향으로 할당된다 스택 영역 함수의 호출과 관계되는 지역 변수와 매개변수가 저장되는 영역이다 함수의 호출과 함께 할당되고 함수의 호출이 완료되면 소멸된다 스택 영역은 메모리의 높은 주소에서 낮은 주소의 방향으로 할당된다 기본자료형 정수형 문자형 실수형 논리형 1byte byte boolean 2byte short char 4byte int float 8byte long double 조건연산.. JS 비동기처리 동기식(Synchronous) : 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 방식, 즉 한번에 하나의 작업을 처리함 → 요청의 결과가 그 자리에서 동시에 일어나야 한다 비동기식(Asyncronous) : 먼저 실행된 작업이 끝날때까지 기다리지 않고 다음 작업을 수행하는 방식, 즉 한번에 여러 작업을 처리함 → 요청의 결과가 동시에 그 자리에서 일어나지는 않는다 비동기 처리가 필요한 이유 동기 방식은 결과가 주어질때까지 아무것도 못하고 대기해야 하지만 비동기방식은 결과가 주어지는 시간동안 다른 작업도 할 수 있어서 자원을 효율적으로 사용할 수 있다 자바스크립트는 한 번에 하나의 작업만 수행할 수 있는 싱글스레드이기 때문에 별도의 API를 .. JS 문법 배열 함수 let names = ["a","b","c","d","e","f"]; forEach() : function printName(item){ console.log(item); } names.forEach(printName) //모든 배열함수는 매개변수로 함수를 받는다 //람다함수 쓸 수 있고 2번째 파라미터로 인덱스값도 받을 수 있다 names.forEach((item,index) => {console.log(item, index)}); 리턴 값이 없다 map() : let data = names.map((item) => { return item }) console.log(data); 반드시 배열을 리턴한다 filter() let data = names.filter((item) => { retur.. Vue JS (2) Vue 문법 디렉티브: v- 접두어를 가진 attribute v-bind : 뷰 인스턴스와 데이터나 이벤트를 바인딩하거나 하위 컴포넌트에 데이터를 전달 할 때 사용합니다 v-model : 뷰 인스턴스와 양방향으로 바인딩해서 뷰 인스턴스의 data 또는 Input 태그를 통해 바인딩한 값을 수정할 수 있습니다. v-once : 뷰 인스턴스와 한번만 렌더링을 수행합니다. 이 후 바인딩된 데이터가 변경되어도 처음에 입력한 값만 보여줍니다. v-for : 반복적으로 표현해야할 엘리먼트를 출력할 때 사용됩니다. 그리고 리스트 형식으로 바인딩된 데이터의 요소를 꺼내 사용할 수 있습니다. v-if, v-else-if, v-else : v-if 디렉티브 값에 true, false 값을 넣어 반응적으로 엘리먼트를 표시하.. Vue.js (1) 뷰의 장점: angular의 양방향 데이터 바인딩 가능 react의 virtual dom 구조 사용 vue —version: 뷰가 이미 설치되어있는지 확인or 버전 확인 npm install -g @vue/cli : 뷰 프로젝트 생성을 도와준다 vetur 확장프로그램 설치 vue create project01 뷰 프로젝트 생성 cd project01 이동후 npm run serve: 프로젝트 실행 .prettierrc 파일 만들고 { "semi": false, "bracketSpacing": true, "singleQuote": true, "useTabs": false, "trailingComma": "none", "printWidth": 80 } package.json 파일에 "rules": { "sp.. 이전 1 2 3 4 다음
