일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- jest
- 이종호
- SWIFT
- 자바스크립트
- 자바스크립트 자료구조
- TDD
- 호키도키
- hokidoki
- 개발
- javascript
- 스위프트
- 자료구조
- 비동기
- 자스민
- 힛잇
- 개발자
- 리액트
- HTML
- queue
- 계명대
- Hitit
- data structure
- react
- 리액트 예제
- 스벨트
- IOS
- Svelte
- hokeys
- 호키스
- 계명대 이종호
- Today
- Total
목록호키도키 (28)
Dog foot print
서론 : 나는 React를 학원에서 처음 배울 당시 클래스 형 컴포넌트를 이용하여, web app을 작성하였다.그 당시에도 Hook이 존재는 하였지만, CRA에서는 Hook을 지원하기 전이였고, 함수형 컴포넌트는 아직 보완할 점이 많아 React 사용자들에게는 뜨거운 감자 같은 것 이었다. 시간이 흘러 CRA에서 Hook을 공식지원하게 될 때, 나 또한 Hook에 발을 담가 보았지만, class형으로 만든 내 코드는 여전히 잘 동작 하였기에 나의 주목을 끌지 못하였다. 2020년 하반기 많은 것들이 변화하였다. Class형으로 작성한 내 코드는 규모가 커질 수록 관리하기 매우 어려웠으며, 빌드 속도가 증가하는 등 많은 이슈가 내 앞으로 다가왔다. 또한 Typescript 공부 할 수록, 함수형 컴포넌트와..
서론 : 기존에 자바스크립트에서 Stack강의에 자세한 설명이 존재하기 때문에 자료구조에 대한 정의 및 함수는 이번 포스트에서 다루지 않았습니다. 코드 : class Stack { private var __stack : [T] = []; private var count : Int = 0; private var maxCount : UInt = UInt.max; init(count : Int) { maxCount = UInt(count) } func push(_ element : T){ guard count != maxCount else { print("over flow danger") return ; } __stack.append(element) count += 1; } func peek() -> T{ g..
서론 : 어쩌다 보니, 회사 일 때문에, IOS에 대한 공부를 시작하게 되었고 현재 계속 스위프트를 공부 중이다. 스위프트는 볼만 하지만, 스위프트를 이용한, 코코아 터치 프레임워크 및 코어 데이터를 사용하는 것이 완전 지옥이다. IOS LIFE CYCLE IOS 라이프 사이클은 다음과 같은 4개의 상태를 가지며 Fore ground 상태에서는 2개의 상태로 나뉜다. Not Running : 프로세스가 KILL되어 있는 상태. 즉 앱이 종료된 상태를 말한다. Fore ground : 현재 앱이 화면 전면 부에서 실행 되고 있는 상태. 즉 사용자가 현재 사용중인 어플리케이션. IOS에서는 1개의 어플리케이션만이 Fore ground 상태를 가질 수 있다. - Inactive : 앱이 실행중이지만, 아무런 ..
회사는 바삐 돌아가고, 공부 할 내용은 많아, 기획 되어있던 시리즈가 진도를 못나가고 있다. 그래서 많은 이들이 실수 할 만한 내용에 대해서 작성해보려 한다. 이 내용은 타입스크립트로 작성되어 있는 함수형 컴포넌트를 사용하지만, REACT의 특징을 어느정도 익힌 사람이라면 이해 할 수 있도록 작성되어 있다. Map 을 통한 컴포넌트로의 매핑 Map 메서드는 배열을 재구성하는 용도로 사용되는 배열 메서드이다. 배열 타입이라면 map 메서드를 가지고 있다. 혹시라도 map 메서드가 익숙하지 않은 사람을 위해 간단한 예를 들어보자 . Common.js에서의 사용 const numbers = [1,2,3,4,5]; const addedTwoInNumbers = numbers.map((number)=>{ retu..
서론 이번 주 목요일 드디어 계명대학교에서 마지막 시험을 치뤘다. 후련한 마음이 앞서며 나를 괴롭혔던 많은 비효율적인 학교 행정과 수업에서 벗어난다 생각하니 춤이라도 추고 싶은 심정이다. 대학교 수업과 개발 일을 병행하면서 지내다 보니 너무 자기계발에 소홀했다는 생각도 들고, 개발 도중에 웹소켓이라는 놈의 정체에 대해서 늦게 알기도 해서 웹소켓을 응용하여, 병원 홈페이지나 중고차 사이트에서 사용하는 1:N 채팅을 만들어 볼까 싶어 기획하였다. 1 : N 채팅은 고객은 사이트 관리자와만 채팅이 가능하지만, 사이트 관리자는 대화를 시도한 모든 사용자들과 소통이 가능하다. 여기에 조금 덧 붙여 기존 1:N 채팅 프로그램은 종료시에 더 이상의 소통이 불가능 하지만, 이 프로그램은 종료하여도 다시 접속 할 수 있..
소중한 분의 제안으로 가족, 여자친구, 친구들을 대구에 두고 대구에서 전라남도 여수에 프로그래머로써 첫발을 딛게 되었다. (혹시 여수 생활은 어때요 라고 물어볼 사람을 위해 말하자면 관광도시라 주변에 바다와 섬만 있을 줄 알았던 여수는 생각보다 좋은 인프라를 가지고 있다. ) 아침과 오전 책 소프트 스킬 , 신의 시간술에서 추천한대로 아침에 조금 일찍 일어나 근처 산책을 다녀왔다. 전날 회사 사람들이랑 등산을 다녀와서 가기 귀찮았긴 하지만 그래도 아침부터 머리 돌릴려면 조금 몸을 푸는게 어떤가 해서 다녀왔는데 생각보다 괜찮았다. 이렇게 15분간의 산책을 마치고 귀찬더라도 그냥 아침 밥 챙겨먹고 풀세팅하고 회사 사람들과 카풀해서 출근했다. 회사에 도착해서 간단히 아이템 상세 설명듣고 드디어 코드를 받았다...
Process란 먼저 program은 유저가 문제를 해결하기 위한 절차 및 수행과정으로 정의된다. 이러한 program은 batch system에서는 job이라 불리며, time shared system에서는 user program이라고 불린다. 그러므로 이 program은 천공카드 혹은 하드디스크 내부에 file로써 보관되어 있는데 이를 수행하려면 memory에 적재되어야만한다. 이때 실행되는 program을 Process 라고 하며 active상태 인 프로그램이라고 부르기도 한다. Process영역 process는 여러개의 Part로 구성되어 있는데, 이 구성은 다음과 같다. Text : 현재의 프로그램 코드를 구성하는 영역 Program Counter : 다음 실행할 명령어 Stack : 임시적인 ..
서문 영화 밀양은 보는 내내 주인공 신애의 행동 때문에 답답함을 가지고 있었던 영화이다. 우리는 이런 답답한 영화를 왜 볼까. 그리고 이 답답함은 무엇일까 ? 답답함은 우리가 잘못된 길로 나아가고 있음을 인지하지만, 몸과 주변 상황은 이에 반대로 흘러가고 있을때 일어난다. 나는 밀양을 보며 크게 답답함을 느꼈다. 이는 우리 사회와 영화 속 흐름이 동일하게 느껴지며, 주인공의 상황을 이해하기 때문이었다. 본문 이신애 영화 속 첫 장면은주인공 이신애가 교통사고를 당한 남편의 고향으로 아들 준이와 함께 새롭게 살림을 차리러 밀양을 찾는 것으로 시작된다. 신애가 밀양에 도착하기 전 차의 고장으로 밀양에서 카센터를 운영하는 종찬과 첫 만남을 가지게 된다. 종찬에게 견인되어 밀양으로 진입하는 그 모습이 마치 신애가..