profile
PM을 지망하는 주니어 프론트앤드 개발자입니다🤩

차트 로직 리팩토링하기

1. 들어가며 최근에 마음이 급해서 우선 돌아가는 코드를 짜려다 보니 최소한의 설계도, 코드품질도 없이 급급하게 코드를 짜곤 했는데요. 주말을 맞이하여 리팩토링을 해보았습니다. 데이터 시각화를 위한 차트의 경우에는 특정 조건별 데이터를 뽑아내야 합니다. ex (a)특정기간별 매출 (b)상품종류별 매출 (c)신고종류별 횟수 오늘은 특정기간, 상품종류에 ...

2019년 11월 24일
·
0개의 댓글

Moment js를 처음 사용할때 좋은 함수들

1. 들어가며 Moment js는 시간이 포함된 데이터를 받아 조작해야 할 경우 사용하기 좋은 라이브러리입니다. 저의 경우 차트를 그릴 때 서버에서 한 시간 마다의 판매량, 매출과 같은 시간별 정보를 넘겨주었는데요. 날짜별 데이터를 뽑고 싶다. 특정 기간 동안의 데이터를 뽑고 싶다. 와 같은 니즈가 있었습니다. 자바스크립트에는 기본적으로 Date ...

2019년 10월 27일
·
0개의 댓글

원피스를 찍는 마음으로

들어가며 입사한지 한 달이 지났다. 그렇게 바라던 취직에 성공했는데, 전혀 기쁘지가 않고 만족스럽지 않다. 간절하게 원했던 개발자가 되었고, 밥벌이를 하고 있는데 기쁘지 않은 이유는 그만큼의 걱정이 가득하기 때문이다. 환경이 달라져 많은 것이 낯설고, 무엇이 어떻다고 이야기하기 어렵다. 나의 글은 누군가에게 도움을 주고 싶어서 쓰는 글인데, 아마도 이 ...

2019년 10월 12일
·
1개의 댓글

더 나은 면접을 고민하며

프로그라피의 5기 리크루팅이 끝났다. 올해 3월부터 7월까지 진행되었던 프로그라피 4기에 멘티로 지원했던 나는, 이번 5기에서는 운영진으로 함께하게 되었다. 그 이유를 3가지로 정리해보자면 첫 번째로 재미있어서, 두 번째론 내가 4기 활동을 하며 겪었던 시행착오를 다음 5기 멘티들에게 공유하고 싶어서, 세 번째로 단체가 돌아가는 것을 경험해보고 싶어서...

2019년 9월 8일
·
0개의 댓글

학생개발자의 사이드프로젝트 개발기 2편 : 프로토타입

1차 마일스톤(5.4)을 준비하며 1차 마일스톤까지는 그동안 진행한 결과물을 발표하는 것이었다. 1. 제휴 카페 찾기 - round1 주제를 선정한 다음날 유사업체와 제휴하고 있는 관악구의 한 카페에서 서비스를 직접 사용해서 주문을 해보았고 이 업체와 계약한 카페 관계자와 인터뷰를 해보며 우리가 다이브 해도 괜찮겠다는 확신을 얻었다. 이때까지는 회의록...

2019년 7월 19일
·
7개의 댓글

학생개발자의 사이드프로젝트 개발기 1편 : 주제선정

1. 들어가며 올해 3월부터 프로그라피라는 개발 동아리를 하고 있다. 프로그라피는 개발자들이 직접 서비스를 기획하고 배포하는 프로젝트를 진행하는 동아리이다. 우리 팀은 현재 고려대학교 이공대 캠퍼스에 입점해있는 커피 스퀘어라는 곳과 제휴를 맺어 원격으로 커피를 주문하고 픽업할 수 있는 서비스(커피리모콘)을 개발하고 있다. 처음 프로젝트를 하는 학생 ...

2019년 7월 19일
·
0개의 댓글

0년차 개발자의 상반기 회고

글또 3기 OT를 다녀왔다. 코딩을 하다가 마침 오늘이 글또 OT날이어서 오랜만에 밖으로 나갔다. OT는 잠실역의 배달의 민족 작은집에서 했는데, 배민회사에 방문해 본 게 처음이라 그냥 모든 게 좋아 보였다. 페이스북에서만 보던 성윤 님을 실제로 본 것도 신기했고 OT 용 PPT가 생각보다 엄청 빡빡하게 적혀있었는데 좋은 내용들이어서 인상 깊었다. 이 ...

2019년 7월 2일
·
10개의 댓글

0528-TIL

1. CSS 레이아웃 관련 속성 box-model inline , inline-block , block float position 1.1 box-model 박스 모델은 요소(element)를 표현하기 위한 규칙으로 요소를 박스로 표현하고 이 박스는 4개의 박스(content, padding, border, margin)로 구성되어 있다. 1.2 blo...

2019년 5월 28일
·
0개의 댓글

버틸 수 있는 좋은 기억

아침을 먹고 기분이 좋아서 코딩을 하다 스트레스를 받으면 '오늘 아침 참 맛있었는데!'를 떠올리기로 했다. 그런데 생각해보니 이건 참 좋은 마음가짐이라는 생각이 들었다. 코딩은 어렵다. 나는 슈퍼개발자가 아니어서 코딩을 하다보면 문제를 4시간이나 잡고있어도 해결하지 못하는 경우가 허다하다. 그럴때면 화가나기도 스스로에게 짜증이나기도 코딩이 싫어지기도 한...

2019년 5월 27일
·
3개의 댓글

설계 구현과정에서의 흐름제어

1. 들어가며 나는 ArrayParser를 만들고 있다. 이번에는 들어온 input을 의미별로 자르는 Tokenizer의 메인함수를 만들었는데 이 과정에서 얻은 깨달음을 공유하고자 한다. 메인함수의 로직은 정규표현식이 아닌 한 단어별로 자르고 의미단위로 축적하는 방식으로 구현하고자 하였다. 그 이유는 Tokenizer의 핵심은 에러처리이기 때문인데 (...

2019년 5월 23일
·
1개의 댓글

0521 - TIL

1. 알고리즘 배열에서 특정 index까지의 합을 구하기 위해서 slice로 새로운 배열을 만들고 reduce를 이용하여 합을 구할 수 있다. pgr - lv1 - 2016년 소스코드 2. CS - HTTP 쿠키, 캐시는 내 컴퓨터에 폴더안에 저장되어있다. 웹 브라우저는 크롬이고, 웹 브라우저는 클라이언트의 PC에 저장되어 있다! 상태코...

2019년 5월 21일
·
0개의 댓글

ArrayParser 후기

들어가며 ArrayParser는 자체적으로 구현한 JSON parser이다. 객체타입을 지원하기 위해 기능확장을 하였는데 리팩토링에 손을 대지 못하였다. 리팩토링을 하지 못한 이유는 프로그램의 동작이 명료하지 않기 때문이다. 설계가 왜 명확하게 떠오르지 않고,구현할때 어려웠던 것일까? 구현하면서 어려웠던점과 고민됬던점을 풀어보고자 한다. 1. 자잘...

2019년 5월 20일
·
0개의 댓글

나는 어떻게 개발자가 되었는가

나는 지금 코드스쿼드를 다니고있다. 코드스쿼드는 정말 너무 좋다. 존경하는 마스터들과 그리고 너무나 열심히 달리고 있는 팀원들 덕분에 행복하게 코딩을 하고있다. 컴퓨터를 공부하는데 괴로움을 겪고있는 주변 사람들이 있다면 무조건 코드스쿼드를 가라고 추천하고 싶다. 사실 나는 두달전까지만 해도 정말 코딩을 싫어했다. 대학에서 컴퓨터를 전공으로 하고있지만 앉...

2019년 5월 5일
·
6개의 댓글