마이구미의 HelloWorld 마이구미의 HelloWorld

이 글은 프로그래머스 코딩테스트 문제중 "SQL, Lv.1" 에 대한 내용이다. 문제에 대한 풀이가 아닌 팁들을 남기려고한다. (풀이는 아래 깃헙 링크를 참고) 문제 리스트 - https://school.programmers.co.kr/learn/challenges?order=recent&levels=1&page=1&languages=mysql 풀이 코드 - https://github.com/hotehrud/acmicpc/tree/master/programmers/Lv.1 프로그래머스에서 제공하는 Lv.1 에 해당하는 SQL 문제를 풀어보았다. (MYSQL 기준) 쉬운 문제이더라도, 다른 사람의 풀이를 보면서 많은 팁들을 보게 된다. 그러한 내용들을 정리해보고자한다. 어떤 방식이 더 좋고 나쁘고를 말하..

이 글은 프로그래머스 코딩테스트 문제중 "코딩테스트 입문" 에 대한 내용이다. 문제에 대한 풀이가 아닌 팁들을 남기려고한다. (풀이는 아래 깃헙 링크를 참고) 문제 리스트 - https://school.programmers.co.kr/learn/challenges?order=recent&page=1&partIds=33882 풀이 코드 - https://github.com/hotehrud/acmicpc/tree/master/programmers/Lv.0 프로그래머스에서 제공하는 Lv.0 에 해당하는 100 문제를 풀어보았다. 쉬운 문제이더라도, 다른 사람의 풀이를 보면서 많은 팁들을 배우게 되었다. 그러한 내용들을 정리해보고자한다. 어떤 방식이 더 좋고 나쁘고를 말하고자 하는 것이 아니라는 것을 참고해주길..

이 글은 "구글 엔지니어는 이렇게 일한다" 라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - https://product.kyobobook.co.kr/detail/S000061352347 개발자라면, 누구나 빅테크들이 어떻게 일하고 있는지 궁금할 것이다. 책은 굉장히 두껍고 700 페이지를 차지하고 있다... 많은 문제들을 구글이 어떻게 해결했고, 그 과정들을 다루고 있다. 한편으로는 구글정도의 회사가 아니라면 고민하지 않는 문제들도 많다고 느끼긴 했다. 그래도 충분히 그러한 과정들은 흥미롭고 많은 지식을 습득할 수 있다. 실제로 우리가 그냥 당연히 사용하고 있는 도구, 시스템 등을 과거로부터 구글은 어떻게 고민했고, 해결해 나가고 있는..

이 글은 쿼리스트링(querystring) 을 사용하는 사례 중 하나를 다뤄본다. 정확히는 하나의 필드에 여러개의 값을 넣는 경우에 대한 내용이다. 글의 예제들은 URLSearchParams API 와 qs 라는 모듈을 기반으로 작성되었다. 예제 코드 - https://codesandbox.io/s/multi-querystring-gopv63 URLSearchParams - https://developer.mozilla.org/ko/docs/Web/API/URLSearchParams qs - https://github.com/ljharb/qs 쿼리스트링을 활용하는 대표 사례는 검색 필터 조건을 들 수 있다. 이미 URL 에 포함된 쿼리스트링의 값을 기반으로 검색 조건의 값들을 셋팅하여 사용자에게 더 나은..

이 글은 "프론트엔드 성능 최적화 가이드" 라는 책을 리뷰한다. 본인은 평범한 프론트엔드 개발자이다. 개인적인 생각과 해석이 들어가 있을 수 있다. 책 링크 - http://www.yes24.com/Product/Goods/115209526 "성능 최적화" 라는 용어는 모두가 관심을 가질 수 밖에 없다고 생각한다. 이 책도 관심을 끌 수 밖에 없는 제목이었고... 표지도 너무 아기자기해서 마음에 들었다. 우선 책의 목차 구성을 통해 대략적인 내용을 미리 파악할 수 있었다. 이미지, 폰트, 캐시, 로딩, 코드 분할 등 흔히 접할 수 있는 기본적인 문제들로 구성되어있다. 모든 것이 그렇듯... 성능 최적화도 trade-off 가 존재한다. 최적화라고 무조건 다 좋은 것은 아니기 때문에, 그것들을 어떻게 설명..

이 글은 cspell 이라는 라이브러리를 다룬다. 코드를 작성하는 과정에 오타가 발생할 수 있고, 잘못된 단어일 수도 있다. 이러한 휴먼 에러를 방지할 수 있게 도움을 준다. 조금이나마 도움을 줄 수 있는 라이브러리들을 소개하는 카테고리로 분류된 글이다. 알아두면 좋은 라이브러리 우리는 한국사람인데도 한국말 맞춤법도 자주 틀린다. 당연히 영어는 훨씬 많이 틀릴 수밖에 없다. 코드 작성 과정에서 스펠링을 잘못 작성하거나 이미 잘못 작성된 경우를 많이 접할 수 있다. IDE 에서 어색한 단어들은 알려주지만, 그냥 넘어가거나 무시하는 경우도 많다. 잘못된 표기된 스펠링은 마이너한 이슈라고 볼 수도 있지만, 치명적일 수도 있다. 우리는 개발하는 과정에서 신규 개발, 유지보수, 버그 수정 등을 위해 히스토리를 찾..

이 글은 .gitattributes 파일에 대해 다룬다. 참고 자료 - https://www.aleksandrhovhannisyan.com/blog/crlf-vs-lf-normalizing-line-endings-in-git/#a-simple-gitattributes-config Github 의 오픈 소스들을 보다보면, 루트 단위에서 .gitattributes 파일을 흔히 볼 수 있다. Git 설정 관련 파일로 추정할 수 있는데, 대부분 다음과 같은 코드로 작성되어있다. * text=auto 위 코드를 이해하기 위해서는 줄바꿈(Line Ending) 을 이해해야한다. 줄바꿈은 Newline, EOL(End of Line), Line Break 등 같은 용어라고 볼 수 있다. 줄바꿈 방식은 크게 LF(Li..

이 글은 editorconfig, eslint, prettier 를 비교한다. 대부분의 프로젝트를 보면, 3가지 모두 공존하고 있는 경우가 많다. eslint, prettier 를 사용한다면, editorconfig 는 굳이 필요없지않나? 라고 혹시 생각하고 있다면 이 글은 도움이 될 것이다. 3가지 파일 모두 존재하는 프로젝트 예제 - https://github.com/facebook/react EditorConfig - https://editorconfig.org/ Eslint - https://eslint.org/ Prettier - https://prettier.io/ 우선 EditorConfig, Eslint, Prettier 각각 무엇인지 살펴보자. EditorConfig 우리가 사용하는 에디..