하늘을 난 모기

0. intro 회고는 "나를 되돌아 보는 수단"이며, "내가 앞으로 나아가기 위한 수단"이 된다. 생각보다 너무 빠르게 지나간 한 해였고, 올해도 많은 일들이 있었다. 새로운 것들을 많이 해본 해였고, 20대의 마지막을 보내게 된 해이기도 하다. 지난 회고가 궁금하다면… 2022년 - 어느 부족한 개발자의 회고 (진짜 큰일이다, 내년엔 어떤 개발자라고 하지…) (노션으로 작성했기 때문에, 포맷이 조금 깨진다. 노션 원글로 확인하고 싶다면 2023년 어느 이상한 개발자의 회고 에서 확인 1. 마라톤 올해 목표로 마라톤 풀코스를 뛰자는 목표를 세웠고, 달성했다. 올해 가장 큰 성과는 마라톤이 아닐까 싶다. 30살 기념으로 30km를 달릴까 했는데, 그러면 40살에 40km 달려야 할거 같아서 조금이라도 무..

0. intro 회고는 "나를 되돌아 보는 수단"이며, "내가 앞으로 나아가기 위한 수단"이 된다. 생각보다 너무 빠르게 지나간 한 해였고, 올해도 많은 일들이 있었다. 새로운 것들을 많이 해본 해였고, 20대의 마지막을 보내게 된 해이기도 하다. 지난 회고가 궁금하다면… 2021년 어느 모자란 개발자의 회고 (이제 큰일이다, 내년엔 어떤 개발자라고 하지… 리소스가 없다) (노션으로 작성하였기 때문에, 티스토리로 옮기면서 포맷이 조금 어긋났다. 원본을 보고 싶다면, 노션 원본 에서 확인하면 된다) 요약 운동 클라이밍, 런닝, 헬스 등 운동을 많이 했다. 285km를 달렸다. 업무 외 활동 하고 싶은건 많았으나 그러지 못한 내가 아쉽긴 했다. 사이드 프로젝트를 진행했고, 내년에 배포 예정 영어를 접었다. ..

input을 클릭하면 focus 되면서 border가 표시 되는데, 이 부분을 없애고 싶을 경우가 있다. style에서 outline을 none으로 하면 된다. .input { outline: none; }

async-await를 사용하였으나, 바벨 폴리필 설정이 되어있지 않아 발생한 문제이다. npm install --save-dev @babel/plugin-transform-runtime npm install --save @babel/runtime 두 패키지를 다운 받고, babel.config.json파일에 "plugins": ["@babel/plugin-transform-runtime"] 를 추가하여 해결한다. https://babeljs.io/docs/en/babel-plugin-transform-runtime

블로그 글이 읽기 어렵다면 노션으로 봐도 된다. https://brassy-vacation-d18.notion.site/2021-1e1b4bbf5c914898818466171554f32a 2021년 0. intro brassy-vacation-d18.notion.site 0. intro 회고는 "나를 되돌아 보는 수단"이며, "내가 앞으로 나아가기 위한 수단"이 된다. 되풀이 되는 일상인 듯 싶었으나, 이렇게 되돌아 보면 또 여러가지 일이 있었다. 올해도 많은 생각을 했고, 많은 실패와 도전을 겪었으며, 몇 가지 성공을 하기도 했다. 💡 회고라 쓰고.. 그냥 올 한해를 나열한 일기인듯... 사실 연말에 쓰다보니 상반기가 기억 안난다... 상반기는 이직 준비하느냐 별 일 없었던 듯 하다 본문은 길기 때문에..

글보다 그냥 코드를 보고 이해하길 원한다면 하단 레포를 참고하면 된다. https://github.com/KimHunJin/turbo-repo-test GitHub - KimHunJin/turbo-repo-test Contribute to KimHunJin/turbo-repo-test development by creating an account on GitHub. github.com 최근에 vercel에서 turborepo를 인수하면서 공식적으로 turborepo를 지원하기 시작했다. 아직 vercel에 바로 연결은 안되지만, 로컬환경에서 멀티모듈 환경을 구성하기는 확실히 간편해졌다. 배포를 하기 위한 작업은 조금 더 시간이 필요할거 같다만.. https://turborepo.org/docs/getti..

font를 추가하기 위해서는 몇 가지 방법이 있다. css폴더에서 1. font-face @font-face { font-family: "establishRetrosansOTF"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff") format('woff'); } 이렇게 추가하고, 원하는 곳에서 font-family: establishRetrosansOTF로 쓰면 된다. 2. import @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.cs..

크롬에서 new Date('yyyy.MM.dd')를 사용하면 정상적으로 동작한다. 사파리에서 new Date('yyyy.MM.dd')로 만들면 invalidDate가 발생한다. 크롬과 사파리의 브라우저 렌더링 엔진이 조금 달라서 그런듯하다. new Date('yyyy-MM-dd')로 만들면 해결할 수 있다. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/Date Date() constructor - JavaScript | MDN Creates a JavaScript Date instance that represents a single moment in time in a platform-indepen..

0. intro 2020년도 끝이 다가왔다. 올해도 마찬가지로 회고를 남긴다. 여러가지 일이 있었고, 여러 사람과의 인연이 있었다. 수 많은 생각을 했고, 많은 실패와 도전을 겪었으며, 몇 가지 성공을 하기도 했다. 그 많은 경험을 모두 담을 수는 없지만, 올해도 기억에 남는 일들을 글에 담아 회고를 남긴다. 회고는 "나를 되돌아 보는 수단"이며, "내가 앞으로 나아가기 위한 수단"이 된다. 글을 쓰면서도 여러가지 생각이 들었기에... 회고를 쓰는건 좋은 방법인거 같다. (글 길다 주의... 글만 있다...) 1. 상반기 스프린트 리더 (2020.01 ~ 2002.05) 상반기에 팀에서 스프린트 리더직을 수행했다. 자세한 내용은 링크로 대체 2020/06/07 - [회고] - 1년차 개발자에게 리더를 맡..

크롬에서는 디자인이 잘 나오는데, IE에서는 디자인이 이상하게 나오는 경우가 있었다. 자식 속성에 absolute로 되어있고, top, bottom을 0으로 줬는데 높이가 꽉 차지 않는 버그였다. 바로 위 부모에는 relative로 잘 적용되어있었고, 원인을 알 수가 없었다. 의심가는 것들을 모두 검색하다 발견... 혹시 부모 relative의 태그가 가 아닌지 확인하라. td태그(display: table-cell)의 경우 일부 브라우저에서 position: relative 속성을 무시한다. 와우.. 놀랍게도 ie는 td에 relative 속성이 적용된다. 즉, IE가 버그인줄 알았건만 크롬이 버그였더라. 모두 동일하게 표시를 하려면 아래 를 추가하여 태그에 relative 속성을 주도록 하자. ...