개발 블로그

이 글은 책 "이펙티브 타입스크립트" 스터디를 진행하면서 정리한 글이다. 본 글은 1장 타입스크립트 알아보기 까지를 정리한 글로,해당 책을 읽기 위해서 사전에 이미 알고있어야 하는 개념 및 용어들을 먼저 정리하겠다.용어 정리- 덕 타이핑 ( Duck Typing ) 객체의 실제 타입보다는 그 객체가 어떤 메서드나 속성을 가지고 있는지에 따라 동작을 결정하는 개념즉, "새가 오리처럼 걷고, 오리처럼 꽥꽥거리면, 우리는 그것을 오리라고 부른다" - 인터프리터 언어  코드를 한 줄씩 읽고 실행하는 방식의 프로그래밍 언어. python, javascript 등 - 컴파일  사람이 작성한 소스 코드(고급 언어) 를 기계어(저급 언어, 바이너리 코드)로 변환하는 과정. - 트랜스파일  한 프로그래밍 언어를 같은 수..

벌써 2024년 이 지나가고 나는 올해 28살이 된다. 2022년 7월 4일에 입사를 한 이후로어쩌다 보니 매년 회고록을 적고 있다. 올해 회고록은 사실 적을 생각이 딱히 없었는데,, 어쩌다가 남이 포스팅한 여러 회고록 글을 보게 되었고 읽으면서 나도 써야겠다는 마음을 먹고 노트북 앞에 앉았다. 글을 쓰기전에 작년 이맘때쯤 작성한 2023년 회고록 을 읽어보았다. 읽어보니 고민이 꽤나 많은 시기에 글을 작성한 것으로 보인다. 근데 저 당시 작성했던 걱정과 고민이 지금까지 이어져 오고 있다. 😂 개인적인 이야기..2024 년에는 개인적으로 많은 것이 바뀐 해다. 우선 이사를 진행해서 형이랑 10월부터 같이 살고 있다.또한 정말 어릴때부터 해결하지 못한 집안일이 있는데 올해 10월에 이사를 하면서 해결이 ..

오랜만에 프로젝트 포스팅을 작성해본다.3개월정도 진행중인 프로젝트이며, 계속해서 업데이트 해나가고 있다.현재 안드로이드 ios 모두 배포되어 서비스를 진행중이다. "원씽" 이라는 책에서 새로운 습관을 만드는 데는 평균 66일이 걸린다는 구절을 읽고 이걸 활용한 프로젝트를 진행해야겠다는 생각이 들었다.  그래서 뇽뇽이 - 습관만들기, 66일 챌린지 를 만들어 보았다. 시중에도 비슷한 앱들이 있었지만, "습관 만들기" 라는 주제를 포기하고 싶지는 않았다.그래서 챌린지 앱이면서 커뮤니티의 성격을 지니게 하여 다른 앱과의 차별점을 두기로 하였다. 처음에는 앱에 모든 부분을 혼자서 만들었었는데, 디자이너 한분을 어떻게 알게되어 도움을 받아 디자인 개선을 진행하였다.그래서 지금은 디자이너 한 분이 앱을 사용해보면서..

요즘 책을 꾸준히 읽고 있다.최근 읽고 있는 책은 팀 페리스의 "타이탄의 도구들" 이라는 책이다. 이 책에 21 섹션(?) "안태암불로가 되어라" 를 읽다가 지금 회사 생활과 앞으로의 인생에 도움이 될만한 많은 문장들이 있어후기와 함께 좋은 글들을 남기려고 이렇게 노트북을 켰다!  21. 안태암불로가 되어라 섹션에 대해서 아주 간단하게 이야기하면 다음과 같다. 안태암불로는옛 로마 제국에서 예술가들이 부유한 계층한테 후원을 받는 대신 길을 터주고 심부름을 하는 등 후원자의 생활 편의를 도모하는 역할중 하나를 말한다. 유명한 풍자시인인 마르티알리스도 안태암불로였다. 마르티알리스는 자신이 안태암불로라는 것에 불만이 있었지만, 풍자시로 유명해진 것 자체가 자신이 안태암불로였기 때문이였다.  즉, 자신이 안태암불..

네이버에서 로또를 검색하였을때 이번 주 당첨 번호가 나오게 된다. 이전에 유튜브에서 로또 당첨 번호를 포토샵으로 조작하여서 몰래카메라를 진행하는 것을 재밌게 본 기억이 있다. 그 기억을 바탕으로 누구나 몰래카메라를 시도할 수 있게 크롬 확장프로그램으로 만들어 보았다. 그림과 같이 번호를 바꿀 수 있다. 로또를 사서 번호를 바꿔서 친구 및 가족을 놀리면 될 것 같다. 사용 방법 1. 확장프로그램 설치 https://chromewebstore.google.com/detail/%EB%84%A4%EC%9D%B4%EB%B2%84-%EB%A1%9C%EB%98%90-%EB%B2%88%ED%98%B8-%EC%A1%B0%EC%9E%91/dcjiffpbnkgnpocnmmgcjfelfmdaegoc 네이버 로또 번호 조작 네..

프론트와 백을 나누어 프로젝트를 진행하다보면 API 가 만들어지기 전에 디자인 및 레이아웃이 먼저 나오는 경우가 정말 많다. 이 경우에 백엔드에서 마치 데이터를 받아 오는 것처럼 미리 구현을 해놓으면, 추후 API 가 만들어졌을때 라우터명만 바꿔주면 된다. 이렇게 더미 데이터를 만들어 놓고 미리 화면을 짜고, 로직을 만드는 방식은 정말 많다. 구글링을 해보면 보통 MSW(https://www.npmjs.com/package/msw) 라이브러리를 사용하여 Mocking (단위 테스트를 작성할 때, 해당 코드가 의존하는 부분을 가짜(mock)로 대체하는 기법) 하는 방법을 많이 소개해준다. 이번 포스팅에서는 MSW 와 같은 Mocking 라이브러리를 사용하지 않고 아주 간단하게 Mocking 하는 방법을 소..

최근 크롬 익스텐션으로 만들고 싶은 것들이 꽤 생겨서, 타입스크립트로 프로젝트를 하려고 한다. 그런데, 매번 초기 세팅을 하기가 정말 귀찮고.. 매번 하는 거지만 할때마다 찾아보게 되어서, 내가 사용하기 편하게 최소한의 세팅으로 boiler-plate 로 만들어보았다. https://github.com/daehwan2/chrome-extension-typescript-boilerplate GitHub - daehwan2/chrome-extension-typescript-boilerplate: chrome-extension-typescript-boilerplate chrome-extension-typescript-boilerplate. Contribute to daehwan2/chrome-extension..

사내에서 확장프로그램을 유지보수중인데, 처음부터 끝까지 건드려보고 싶어서 구글 이미지 크롤러 확장 프로그램을 만들어보았다. 해당 링크에서 다운로드 받은 후 사용할 수 있다. https://chromewebstore.google.com/detail/google-image-crawler/hoggjapabhffmkfijmkfhlihfjblefhm?hl=ko&authuser=0 Google Image Crawler Google Image Crawler chrome.google.com Google Image Crawler 확장프로그램 다운 후 아래 그림과 같이 고정핀을 누르고 사용하면 된다. 키워드와 다운받을 이미지 수를 누르고 Download 버튼을 누르면 아래와 같이 탭이 열리고, 이미지를 순차적으로 다운로드..