🚨맨날 하는 수동 업데이트가 귀찮았다.나는 깃허브 README에 내가 최근에 작성한 블로그 글을 띄워둔다. 아무래도 블로그를 꾸준히 작성하고 싶은 마음이 커서 그런 것도 있고, 언젠가 나의 장점이 되었으면 하는 다짐을 여러 곳에서 보고자 띄워두고 있다. 최근 작성한 5개의 글을 띄워두고 있는데 `매우 불편한 점`이 한 가지 있었다. 바로 업데이트를 수동으로 해야 한다는 문제였다.매번 글을 쓸 때마다 깃허브에 찾아가서 일일이 링크를 가져다가 최신화하는 과정이 필요했고, 한 두 번이야 괜찮겠다 싶었는데, 이러한 일이 매일 발생한다면 매우 귀찮을 것 같았다. 지난 포스팅에서도 내가 개발자인 장점을 살려서 자동화 스크립트를 만들었었다. 이번에도 비슷하게 GitHub Actions를 활용하여 자동적으로 내 블로..

💭console.log()는 왜 느릴까? 에 대한 궁금증 시작시간초과 나는 console.log(), 왜 느릴까?오늘은 지금까지 외웠던 큐를 직접 구현해 보며 코딩테스트를 풀이하였다. 문제는 백준 10845번이었고 분명 맞는 풀이라고 생각하였는데, 시간초과가 발생하였다.코테를 풀며 가장 유명한 대사인 `맞왜틀?(맞는데 왜 틀림?)`을 생각하며 코드를 점검하고 내가 놓친 부분이 있는지 확인했지만,  어디가 틀렸는지 감이 잡히지 않았다. 그러던 중 질의응답에서 console.log()가 느리기에 시간초과가 발생한다는 질의응답 글을 발견했다. 이상했다. 왜 console.log()가 느릴까?의아했지만, 일단 해당 답변을 참고하여 기존에 반복문을 순회하며 console.log()로 바로 결과를 출력하는 코드 ..

🙋‍♂️Why?최근에 코딩테스트를 본격적으로 풀고있다. 하루에 한 문제씩 팀원들과 풀기도 하고 별개로 풀기도 한다.여러 풀이 사이트 중 가장 문제의 수가 많은 백준에서 문제를 풀고 있는데, 아쉽게도 백준에서 직접 문제풀이를 하기에는 어렵고 따로 로컬 PC에서 문제 이름에 해당하는 JS파일을 생성해서 코딩테스트를 풀이하고 있다. ex) B_1234.js 이때 내가 해야하는 프로세스는 다음과 같았다.1. 문제를 탐색한다.2. 탐색한 문제를 기반으로 로컬 파일을 만든다.3. 파일을 만든 뒤, 기본 입출력을 입력 혹은 복붙한다.4. 풀이를 진행한다.크게 어렵거나 복잡함은 없었다. 약간의 귀찮음만 있었지,,, 그런데...이제는 파일이 너무나도 많아지기 시작했다. 뭔가 묘수가 필요했다. 깃허브를 보면 10000번..

오늘 포스팅 할 내용은 JS에서 반복해서 HTML 태그를 출력해야하는 상황일 때 내장함수 map을 이용해 출력하는 것이다.주의!!! new Map()을 통해서 선언하는 객체에 관한 설명이 아닌 배열에서 사용되는 map()메서드에 대한 설명이다. 목차글을 작성하는 이유와 나의 경험map() 메서드를 이용한 해결방법그럼 이제 HTML과 JS에서 map() 을 써보자! 글을 작성하는 이유와 나의 경험개발을 처음 해보면서, 특히 프론트엔드 개발을 처음 하는 사람이라면 HTML, CSS, JS로 시작할 텐데 이 부분이 아무것도 모르고 사용하면 꽤나 어렵다. 그 중 나를 비롯한 수 많은 사람들이 겪는 문제는 바로 반복해서 출력하는 것에 대한 어려움이다.예를 들어 우리가 투두리스트 페이지를 만들면서 화면에 이 리스트..