seunghyun's devlog

Written by@SeunghyunYu
기술과 개발자의 삶에 대해 다른 사람들과 소통하고 함께 성장하고 싶은 프론트엔드 개발자입니다. 소프트웨어 장인이 되기 위해 한 걸음 한 걸음 나아가고 있습니다.

GitHubTwitter

프론트엔드 리액트 아키텍처

회사에서 리액트로 프론트엔드 웹 페이지를 만들며 구조 관련해서 고민해보고 정리해보았다. Presenter Presenter는 사용하게 보여지는 부분을 담당하며, 주로 Layouts, Components, Pages, Styles, Assets 등을 포함한다. Interactor Interactors는 기능을 수행하는 부분을 담당하며, 리액트에서는 Cust…

Jira, Bitbucket을 활용한 업무 공유 및 프로젝트 관리

개발 프로젝트를 관리 도구, Jira Jira 홈페이지 프로젝트 범위와 산출물은 초기에 개괄적으로만 정의되었다가 진행하면서 구체화될 수밖에 없으며 이로 인해 초기의 계획이 어긋나게 된다. 설계 완료되었어도 개발/테스트 단계에서 설계를 수정해야 하는 경우가 자주 발생한다. 고객의 요구가 변경될 수 있는 환경에서 개발팀은 민첩하게 업무를 관리하고 추적해야 한…

ABEM (Atomic design + BEM)

우리의 몸은 신비스러운 생명력과 놀랍고도 잘 정리된 조직체를 가지고 있다. 원자와 분자들의 매우 구조적인 조직들과 복잡한 유기체들이 공존한다. 소프트웨어 개발에서도 위와 같이 구조적인 설계와 잘 정리된 시스템이 중요하다. 이를 위해 도움될만한 2가지 방법론을 소개한다. 바로 아토믹 디자인(Atomic design)과 벰(BEM, Block Element …

Custom range bar in Android

Github 저장소

GDI를 사용한 선분 그리기 응용 프로그램

GDI를 사용한 Win32 응용프로그램 작성 - 선분 그리기 응용 프로그램 소스 코드 다운로드 프로그램 기능 왼쪽 마우스 드래깅: 선분을 추가할 수 있음. 오른쪽 마우스 드래깅: 선분을 이동할 수 있음. 대화상자를 통해 현재 활성 칼라를 변경할 수 있음. 윈도우 크기조정을 하더라도, 현재까지 추가된 모든 선분들을 항상 보여짐. 1. 처음 실행한 모습 처음…

D2D를 사용한 선분 그리기 응용프로그램 작성

1. 처음 실행한 모습 소스를 실행한 처음 모습이다. 창에 프로그램 이름을 확인 할 수 있고 축소, 확대, 끄기 버튼이 생성되어 있다. 초기화 함수에 해당하는 소스이다. 사실 완벽하게 이해가 안되지만, D2D 자원들을 초기화 해주고 창을 띄어주는 기능을 한다. 처음 실행한 상태에서 오른쪽 버튼을 클릭하게 되면, WM_RBUTTODWN이 적용이 된다. …

스택과 우선순위큐를 사용한 데이터처리 콘솔 응용 프로그램

STL을 익히기 위한 콘솔 응용프로그램 작성 소스 코드 다운로드 프로그램 기능 학생 정보의 구조체 구현 각 학생의 데이터는 생성 즉시 스택에 추가 모든 학생의 데이터의 생성이 완료된 후 text 파일로 출력 Text 파일로부터 데이터 입력 우선 순위큐의 내용을 순서대로 화면에 출력 1. 기본 학생 데이터 학생의 정보를 저장하는 구조체 Student이…