Dog foot print

Electron with svelte 초기 세팅하기 requirement 일렉트론 윈도우에서는 svelte를 사용 할 수 있어야 한다. 유용한 플러그인 및 모듈을 설치하여, 깔끔한 폴더 구조를 만들어야 한다. svelte와 일렉트론에서 typescript를 사용 할 수 있어야 한다. svelte에서는 scss를 사용 할 수 있어야 한다. svelte에서 최신 문법을 사용 할 수 있어야 한다. svelte에서는 css초기화가 되어야 한다. svelte에서는 css 브라우저 접두사가 붙어야한다. 환경 OS : mac big-sur 11.3 NODE : 14.16.1 NPM : 6.14.12 YARN : 1.22.10 svelte 사용하기 SVELTE TEMPLATE설치 Note : npm , node , y..

Operating System Service 운영체제는 프로그램을 실행시켜주는 환경을 프로그램과 USER에게 제공한다. Os services User Interface : 사용자가 컴퓨터 환경을 편리하게 사용할 수 있도록 제공해주는 사용자와 컴퓨터간의 대화 수단이다. Program execution : 사용자가 실행하고자 하는 프로그램은 메모리에 적재 되어야 실행이 가능하다. 운영체제는 사용자 프로그램을 실행하도록 서비스를 제공하며, 프로그램의 종료 또한 책임진다. I/O operations file-system manipulation : 사용자는 2차 저장장치에 파일들을 보관한다. 이 파일들은 디렉토리라는 트리 구조로 이루어져 있으며, 만약 이 file-system을 운영체제가 찾아주지 못한다면 사용자..

서문 알고리즘 수업이 생각보다 난이도있게 흘러가고, 양방향 수업 부재로 인한 질의 응답이 어려워서 간단한 알고리즘들은 직접 구현해보며 만들어가는 것이 좋을 듯 생각이 들었다. 물론 꾸준히 업데이트 할 수 있을지는 미지수이지만 할만하다 싶은 부분들은 새롭게 올리는 것이 괜찮을 듯 싶다. 알고리즘 동전교환 알고리즘은 Greedy 알고리즘을 사용하여, 순간 순간 최적의 해를 선택하여 문제를 해결하는 방법이다. 여기서 문제란 현재 주어야 하는 잔돈에서 내가 어떤 조합으로 잔돈을 거슬러 줄 것인가이다. 그럼 여기서 순간순간 최적의 해란 ? 각 화폐 및 동전마다 최소의 수량을 결정하는 것이다. 우리가 약 95420원의 잔돈을 손님에게 전달해준다고 가정하자. 우리는 먼저 가장 큰 화폐권부터 계산을 할 것이다. 한국의..

React Day Scheduler 소개 react-day-scheduler는 제 첫번째 배포 리액트 모듈이며 화면상의 컴포넌트 영역에 드래그 하는 것으로 새로운 이벤트를 생성, 프롭스로 전달한 배열의 스케쥴을 자동으로 높이,위치, 크기를 지정하는 리액트 프론트 전용 모듈입니다. 설치 npm : npm install react-day-scheuduler yarn : yarn add react-day-scheduler 사용 방법 import DaySchedulerContainer from 'react-day-scheduler/dist' Props 설정 schedules : 이 프롭스는 화면상에 배치될 이벤트의 모음입니다. 전달하는 형태는 배열이며, 배열 속 이벤트를 표현하는 객체는 4가지의 기본 프로퍼티를..

운영체제 (OS)란 컴퓨터 사용자들은 복잡한 하드웨어의 제어 보다는 컴퓨터 응용프로그램으로 문제를 해결하는 것에 더 관심있기에, 복잡한 컴퓨터 자원을 할당하는 무언가가 컴퓨터 사용자들의 소프트 웨어 활용을 도와야 한다. 이것이 운영체제이다. Operating System 줄여서 OS라고 불리는 운영체제는 우리가 흔히들 쓰는 맥OS, 윈도우OS, 리눅스OS등이 있는데, 이 OS들은 사용자가 컴퓨터를 쉽게 사용 할 수 있도록 하드웨어(자원)을 관리하고, 응용프로그램을 실행할 수 있도록 기반 환경을 제공한다. 운영체제의 역할 OS는 시스템을 운영하여 하드웨어 , 소프트웨어 데이터를 적절하게 사용할 수 있도록 제어한다. 컴퓨터가 문제를 해결하는 데 필요한 자원(프로세서 시간, 메모리 공간, 파일 저장 공간, 입..

서론 요즘 계속 자스민과 취업을 위한 포트폴리오를 위해 신경쓰다보니, 블로그를 너무 방치 한 것 같아 아쉽다. 이론이나 문법적인 내용을 다루기에는 현재 방학중이라 조금 어렵고 자스민 사람들이 사용할만한 작은 예제들을 만들어 업로드 할 예정이다. html 형태 이미지 불러오기 input type종류에는 여러가지가 있지만 그 중 file이라는 녀석은 클릭시 사용자가 어떤 파일을 선택할 수 있는 작은 창을 제공한다. 이를 통해 사용자가 파일을 브라우저로 업로드 할 수 있도록 할 수 있다. 이벤트 연결하기 인풋 파일을 다룰때 고려해야 이벤트 종류는 onChange이다. 클릭이 아닌 이유는 파일을 선택하지 않았을 경우도 있기 때문에 클릭 이벤트가 아닌 값이 변경될 때 발생하는 change이벤트를 사용한다. 여기 ..

새해 첫 포스트이다. 최근 여자친구와의 이별문제와 헤이해버려진 기강 상태로 포스팅을 안 하였다. 이번 포스팅은 최근 자스민을 가르쳐주며 스코프와 클로저를 나름 정리하여 핸드북 형태로 볼 수 있게 한 내용이다. 정리 스코프 클로저 정리 //스코프란 ? 특정 위치에서 접근 할 수 있는 함수, 변수 등의 군락을 일컷는다. //전역 스코프란 ? 현재 있는 자바스크립트가 실행하고 있는 위치(함수,블럭) 바깥에 있는 //스코프를 일컫는다. 전역변수와 비슷한 내용이며 변수, 함수 등을 포함하기에 좀 더 넓은 의미 . let global = "i'm global"; //지역 스코프란 ? 블럭스코프, 함수스코프가 있으며 함수와 블럭 내부에서만 접근 가능한 //변수, 함수 등의 군락을 일 컫는다. 지역변수와 비슷한 내용이..

기존에 만들어서 올린 완전이진트리는 node타입이 마지막 삽입을 위한 노드에 대한 정보를 가진 링크가 더 있어서 구조체가 최소화 되지 못했다고 생각한다. 그래서 기존에 만든 완전이진트리의 노드는 node + queue의 역할을 겸하기에 이번에는 따로 분리 해주었다. 이번 작업에서는 queue를 이용한 트리에서 마지막 삽입된 노드를 찾는 흐름과 마지막 삽입된 노드의 부모를 찾는 작업의 흐름, 삽입되어야 할 위치를 찾기 위한 흐름을 보기위해서 삽입과 삭제시마다 queue를 새로 생성해서 찾게 하였다. 만약 적은 움직임으로 찾게 하고 싶으면, 트리의 선형적인 구조를 담은 queue를 어딘가 보관하고, 삭제할 노드의 부모노드에 대한 정보를 알고 있어야 한다. 구조 // tree -> node typedef st..