일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 스위프트
- Hitit
- IOS
- 계명대
- react
- TDD
- 개발
- queue
- 자바스크립트
- 자스민
- 리액트 예제
- 자바스크립트 자료구조
- 비동기
- 이종호
- 스벨트
- hokeys
- 개발자
- 호키도키
- HTML
- 리액트
- 힛잇
- SWIFT
- javascript
- 자료구조
- 호키스
- hokidoki
- jest
- 계명대 이종호
- data structure
- Svelte
- Today
- Total
목록계명대 이종호 (22)
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..
서론 및 구매 이유 졸업을 목전으로 두고 있기에 아이패드를 필기용에서 사이드카를 주목적으로 두게 되면서, 최근에 9.7 6세대 아이패드에서 프로 12.9형 2세대 모델로 변경하게 되었다. 12.9인치 2세대를 처음 맞이하게 되었을 때 든 생각은 "무겁다 ... 크다..." 였다. 그도 그럴 것이 무려 3인치 이상 크게 되면서 이전에 사용하던 12인치 맥북보다 훨 씬 큰 디스플레이를 가지고 있었기 때문이다. 한껏 들뜬 생각을 가지고 책상에 세팅해보았을 때는 만족 했었다. 그도 그럴 것이 프로그래밍의 결과물을 9.7의 디스플레이로 보다가 시원 시원한 디스플레이로 보니 그 차이가 온 몸으로 느껴졌기 때문이다. 그러나 예상 못한 복병이 존재 하였는데, 9.7인치 아이패드를 케이스로 세워두게 되면 그래도 넉넉히 ..
Express 강의 소개 Express 프레임 워크는 기존 node.js의 http모듈을 활용하여 많은 API를 지원하고 , Express를 지원하는 많은 오픈 소스 라이브러리가 존재하여, 기존 HTTP 모듈을 사용할 때 보다 훨씬 빠르게 node.js를 통한 서버를 구성할 수 있도록 도와주는 프레임 워크입니다. 이번 Express강의는 javascript의 es6문법을 어느정도 이해한 자바스크립트 중급 이상 실력을 가진 자스민 회원을 대상으로 기획하게 되었습니다. 또한 간단한 통신 예제로 회원가입과 글쓰기, 수정,삭제가 포함되어 있기에 mysql 데이터베이스의 query문 작성 요령을 미리 알고 있으면 이번 강의를 이해하는데큰 도움이 될 수 있을 것으로 생각됩니다. 오프라인 강의 순서 오프라인 강의는 ..
React를 이용한 Calendar Application 만들기 서문 생각 보다 바닐라 JS를 이용한 calendar 만들기가 인기 있어 REACT를 활용한 Calendar app을 만들기를 구상하게 되었습니다. 올 해 2020년 생각지도 못한 국가근로 및 코로나 사태로 많은 스트레스를 받아 포스팅을 중지 했었습니다. 그렇지만 Jasmin 회원들과 무럭 무럭 커가는 대한민국의 프로그래머 꿈나무에게 좀 더 도움이 되고자, 다시 포스팅을 시작 하도록 마음 먹었습니다. 개요 해당 Calendar Application은 사용자에게 달력을 제공 해줌으로써, 주말과 공휴일 그리고 현재 날짜를 구분하고 이번 달의 끝과 시작을 구분 할 수 있도록한다. 사용하는 lib Moment Moment는 날짜와 시간에 관련된 라..
OOP에 대하여 Object Oriented Programming의 약자인 OOP는 절차 지향 프로그래밍과 같은 프로그래밍 기법의 한 패러다임이다. 한글로 객체지향 프로그래밍이라고 불리우는 이 프로그래밍 기법은 기존의 절차 지향 프로그래밍과 달리 하나의 데이터를 처리하기 위해서 실행 순서대로 프로그래밍 하는 것이 아니라 데이터를 객체화 하고, 루틴들을 하나의 독립된 객체로 설정하며 프로그램의 구성하는 기법이다. 이를 통하여 코드는 재사용성의 증가라는 큰 이점이 생기고 이로인하여 관리자의 유지/보수/관리가 용이해진다는 장점이 있다. 객체란 (object) 객체란 말 그대로 대상을 나타내는 단어이다. 여기서 대상이란 사람처럼 물리적인 실체가 있는 것들 뿐만 아니라, 수학, 철학처럼 논리적이고 추상적이지만 설..
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..