Fall in IT.

안녕하세요. 오늘은 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..