자바스크립트 console.log()에 대한 고찰
·
개발/Javascript
💭console.log()는 왜 느릴까? 에 대한 궁금증 시작시간초과 나는 console.log(), 왜 느릴까?오늘은 지금까지 외웠던 큐를 직접 구현해 보며 코딩테스트를 풀이하였다. 문제는 백준 10845번이었고 분명 맞는 풀이라고 생각하였는데, 시간초과가 발생하였다.코테를 풀며 가장 유명한 대사인 `맞왜틀?(맞는데 왜 틀림?)`을 생각하며 코드를 점검하고 내가 놓친 부분이 있는지 확인했지만,  어디가 틀렸는지 감이 잡히지 않았다. 그러던 중 질의응답에서 console.log()가 느리기에 시간초과가 발생한다는 질의응답 글을 발견했다. 이상했다. 왜 console.log()가 느릴까?의아했지만, 일단 해당 답변을 참고하여 기존에 반복문을 순회하며 console.log()로 바로 결과를 출력하는 코드 ..
백준 JS 코테 파일을 자동 생성 스크립트로 만들어보자!
·
개발/Javascript
🙋‍♂️Why?최근에 코딩테스트를 본격적으로 풀고있다. 하루에 한 문제씩 팀원들과 풀기도 하고 별개로 풀기도 한다.여러 풀이 사이트 중 가장 문제의 수가 많은 백준에서 문제를 풀고 있는데, 아쉽게도 백준에서 직접 문제풀이를 하기에는 어렵고 따로 로컬 PC에서 문제 이름에 해당하는 JS파일을 생성해서 코딩테스트를 풀이하고 있다. ex) B_1234.js 이때 내가 해야하는 프로세스는 다음과 같았다.1. 문제를 탐색한다.2. 탐색한 문제를 기반으로 로컬 파일을 만든다.3. 파일을 만든 뒤, 기본 입출력을 입력 혹은 복붙한다.4. 풀이를 진행한다.크게 어렵거나 복잡함은 없었다. 약간의 귀찮음만 있었지,,, 그런데...이제는 파일이 너무나도 많아지기 시작했다. 뭔가 묘수가 필요했다. 깃허브를 보면 10000번..
내 웹사이트에서 사용자는 어떤 행동을 할까? feat. hotjar🔥
·
개발/프로젝트
안녕하세요. 오늘도 프론트엔드 분야에서 정진하고 있는 FE 개발자 지망생입니다. 이번 포스팅에서는 지난 프로젝트에서 적용했던, 그리고 개인 사이드 프로젝트에서 적용하고 있는 웹 페이지 동적 분석 도구 hotjar를 알아보고 적용하고 활용한 사례에 대해서 포스팅해보려고 합니다.🙋‍♂️WHY?지난 kiwing 프로젝트에서 저희 팀은 hotjar를 도입했습니다. 그렇다면 우리가 hotjar를 도입한 가장 큰 이유는 무엇이었을까요? 저희가 hotjar를 도입한 가장 큰 이유는 시나리오의 일치입니다. 이번 프로젝트에서 저희는 개발자들의 기능적인 챌린지보다는 실제 사용자가 지속적으로 활용할 수 있는 서비스를 만드는 목표가 있었는데요. 이 목표를 이루기 위해서는 가설 검증이 필요했습니다. 우리가 세웠던 시나리오 가..
[프론트엔드 데브코스 월간 회고] 5,6차 단위기간(24.01.19 ~ 24.03.25) 프로젝트 kiwing 회고 (1/2)
·
개발/회고록
프론트엔드 데브코스 5,6차 단위 기간 회고, kiwing 회고 (1/2) 뒤늦게 써보는 월간회고이다. 마지막 프로젝트 기간에는 월간 회고가 필수가 아니지만, 회고의 중요성을 깨달았기에 시간을 내서 따로 글을 작성하려고 한다. 이번에는 조금 더 편하게, 조금 더 잔잔하게 글을 풀어내고 싶다.프로젝트 기간에는 TIL도 그렇고 WIL도 그렇고 작성이 매우 어렵다. 사실 임시글로는 이미 수십 개가 가득 찬 상태이다. 즉 정리만 하고 내용만 떠올려서 올리면 된다는 말이다. 그럼에도 불구하고 결론적으로 글을 완성하고 업로드하지 못하는 이유는 너무 바쁘다이다. 정말 너무너무 바빴다. 눈을 뜨면서 프로젝트에 대한 내용으로 하루를 시작하고 눈을 감는 그 순간까지 프로젝트를 생각을 했다. 사실 어떻게 보면 스트레스이긴 ..
프로젝트에서 팀장 역할을 맡으며 했던 고민들
·
개발/회고록
이번 포스팅에서는 지난 looky 프로젝트를 경험하며 팀장의 역할을 맡아서 협업을 진행하는 과정에서 겪은 협업에 대한 고민을 얘기해보려고 한다. 지난날들과 다르게 이번 프로젝트에서는 팀장이라는 역할을 맡아서 프로젝트를 진행해 보았다. 비록 회사는 아니지만 어떻게 보면 사회에서는 첫 팀장의 직책을 맡았던 경험이고 그런 자리와 환경에 있으니 프로젝트의 시작부터 끝까지 여러 걱정들이 많았었다. 프로젝트도 성공적으로 끝났고, 팀원들에 대한 나의 평가도 좋아서 기분이 좋지만 글을 쓰면서 다시 정리하고 남겨보고 복기하며 추후 보완해야 할 점을 적어보고자 한다.가장 처음으로 고민했던 것은 바로 일정관리이다. 프론트엔드 구성원들로만 이루어진 우리 팀의 경우 PM의 역할도 내가 병행해야 했다. PM의 역할에는 여러 역할..
[프론트엔드 데브코스 월간 회고] 4차 단위기간(23.12.19 ~ 24.01.18) 프로젝트 looky 회고
·
개발/회고록
프론트엔드 데브코스 4차 단위 기간 월간 회고, 프로젝트 looky 회고 Thank You! & Farewell Team looky 정신 차려보니 또 월간회고를 쓸 시간이 왔다. 거의 의무가 되다시피 한 회고들이 나에게는 개인적으로 큰 도움이 되고 있어서 이 시간이 나쁘지는 않지만, 점점 회고를 써야 하는 횟수가 줄어들 때마다 데브코스를 끝내고 본격적인 취업시장에 뛰어들어야 한다는 압박이 동시에 생기기도 한다. 인간은 적응의 동물이라고 했다. 그새 데브코스 학습방식에 적응되었던 것 같은데 슬슬 작년에 했던 것처럼 이력서와 자소서를 다듬고 취업 전선에 뛰어들 준비를 해야겠다. 데브코스 2/3 지점을 통과했다. 여러 강의들을 통해서 나와 동료들의 실력을 높였고, 향상된 실력을 바탕으로 1차 프로젝트를 진행했..
[React, JS] 프론트엔드에서 민감정보 암호화 적용하기
·
개발/프로젝트
이번 프로젝트를 진행하며 한 가지 신경을 썼던 점이라면 바로 비밀번호와 토큰을 암호화하여 저장하는 것이었다. 개인적으로도 그리고 팀적으로도 암호화에 관심이 있었고, 프론트엔드에서도 암호화를 적용하여 조금 더 프로젝트의 완성도를 올려보고 싶었다. 또한 이번 프로젝트에서 사용되었던 API는 다수의 요구사항에 맞춰야 했고 실습의 느낌에 더 가까운 API였기에 백엔드단에서의 암호화에 대한 로직이 전혀 없었고 심지어 특정 API에서는 원본 비밀번호 그대로 응답이 오는 경우도 있었기에 암호화를 적용해야 할 이유가 있다고 판단했다. 여기서 감지한 문제점은 다음과 같다. 첫 번째로 앞서 언급한 것처럼 원본 비밀번호가 노출된다는 것. 두 번째로는 토큰의 만료 시간이 없다는 것이다. 실제 많은 서비스들은 토큰 만료 시간이..
주니어 개발자 지망생의 2023년 회고
·
개발/회고록
주니어 개발자 지망생의 2023년 회고어디서부터 어떻게 글을 써가야 할지 잘 모르겠다. 아무래도 처음 쓰는 연간 회고글이기도 하고, 어떻게 보면 앞으로의 다짐이라는 표현을 쓰는 것이 더 맞을 것 같긴 한데 즐거운 마음으로, 내년을 기대하는 마음으로 글을 작성해보려고 한다. ❔ 올 한 해 나는 무엇을 하였는가올 한 해는 그래도 현실을 마주하고 개발자의 길을 걷기 위한 노력들을 많이 했던 것 같다. 단순히 개발자라는 직업, 직장을 가지기보다는 이 길을 꾸준히 걷기 위해서 깨달은 것들이 많았다. 시간 순으로 나열해 보자면 다음과 같다.1~2월: 인턴3~7월: 상반기 공채와 각종 부트 캠프 지원 및 막학기 수업7~9월: 광탈의 연속, 졸업 유예 결정, 데브코스 시작9~12월: 데브코스 기록하고 보니 별거 없는 ..