개발개발 블로그

This is Dev Blog

Electron - Life Cycle

12.0.6 버전을 기준으로 한 설명입니다 초기 설정 이후 본격적으로 Electron 코드를 작성하기 전에 Electron의 생명주기에 대해 알아보자. Electron Life CycleElectron에서 제공하는 app 객체는 Electron의 생명주기를 관리한다. app 객체를 통해 앱의 라이프 사이클 관련 신호를 받을 수 있다. app.on......

Posted by Seongkyun Yu on 2021-03-07

electron

Electron - 개념과 초기설정

12.0.6 버전을 기준으로 한 설명입니다 Electron이란NodeJS 등장이후 프론트를 만드는 데만 쓰이던 js가 서버, 모바일 앱, 데스크톱 앱에 쓰일 수 있게 되었다. 서버 - NodeJS앱 - React Native데스크톱 앱 - Electron Electron은 HTML, CSS, JS로 Desktop 앱을 만들 수 있게 해주는 프레임......

Posted by Seongkyun Yu on 2021-03-06

electron

어트리뷰트와 프로퍼티의 차이

어트리뷰트HTML 파일 안에서 선언된 값이다. ex) 1<div id="container"></div> 여기서 id 값이 container로 되어있는데, 이 것이 어트리뷰트이다. 프로퍼티DOM안에서 가지고 있는 값이다. 어트리뷰트와 프로퍼티의 차이어트리뷰트의 경우 HTML에 적혀있는 값이라 변경할 수 없지만, 프로퍼티는 DOM안......

Posted by Seongkyun Yu on 2021-01-16

attribute, property

나는 어떻게 차트를 만들었나

D3, 라이브러리 차트

1. 직접 구현 vs 라이브러리 사용처음 내 욕심은 D3를 이용하여 직접 구현하는 것이었다. 정확히는 html, css, js만으로 구현하려다 실패하고 D3를 활용하여 만드려고 했다. 다행히 캔들 차트를 만드는데 성공했으나 차트를 좌우로 움직이거나 확대/축소 기능을 만들지 못했다. 그래서 타협을 좀 해서 D3fc라는 라이브러리까지 써보기로 했다. 이 ......

Posted by Seongkyun Yu on 2021-01-13

D3

MVC 패턴

디자인패턴에 대해서

오랜만에 React가 아닌 Vanilla JS 프로젝트를 하면서 기능 구현에만 집중하는 것보다 디자인 패턴에 대해 공부하고 만들어 보는 것을 목표로 삼았다. MVC, MVP, MVVM 등 다양한 패턴이 있는데 글로 적힌 설명을 봐도 잘 와닿지 않았다. 그래서 Js를 배울때 누구나 한 번쯤 만들어 보는 todo-list를 디자인 패턴을 적용하여 만든 예......

Posted by Seongkyun Yu on 2021-01-09

MVC

fetch, setTimeout은 표준 API일까?

웹표준에 대해서

얼마전 VanillaJS로 IE10까지 지원하는 작은 프로젝트를 진행했었다. 처음에는 웹팩과 바벨이 IE 지원에 대한 모든것을 해결해 줄것이라고 생각했다. 그래서 마음 편하게 코드를 짜고 있었는데… 작업 중간에 IE 테스트를 해보니 fetch가 동작하지 않았다. 분명 babel로 처리 했는데 왜안되지 싶은 마음에 https://babeljs.io/ ......

Posted by Seongkyun Yu on 2021-01-05

웹표준

왜 커밋 단위를 작게 나누기로 했나

commit

1. Commit을 어떻게 나눌 것인가git을 처음 배웠을 때, 커밋을 어떻게 나눠야 할지 난감했다. 그런데 나만 그런게 아닌 모양이다. 커밋 단위에 대한 견해는 사람마다 다른것 같다. 소스 커밋 시점은 언제가 바람직하나요? 2. Commit 단위를 작게 나누기로 한 이유나는 커밋 단위를 최대한 작게 나누기로 마음먹고 실천하고 있다. 그 이유......

Posted by Seongkyun Yu on 2020-12-28

commit

Bootpay로 결제기능을 만든 이유

bootpay

1. 읽기 쉬운 문서결제 기능을 구현할 때, 나는 사업자가 아니기 때문에 PG사에 신청하여 결제 테스트 모듈을 쓸 수 없었다. 따라서 부트페이나 아임포트같은 서비스를 이용해야 했다. 두 서비스 모두 문서화가 잘 돼있었다. 다만 결제기능은 BammPlayer를 만들 당시 예정되어있던 기능이 아니었다. 굉장히 빠르게 개발해야 했기 때문에 좀 더 읽기 쉬운......

Posted by Seongkyun Yu on 2020-12-27

bootpay

왜 리액트를 선택했나

react

1. React vs Angular vs Vue현재 많은 웹이 JS 프레임워크를 이용하여 개발된다. SPA의 다양한 장점이 부각되면서 이러한 현상이 생겼는데, JS 프레임워크 3대장 중 어떠한 것을 학습할지 비교하며 고민해봤다. 1.1 표 요약 구분 React Angular Vue Learning Curve Middle High Low 사......

Posted by Seongkyun Yu on 2020-12-27

react

AWS를 선택한 이유

Algorithm

1. AWS vs Azure vs Google Cloud프로젝트의 끝은 배포! 배포를 하려면 서버를 사용해야 하는데, 요즘에는 클라우드 서비스를 많이 이용한다. 그래서 어떤 클라우드 서비스를 선택할지 비교해보았다. AWS 클라우드 플랫폼 3사 완벽 비교 구분 AWS Azure Google Cloud 무료 제공 서비스 12개월 프리티어 제......

Posted by Seongkyun Yu on 2020-12-26

AWS
ABOUT ME
avatar_pic
RECENT POSTS
CATEGORIES
FEATURED TAGS
javascript function Object-literal scope 별찍기 var constructor let const property atrribute Firstclass-Object prototype strict-mode Built-in-Object context closure error this ES6 class Destructuring Spread Array array promise html5 accessibility productivity MySQL React JSX OS AWS S3 CloudFront Route53 Planning SEO responsive Batch Update WebSocket Redux-Saga buffers Semantic react redux Algorithm bootpay commit 웹표준 MVC D3 attribute, property electron NestJS 찍어먹는 tutorial 기초 code review axios interceptor
FRIENDS
ARCHIVES
ESC