Fall in IT.

안녕하세요. 오늘은 127.0.0.1, localhost, 192.168.0.x 세가지 ip의 차이점을 간단하게 알아보도록 하겠습니다. 127.0.0.1localhost192.68.0.x (사설ip) 모두 같은거 아닌가? 라고 생각하기 쉽지만, 사실 조금씩 차이가 있습니다. 알아야할 개념loopback공인 IP사설 IP 간단하게 설명하자면,loopback은 호스트에 할당된 아이피를 의미합니다. 즉, 내가 갖고 있는 노트북에서 localhost 또는 127.0.0.1로 서버를 띄울 경우서버를 띄운 노트북에서만 접속이 가능합니다. 핸드폰에서 localhost 또는 127.0.0.1로 서버를 띄울 경우 핸드폰에서만 접속이 가능합니다. 사설IP의 경우에는 같은 대역의 사설 IP를 할당받은 모든 기기에서 접속이 ..

CPU Scheduling선점형(preemtive) - CPU를 선점하고 동작되는 스케줄링 기법 (뺏을 수 없음)비선점형(nonpreemtive) - CPU를 언제든지 뺏을 수 있는 형태로 동작하는 스케줄링 기법 CPU 성능 척도CPU utilization (CPU 이용률) - 시스템 입장에서 CPU가 일하는 시간Throughtput (처리량) - 시스템 입장에서 CPU가 단위 시간당 처리하는 처리량Turnarount time (소요시간, 반환시간) - 프로세스 입장에서 CPU를 기다리고, 점유하고 모두 끝내는데 걸리는 시간Waiting time (대기 시간) - 프로세스 입장에서 CPU를 점유하기까지 기다리는 시간Response time (응답 시간) - 프로세스 입장에서 CPU를 처음으로 점유하는데 ..

안녕하세요.오늘은 프로세스 관리(Process Management)하는 방법에 대해서 알아보도록 하겠습니다. 프로세스를 관리하는 시스템콜 4가지fork() - 부모 프로세스를 복제하는 시스템 콜exec() - 어떤 프로그램을 새로운 프로세스로 태어나도록 하는 시스템 콜wait() - 자식 프로세스가 종료될때까지 기다렸다가(blocked) 자식이 죽으면 ready 상태로 변경되는 시스템 콜 - shell(command) 프로그램도 wait()시스템 콜을 사용하는 대표적인 프로그램 입니다.exit() - 프로세스를 종료하는 시스템 콜 - kill, break 등으로 프로세스를 죽이는 경우, 또는 윈도우창에서 X버튼을 누르는 경우 모두 해당 됩니다. 조금 더 자세히 알아보겠습니다. fork()부모 프로세스 i..

안녕하세요. 오늘은 프로세스의 개념과 흐름에 대해서 간단하게 알아보도록 하겠습니다. 프로세스의 개념실행중인 프로그램을 뜻합니다. 프로세스의 Context 개념간단하게 프로세스의 상태를 나타냅니다.프로세스의 상태로는 크게 세가지가 있습니다. CPU의 수행상태, 프로세스의 주소 공간, 프로세스 관련 커널 자료 구조CPU의 수행 상태 - CPU의 수행 상태를 나타내는 하드웨어 문맥으로 PC(Program Counter)와 각종 register가 해당됩니다. - Program Counter란, 프로세스의 실행될 부분 입니다.프로세스의 주소 공간 - code, data, stack프로세스 관련 커널 자료구조 - PCB(Process Control Block): 프로세스의 정보를 저장해놓는 블록을 의미합니다. - ..

안녕하세요. 오늘은 CSS에서 background-size 속성에 대해서 간단히 알아보도록 하겠습니다. background-size란?background-size 속성은 배경이미지의 사이즈를 조정하는 CSS 기능입니다.또는, 여러가지 이미지 요소들을 하나의 png파일로 모아서 작업할 때 retina의 경우 화질이 더 높기 때문에 2배 이미지를 넣고, background-size를 사용하여 1배 사이즈로 지정하여 이용하면 좋은 화질로 보여줄 수 있습니다.img 태그에 적용하는 object-fit의 속성과 유사합니다. 종류 (이해를 돕기위해 kakaobank이미지를 사용합니다.)auto - 기본값은 auto로 설정되며, background에 설정된 이미지의 원본 크기로 그대로 설정됩니다. cover - 이미..

안녕하세요.오늘은 간단하게 운영체제의 개념에 대해서 아주 간단하게 정리해보도록 하겠습니다.자세한 내용은 앞으로 차례차례 정리해 나가도록 하겠습니다. 운영체제란?운영체제는 모든 하드웨어와 모든 소프트웨어를 관리하는 컴퓨터시스템의 한 부분인 “실행 관리자”라고 정의할 수 있습니다.Windows, Mac, Linux, Unix 등이 대표적입니다. 운영체제의 기능 1. 컴퓨터를 편리하게 사용할 수 있도록 도와주는 역할2. 컴퓨터의 자원을 효율적으로 사용할 수 있도록 도와주는 역할 (cpu, memory 등) 조금 더 자세히 들여다보면,어떤 프로그램에게 CPU 사용권 할당할까? - CPU 스케줄링 한정된 메모리를 어떻게 쪼개어 쓰지? - 메모리 관리 빠른 CPU와 느린 I/O 장치간 속도차를 어떻게 극복하지? -..

안녕하세요. 오늘은 Angular5에서 ng-scrollreveal 사용법에 대해서 알아보겠습니다.ng-scrollreveal는 쉽게 스크롤 애니메이션을 적용할 수 있도록 도와주는 라이브러리 입니다. 목적Angular5에서 ng-scrollreveal 사용해보기 작업 순서angular-cli를 사용하여 angular5 프로젝트를 생성하고 실행해봅니다.생성한 프로젝트에 ng-scrollreveal 플러그인을 설치하고 적용합니다. angular5 프로젝트 생성 및 실행 (node.js, npm, angular-cli가 설치되어 있다는 가정하에 설명합니다.)angular-cli를 사용하여, angular5 project를 생성합니다. 프로젝트명은 scrollreveal-sample-app으로 합니다. - $ ..

안녕하세요. 오늘은 Angular5에서 Slick-carousel 사용법에 대해서 알아보겠습니다. 목적Angular5에서 slick-carousel 사용해보기 작업 순서angular-cli를 사용하여 angular5 프로젝트를 생성하고 실행해봅니다.생성한 프로젝트에 slick-carousel 플러그인을 설치하고 적용합니다. angular5 프로젝트 생성 및 실행 (node.js, npm, angular-cli가 설치되어 있다는 가정하에 설명합니다.)angular-cli를 사용하여, angular5 project를 생성합니다. 프로젝트명은 slick-sample-app으로 합니다. - $ ng new slick-sample-app 프로젝트가 생성되면 해당 프로젝트 안으로 진입합니다. - $ cd slick..

최근 만들어진 웹사이트중 가장 심플하게 잘 만들어졌다고 생각하는 kakaobank 사이트를 직접 copy 해보고,어떤 plugin들을 사용했고, 레이아웃은 어떤 방식으로 잡았는지에 대해서 알아보는 시간을 가져보았습니다. 결국, 어떻게 만들었길래 이렇게 이쁠까? 란 궁금증을 해결하기 위해서 직접 똑같이 만들어 보았습니다. 목적kakaobank 사이트와 똑같은 사이트를 구현합니다.구현하면서 필요한 라이브러리 또는 스킬들도 하나하나 정리합니다. 요구사항kakaobank와 최대한(?) 똑같이 만들어야합니다. (따라서, 구현시 사용되는 모든 리소스는 kakaobank의 리소스를 참조하여 개발합니다.)오픈소스로 공개하고 스터디 용으로만 사용합니다. 구축환경angular5를 사용하여 개발합니다. (angular-cl..

안녕하세요.오늘은 webpack의 개념과 사용방법에 대해서 간단하게 알아보도록 하겠습니다. 서버에서 처리하는 로직을 JavaScript로 구현하는 부분이 많아지면서 웹 서비스 개발에서 JavaScript로 작성하는 코드의 양도 늘어났습니다. 코드의 양이 많아지면 코드의 유지와 보수가 쉽도록 코드를 모듈로 나누어 관리하는 모듈 시스템이 필요해집니다. 그러나 JavaScript는 언어 자체가 지원하는 모듈 시스템이 없습니다. 이런 한계를 극복하려 여러 가지 도구를 활용하는데 그 도구 가운데 하나가 webpack입니다. webpack이란?웹팩은 모듈 번들러 입니다. 웹팩은 상호 의존성이 있는 모듈들을 사용해 그 모듈들과 같은 역할을 하는 정적 에셋들을 생성해냅니다. webpack 동작방식각 기능 단위별로 mo..