Dog foot print

React로 Calendar app만들기 기본 세팅 Yarn create react-app calendar로 적당한 위치에 react-project를 만든다. 기본 세팅을 위해서 필요 없는 것들을 src폴더에서 삭제하고 App.js를 Calendar.js 로 변경 한다. Calendar는 Class형 컴포넌트로 변경하고 테스트를 위해 Hello Calendar를 입력한다. import React, { Component } from 'react' export default class Calendar extends Component { render() { return ( Hello Calendar ) } } export default Calendar; index.js도 아직 붙어 있는 service work..

Process란 먼저 program은 유저가 문제를 해결하기 위한 절차 및 수행과정으로 정의된다. 이러한 program은 batch system에서는 job이라 불리며, time shared system에서는 user program이라고 불린다. 그러므로 이 program은 천공카드 혹은 하드디스크 내부에 file로써 보관되어 있는데 이를 수행하려면 memory에 적재되어야만한다. 이때 실행되는 program을 Process 라고 하며 active상태 인 프로그램이라고 부르기도 한다. Process영역 process는 여러개의 Part로 구성되어 있는데, 이 구성은 다음과 같다. Text : 현재의 프로그램 코드를 구성하는 영역 Program Counter : 다음 실행할 명령어 Stack : 임시적인 ..

서문 영화 밀양은 보는 내내 주인공 신애의 행동 때문에 답답함을 가지고 있었던 영화이다. 우리는 이런 답답한 영화를 왜 볼까. 그리고 이 답답함은 무엇일까 ? 답답함은 우리가 잘못된 길로 나아가고 있음을 인지하지만, 몸과 주변 상황은 이에 반대로 흘러가고 있을때 일어난다. 나는 밀양을 보며 크게 답답함을 느꼈다. 이는 우리 사회와 영화 속 흐름이 동일하게 느껴지며, 주인공의 상황을 이해하기 때문이었다. 본문 이신애 영화 속 첫 장면은주인공 이신애가 교통사고를 당한 남편의 고향으로 아들 준이와 함께 새롭게 살림을 차리러 밀양을 찾는 것으로 시작된다. 신애가 밀양에 도착하기 전 차의 고장으로 밀양에서 카센터를 운영하는 종찬과 첫 만남을 가지게 된다. 종찬에게 견인되어 밀양으로 진입하는 그 모습이 마치 신애가..

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가지의 기본 프로퍼티를..

서문 현재 프로젝트를 진행 하면서 에디터는 사용하기 편한 퀼에디터를 사용하기로 했다. 모듈이 계속 관리가 잘되며, 사용하기 쉽게 다양한 기능을 퀼에디터에서 제공하며, 무엇보다 사용자가 많아 소통하기 쉬운 것이 최고의 장점이다. 그러다 에디터를 이용하여 내부에서 이미지 크기를 제어 할 수 있는 quill-image-resize 모듈을 알게 되었고, 스택오버플로우에서 추천한 방법으로 설치와 실행을 진행하였는데, TypeError: Cannot read property 'imports' of undefined 메세지를 만나게 되었다. 바벨이 알아서 imports구문을 변경해줄 것 일줄 알았는데, 이상하게 resize모듈에서 오류를 일으켰고, 스택오버플로우에 해당 오류를 검색하게 되니, 대부분의 사용자가 겪는 ..

스레드 쓰레드란 ? 쓰레드(Thread)는 프로세스처럼프로세서를 사용하는 기본 단위이며, 프로그램을 실행하는 프로세스 내의 개체이다. 즉 명령어를 독립적으로 실행 할 수 있는 하나의 제어 흐름이다. 프로세스는 하나의 목적을 달성하기 위한 프로그램이라면, 스레드는 이 목적을 달성 하기 위해 실제로 작업을 실행하는 주체이다. 따라서 프로세스는 적어도 하나 이상의 쓰레드를 가지고 있으며, 둘 이상의 스레드를 가지는 프로세스를 멀티 스레드 프로세스라고 한다. (참고로 node.js는 단일 쓰레드를 가진다. ) 쓰레드의 상태 쓰레드는 다음과 같은 것들을 가지고 있다. 쓰레드 실행 시의 상태(실행, 준비 등) 실행 스택 지역 변수와 스레드의 특정데이터를 저장하기 위한 쓰레드 별 정적 저장소 프로세스의 다른 쓰레드가..

프로세스 프로세스는 프로세서와 전혀 다른 말이다. 착각하기 쉬우니 조심하도록 하자 프로세스 프로세스란 ? 위키백과에 따르면 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램을 말한다. 여기서 실행 중인 프로그램이란 디스크에 저장되고 있던 실행 가능한 프로그램이 메모리에 적재되어 운영체제의 제어를 받는 상태를 말한다. 여기서 프로세스는 우리가 사용하는 웹 브라우저, 음악 플레이어, 게임 등을 이야기 한다. 이런 프로세스가 2개 이상 실행되는 것을 멀티 프로세스라고 하며, 두개 이상의 작업을 하는 것을 멀티 태스킹이라고 한다. 프로세스의 자원 프로세스가 실행이 되어 프로그램의 역할을 수행하려면 프로세서(cpu)점유 시간과 메모리파일, 입출력장치 같은 자원이 필요한데, 자원은 프로세스가 생성되거나 실행될 때..

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