전체 글256

• 

  [JavaScript] JavaScript Cheatsheet (ES6-ES10) Programming/Javascript, Typescript 2023. 12. 26.

• 

  [WIP] [리팩터링 개정판] 02. 리팩터링 원칙 리팩터링: [명사] 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법 리팩터링(하다): [동사] 소프트웨어의 겉보기 동작은 그대로 유지한 채, 여러 가지 리팩터링 기법을 적용해서 소프트웨어를 재구성하다. - p.79 나는 소프트웨어를 개발할 때 목적이 '기능 추가'냐, 아니면 '리팩터링'이냐를 명확히 구분해 작업한다. 켄트 벡은 이를 두 개의 모자에 비유했다. 기능을 추가할 때는 '기능 추가'모자를 쓴 다음 기존 코드는 절대 건드리지 않고 새 기능을 추가하기만 한다...반면 리팩터링할 때는 '리팩터링' 모자를 쓴 다음 기능 추가는 절대 하기로 다짐한 뒤 오로지 코드 재구성에만 전념한다...소프트웨어를 개발하는 동안 나는 두 모자를 자주 바꿔 쓴다.... 카테고리 없음 2023. 12. 25.

• 

  [인프런] 프로그래밍, 어떻게 공부할 것인가? - 김창준 지난 인프런 세일 때 김창준님의 강의를 구매했었다. 학교도 종강을 했고 이번 연말 휴가 때 듣기 좋을 것 같았다.(계절학기 시작이 얼마 안남은 건 함정 ^^;) 내가 효율적으로 공부하고 있지 못했던 부분이 있었다면 많이 배우는 기회가 되었으면 좋겠다. 총 3시간 38분 분량이지만 3개월의 수강 기한이 있다.    프로그래밍, 어떻게 공부할 것인가 강의 - 인프런프로그래밍, 그냥 시간만 쏟아 부으면 공부가 될까? 좀 더 과학적이고 효과적인 방법은 없을까?, 🔔 강의 오픈 기념 Q&A 세션을 진행합니다!2023년 11월 15일 (수) 19:00~21:00, 인프랩 오피스프로그래www.inflearn.com 전문성에 대한 미신들 1실험: 고정 사고관을 가진 사람들에게는 IQ/시험 점수의 변화가 없었지만 성장.. My/Careerlog 2023. 12. 19.

• 

  2023년 11월 회고: 신기능 (또) 런칭, 연간 리뷰, 김장하기, 생신 모임, 연말 준비 두 번째 회사에서의 5개월차 회고 11월은 입사 이후 가장 역사적인 한 달이었다. 새로운 PM과 함께 유저 참여도를 개선할 수 있는 Gamification이 포함된(고려해야 할 경우의 수와 에지 케이스가 많다는 이야기 ^^;) 신기능을 런칭했는데, 혼자 모든 프론트엔드 개발을 맡았다. 기능이 한 페이지가 아닌 앱 전체에 걸쳐 있고, DnA팀에서 요청한 Optimizely A/B 테스팅 및 Segment 유저 트래킹까지 적용해야 했기에 프로덕션에서 발견된 버그 Hotfix를 두 번이나 하는 등 몇 번의 식은땀 나는 순간이 있었지만, 초보 개발자 치고는 성공적인 런칭을 한 것 같다!(원인을 모르는 버그 아직 두 개나 있음^^;) Growth를 우리 팟의 주력 분야로 가져가게 되면서 여러가지 마케팅 툴을 Re.. My/Riverlog 2023. 12. 2.

• 

  [CSS] 속성 선언 순서 CSS 속성의 선언 순서를 스스로 정리해 본 적이 없는 것 같아 네이버의 CSS 코드를 참고해 정해 보았다. 평소 best practice나 클린 코드 관련 글들에서 읽은 것과 결이 같아 좋은 기준이 될 것 같다.display - 표시(관련 속성: visibility)overflow - 넘침float - 흐름(관련 속성: clear)position - 위치(관련 속성: top, right, bottom, left, z-index)width & height - 크기margin & padding(그룹) - 간격border(그룹) - 테두리background(그룹) - 배경font(그룹) - 폰트(관련 속성: color, letter-spacing, text-align, text-decoration, text.. Programming/HTML, CSS 2023. 11. 12.

• 

  업무 네 달차 회고 이번 달은 cross-team 기여를 할 수 있어 뿌듯했던 시간이었다. 입사 전에는 만져본 적 없던 WordPress를 공부하고 Growth/Ops 팀을 위해 문서도 작성했다. 그리고 첫 번째 Shoutout을 받기도 했다! How it is going 10월에는 네 개의 PR을 머지했다. 지난 세 달차 회고글을 보니 두 달 동안 네 개를 머지했는데 속도가 두 배로 늘었다! 10월 team update 미팅에서 지난 신기능 런칭 관련 shoutout을 받았다. 원래 우리 팟 담당 프로젝트는 아니었지만 중간에 인력 지원(?) 차원에서 기능 일부를 개발했는데 기한 내에 런칭하는 데 도움을 줬다. 그 때문에 3주 동안 바쁜 시간을 보내기는 했지만 내가 처음부터 쌓아 올린 기능이 데모 발표에 쓰이고 실제 사용되.. My/Careerlog 2023. 11. 1.

• 

  미국 회사 재택근무 세 달 회고 와우 offsite 참석까지 하고 나니 순식간에 세 달차가 되었다. 자칫하다가는 선배님들이 종종 주의를 주곤 하시는 발전 없이 경력을 쌓은 개발자의 사례가 되기가 생각보다 쉽다는 섬뜩한 두려움도 스쳐 지나간다. 그동안 놀지는 않았고, 개발 티켓 처리는 물론 회사 AWS Lambda와 CloudFront도 담당하게 되고, 여러 버그 해결과 Confluence 문서화에도 기여했다. 즐겁게 업무에 몰입했던 두 달이었다! How it is going... 입사 후 2-3번째 달 동안 다섯 개의 PR을 만들어 머지됐으며, 새로 출시되는 기능 내지 서비스의 한 페이지 전부를 맡아 성공적으로 출시했다. 이 과정에서 Production hot fix 배포도 경험했다. 전사 offsite에 참가해 동료들을 만났고 주로 .. My/Careerlog 2023. 9. 26.

• 

  JWT(JSON Web Tokens), OAuth(Open Authorization) Programming/ETC 2023. 9. 24.

• 

  2023년 9월 2일 ~ 9월 8일 미국 샌프란시스코/솔트레이크시티 여행 & 회사 offsite 회고 회사의 연간 offsite(원래의 장소에서 떨어진~ 등의 의미다) 행사에 참여하기 위해 모회사의 HQ가 있는 솔트레이크시티에서 한 주 정도 머무르게 됐다. 비행편을 알아보니 솔트레이크시티까지 직항이 없어 이번 기회에 환승하는 샌프란시스코를 이틀 정도 둘러보고 이동하기로 했다. 기억이 더 흐려지기 전에 귀국 비행기를 기다리며 여행기와 offsite 후기를 글로 담아본다. 사진은 후첨하기로...샌프란시스코 여행 샌프란시스코 여행은 약간의 아쉬움을 남겼다. 시차 적응을 하지 못해서 계속 골골거리는 상태로 이틀을 보냈기 때문이다. 그래도 기억에 남는 좋은 경험들이 많았다. 악명 높은 유나이티드 항공, 실제로 타보니... 회사에서 비행편과 숙소를 제공했기 때문에 개인적으로 가장 좋아하는(아마 색깔 때문인듯) 아시.. My/Careerlog 2023. 9. 9.

• 

  [Low-code] 로우 코드 서비스 개발 툴, Retool 최근에 low-code 툴인 'Retool'에 대해 알게 되었다. admin 페이지 등 UI를 직접 개발할 필요 없이 약간의 JS와 SQL 지식만으로 웹 페이지를 만들고 운영할 수 있는 툴이라고 한다. 데이터에 관한 여러 대시보드를 만들 수 있을 뿐만 아니라 데이터를 직접 조작할 수도 있다. 홈페이지 https://retool.com/ Build any business software, remarkably fast. Retool is the fast way to build internal tools. Drag-and-drop our building blocks and connect them to your databases and APIs to build your own tools, instantly. C.. Programming/ETC 2023. 8. 28.

• 

  [Vercel] 'npm ERR! code EINTEGRITY...' 에러 해결하기 에러 npm ERR! code EINTEGRITY npm ERR! sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgreytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w== integrity checksum failed when using sha512: wanted sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgreytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w== but got sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==. (4940 bytes).. Programming/Deployment, CI, CD 2023. 8. 19.

• 

  나의 첫 오픈소스 기여: Next.js 공식 문서 한글 번역 참여한 계기 개발자가 된 후 오픈소스에 꾸준히 기여하려고 마음을 먹었다. 첫 번째로 내가 가장 잘 할 수 있고 장벽이 낮은 공식 문서 번역 or Merge Request 부터 시작하기로 했는데, 그동안은 업무에서 주로 사용하던 JS, React, Vue, React Native 공부만 하기도 바쁘다고 느껴져 시작을 못했었다. 그런데 이직 과정을 마치고 잠시 쉬던 중 마침 어떤 페이스북 개발 커뮤니티에서 한 우리나라 개발자분이 Next.js 공식 문서 한글 번역 프로젝트를 시작하신 것을 보았다. 번역 프로젝트는 항상 은근히 인기가 많아서 후다닥 들어가 봤는데, 다행히 프로젝트를 여신 지 사흘 정도 되어서 linking and navigating 파트를 맡을 수 있었다. https://github.com/N.. Programming/Next.js 2023. 8. 15.

• 

  [CSS] 글꼴 이탤릭체로 만드는 법 업무에서 이탤릭체로 'Coming soon!'이라는 문장을 이탤릭체로 별도 출력해야하는 티켓이 있었다. 그런데 어떤 CSS 요소가 폰트의 스타일을 지정해줄까? tailwind 등에는 별도의 클래스가 있겠으나 scss를 사용하는 경우에는 pure css를 사용하게 된다. font-style 글자의 모양을 정하기 위해서는 'font-style' 속성을 쓰면 된다. font-style의 종류 normal 특별히 꾸미지 않는 일반적인 모양(글꼴의 디폴트 생김새가 될 것이다.)을 말한다. italic 이탤릭체 oblique 대부분의 글꼴에서 이탤릭체와 동일하지만, 일부 글꼴에서는 이탤릭체는 필기체처럼 표현되고 oblique는 그냥 기울기만 기울인 것처럼 표현된다. inherit 부모 요소의 속성을 그대로 상속 받.. Programming/HTML, CSS 2023. 8. 12.

• 

  미국 회사 재택근무 한 달 회고 예정에 없던 풀재택으로 미국 회사에서 일하게 된 지 벌써 한 달 하고도 일주일 정도가 지났다! 조큼은 늦은 회고, 앞으로의 계획을 적어 본다. How it is going... 입사 후 한 달 동안 다섯 개 정도의 PR을 만들었고 머지되었다. 매니저로부터 받은 첫 피드백이 긍정적이라서 좋았다! n시부터 n시까지만 일하고 업무용 노트북을 끄는 루틴에 어느 정도 적응한 것 같다. 애초에 여태까지는 무리한 업무를 할당받거나 하지 않아서 그렇기도 하지만, 생각보다 재택에 잘 적응하고 있는 것 같다. 9월 초에 있을 전사 offsite에 참석하기로 했다. Salt Lake City로 이동하기 전에 겸사겸사 샌프란시스코 여행도 계획중 +_+ 회사 덕에 거의 10년 만에 미국에 갈 것 같다. 갑자기 일복이 터져서 지.. My/Careerlog 2023. 8. 10.

• 

  [IntelliJ IDEA] 'Initial heap size set to a larger value than the maximum heap size' 에러 해결기 이 에러는 맥북 프로 M2의 개발 환경을 세팅하면서 겪은 IntelliJ IDEA 관련 에러다. 사실 어제 이 에러를 겪었는데, 처음이 아니라 두 번째였다. 그런데 왜 또다시 몇 시간을 에러 해결에 쓰게 되었냐 하면, 입사 직후 IntelliJ를 처음 설치하면서 겪었을 때 구글링 후 해결한 뒤 제대로 정리해놓지 않았었다 ^^; 스스로에게 너무 화도 나고 짜증스러웠던 기억이라, 앞으로 더욱 정리를 잘 해야겠다는 동기 부여가 확실히 됐다. 사실 매일 업무 일지를 쓰고 있는데도 이렇게 빨리 치워버리고 싶은 마음에 잘 적지 않은 것이 발목을 잡을 줄 몰랐는데, 좋은 사례가 됐다. heap memory란? 사용자에 의해 자원이 할당되고 해제되는 메모리의 부분이다. 스택 메모리와 반대의 역할을 한다고 보면 된다. .. Programming/Java 2023. 7. 31.