Dog foot print

소중한 분의 제안으로 가족, 여자친구, 친구들을 대구에 두고 대구에서 전라남도 여수에 프로그래머로써 첫발을 딛게 되었다. (혹시 여수 생활은 어때요 라고 물어볼 사람을 위해 말하자면 관광도시라 주변에 바다와 섬만 있을 줄 알았던 여수는 생각보다 좋은 인프라를 가지고 있다. ) 아침과 오전 책 소프트 스킬 , 신의 시간술에서 추천한대로 아침에 조금 일찍 일어나 근처 산책을 다녀왔다. 전날 회사 사람들이랑 등산을 다녀와서 가기 귀찮았긴 하지만 그래도 아침부터 머리 돌릴려면 조금 몸을 푸는게 어떤가 해서 다녀왔는데 생각보다 괜찮았다. 이렇게 15분간의 산책을 마치고 귀찬더라도 그냥 아침 밥 챙겨먹고 풀세팅하고 회사 사람들과 카풀해서 출근했다. 회사에 도착해서 간단히 아이템 상세 설명듣고 드디어 코드를 받았다...

React 로 Calendar app만들기 - 5 클릭 한 날짜 표시하기 금일은 클릭하거나 최초 RCA 마운트 시 오늘에 해당하는 날에 Day컴포넌트에 색상을 다르게 해주는 작업을 할 것입니다. 그리고 캘린더에서 이번 달이아닌 부분을 클릭하게 되면 해당 달력으로 이동되게 끔 할 예정입니다. /src/App.js import React, { Component } from 'react' import Header from './Header' import Calendar from './Calendar' import moment from 'moment' import './style/RCA.css' export default class App extends Component { state = { calendarYM..

React로 만드는 calendar app만들기 Calendar 날짜 표현하기 금일 만들어 볼 것은 calendar에 날짜를 표시하는 부분입니다. 날짜를 표시하고 최초 마운트 시 오늘에 해당하는 날짜가 검게 표현되어야 합니다. 또한 토요일과 일요일은 평일과 다르게 색상을 표현해야 합니다. 마지막으로 이번 달이 아닌 날이 달력에 표시되게 되면 흰색으로 표현되게 끔 해야합니다. Issue 발생 ! 평소 달력은 이렇게 5주가 보통 정상적이지만 달에 따라서는 6주인 경우가 존재하고 2월의 경우 4주가 존재하는 경우가 있습니다. 달력이 만약 5주에서 6주 그리고 4주로 계속해서 레이아웃이 변경 되는 경우 사용자가 불편함을 느낄 가능성이 매우 높습니다. 그렇기에 우리는 5주를 기본 주로 두고, 6주인 경우 23일과..

React로 Calendar app만들기 -3 Calendar container 요일 표시하기 이번 작업은 요일을 표시하는 Datehead component를 작업할 예정입니다. 현재 우리의 달력 app은 한글로 이루어져 있지만 사용자에 따라 영어로 sun, mon, tue, wed, thu, fri, sat,로 표현도 가능하고 한자로 日, 月, 火, 水, 木, 金, 土 로 표현 가능합니다. 그렇기에 개발자의 편의성을 위하여 Dateheader component로 요일에 대한 표현을 전달하면 요일을 표시하도록 구상했습니다. 이 과정에서 생각해볼 수 있는 것은 다형성의 원칙으로 인하여 “sun, mon, tue, wed, thu, fri, sat”도 요일을 모은 표시 형식이며, [‘sun’, ‘mon’, ..

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..

Express 강의 소개 Express 프레임 워크는 기존 node.js의 http모듈을 활용하여 많은 API를 지원하고 , Express를 지원하는 많은 오픈 소스 라이브러리가 존재하여, 기존 HTTP 모듈을 사용할 때 보다 훨씬 빠르게 node.js를 통한 서버를 구성할 수 있도록 도와주는 프레임 워크입니다. 이번 Express강의는 javascript의 es6문법을 어느정도 이해한 자바스크립트 중급 이상 실력을 가진 자스민 회원을 대상으로 기획하게 되었습니다. 또한 간단한 통신 예제로 회원가입과 글쓰기, 수정,삭제가 포함되어 있기에 mysql 데이터베이스의 query문 작성 요령을 미리 알고 있으면 이번 강의를 이해하는데큰 도움이 될 수 있을 것으로 생각됩니다. 오프라인 강의 순서 오프라인 강의는 ..

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

서문 예전 심심하면 케이블에서 틀어주는 트루먼 쇼를 즐겨봤다. 그때는 그저 짐캐리의 익살스러운 연기만 눈이 갔지만, 영화로 읽는 인문학 수업을 수강하며, 생각보다 수작임을 느끼게 되어 해당 영화에 대한 감상평을 작성하였다. 거짐 1년이 지난 시점에서 감상문을 올리는게 좀 웃기기는 하지만, 괜찮았던 감상문이라 생각하기 때문에 부끄러움을 감수하며, 포스팅하겠다. 본문 영화로 읽는 인문학 수업에서 본 트루맨쇼는 나에게 이미 9번이나 케이블TV 방송과 각종 인터넷 매체에서 수 없이 접한 영화이다. 나는 이 9번을 이렇게 구분한다. 어릴 적 아무 생각 없이 짐 캐리의 슬랩스틱과 코메디를 보고싶어서 본 3번, 청소년기에 무료함을 달래 주려 보았던 3번 그리고 어른이 되었지만 어릴 적 추억의 영화로 되짚어 보았던 3..