본문 바로가기

개발 179

[클린코드] 카멜, 파스칼은 가라. 세종대왕 표기법이 온다 (네이밍 컨벤션) 들어가며 전통적인 표기법 4종류, 그리고 클린 코드 표기법으로 인지도를 얻고 있는 독일식 표기법에 대해 알아보겠습니다. 그리고 더 나아가 제가 지어낸 세종대왕 표기법을 사알짝 알아보고 어떤 장점이 있는가 살펴보겠습니다. 페이스북에서 이런 짤을 보셨을 겁니다. 이렇게 장난스럽게 이름을 지으며 재밌게 놀았던 어린 시절을 기억하시나요? 과거로 가보면 성은 제갈, 이름은 량. 자는 공명, 호는 와룡이었던 촉한의 명재상 "와룡 제갈량 공명??" 선생입니다. 또한 아명(어렸을때 이름)도 있는 바야흐로 이름 짓기 전성시대였습니다. 이때 이름, 자, 호 등을 다양한 기준과 가치관에 따라 복잡하게 지었고, 또 시간에 따라 변하기도 하였습니다. 이렇게 대상에게 이름을 부여하는 행위는 고금부터 어려운 일이었고, 이는 길흉화.. 2022. 7. 25.
[UX/UI] 유저 행동 데이터를 티끌모아태산으로 (hotjar, google analytics) 들어가며 바야흐로 빅데이터의 시대에 살고 있는 우리들은 유저님들의 행동 하나하나에 의미를 담아 판단하고 또 개발해야합니다. 그런데 쉬우면서도 어려운 것이 바로 리뷰를 받는 것입니다. 배달앱에서는 서비스를 줘 가면서 리뷰전쟁을 하고 있는데, 우리는 서비스 음식을 주는대신 우리의 서비스(프로덕트)가 가치있음을 내세우고 리뷰를 받기를 원합니다. 그러니 더더욱 힘들고 안해줍니다. 오늘 소개해드린 hotjar는 이러한 어려움을 조금 쉽게 해결하고자 하는 툴이며, 간단하지만 강력하고 직관적은 기능을 제공하고 있습니다. 우리에게 익숙하게 알려진 유저 행동 추적 도구는 Google Analytics(이하 GA)입니다. 홈페이지 head에 코드만 넣어두면 알아서 정보를 뽑아다가 깔끔하게 시각화를 해줍니다. 이와 비슷하.. 2022. 7. 12.
[리액트] 검색의 목적은 편리함에 있다 ( 초성 검색, 자동완성) 들어가며가끔 OTP 서비스를 사용하다 보면 한글 초성으로만 검색하는 기능을 확인할 수 있습니다.입력이 불편한 리모컨 특성상 사용자에게 편리함을 제공하기 위해 많이 사용합니다.그래서 이번엔 초성으로도 검색 가능한 검색창 컴포넌트를 만들어보도록 하겠습니다.기존 컴포넌트 & 로직컴포넌트우선 컴포넌트를 하나 보고 오겠습니다.이건 제가 예전에 사이트 프로젝트하면서 만들었던 컴포넌트인데요. 보시다시피 주식명 또는 코드를 입력하면 찾아주는 컴포넌트입니다. 근데 만약 여기서 삼성전자 대신에 ㅅㅅㅈㅈ를 입력했을때도 삼성전자가 검색된다면 얼마나 좋을까요?그래서 한번 만들어가보겠습니다.로직일단 기존의 로직부터 확인하고 가겠습니다.const matchStock = ( stockList: Holdings[], query: .. 2022. 7. 10.
[이직] 4년차 프론트엔드 개발자의 이직 후기 들어가며 이 글은 처음 경력직 이직에 마구잡이로 시도해보면서 반성과 후회가 쌓인 프론트엔드 개발자가 적은 글입니다. 엄청난 정보는 없지만 이직에 도전하는 동료개발자분들에게 한줌의 도움이 되길 바라며, 그럼 후기글 시작하겠습니다. 이직 이직... 이름만 보아도 벅차고 가슴 끓어오르는 단어입니다. 저는 이직을 마음먹으면 바로 할 줄 알았어요. 이와 비슷하게 다이어트도 마음만 먹으면 할 줄 알았습니다. 이번에 2개를 병행하면서 아 마음먹기가 가장 어려운 거구나 라는 반성을 했네요. ㅎㅎ 이직을 막상 하려고 하는 두렵고 귀찮고 피말립니다. 저는 압도적인 개발자가 아니기때문에 저의 작고 소중한 강점과 언젠가는 고쳐야할 단점을 이쁘고 잘 꾸며서 어필해야하기 때문이죠. 동기 일단 이직을 마음먹게 된 계기, 동기가 있.. 2022. 6. 12.

티스토리툴바