Dev Diary 💻

Problem Description 문자열 before와 after가 매개변수로 주어질 때, before의 순서를 바꾸어 after를 만들 수 있으면 1을, 만들 수 없으면 0을 return 하도록 solution 함수를 완성해보세요. Restrictions. 0 < before의 길이 == after의 길이 < 1,000 before와 after는 모두 소문자로 이루어져 있습니다. Input/Output Example 입출력 예 #1 "olleh"의 순서를 바꾸면 "hello"를 만들 수 있습니다. 입출력 예 #2 "allpe"의 순서를 바꿔도 "apple"을 만들 수 없습니다. My solution function solution(before, after) { return [...before].rev..

Problem Description 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. Restrictions. array의 길이는 홀수입니다. 0 < array의 길이 < 100 -1,000

Work 리뉴얼 웹 프로젝트 화면 개발 기존 내부에서 사용하던 웹 사이트 기반으로 새로운 요구사항을 추가하여 해당 내용으로 새 웹 프로젝트를 개발하기로 했습니다. 처음 해당 작업을 외주 작업으로 진행하려 했으나, 유지보지보수와 비용 측면에서 직접 개발하기로 했습니다. 이번에는 처음으로 리액트 material UI 템플릿을 구매해서 해당 템플릿 기반으로 화면을 만들기 시작했습니다. 템플릿으로 화면 개발하는 것도 오랜만이였고, mui 를 사용한 템플릿도 처음이였습니다. mui는 일전 회사 홈페이지를 만들며 익혔기 때문에 사용가능했지만, 오히려 템플릿의 코드를 이해하는 데 시간이 오래 걸렸습니다. 보통 템플릿 구매하면, 코드가 엉망인 경우도 많다고 하던데 이 템플릿은 코드가 잘 짜여져 있어 오히려 배울 수 있..

Work 기존 웹앱 블록킹 팝업 추가 기존 운영되던 웹앱 서비스 블록킹을 적용하였습니다. 리뉴얼 웹앱 기타 프로젝트 빌드 시 발생하는 warning 수정과 기타 피드백 작업을 진행하였습니다. 내부 운영 서비스 내부 모니터링 운영서비스 관련하여 일정 지표 기능을 수정 등 운영업무를 진행했습니다. 새 프로젝트 관련 기획서 리뷰 내부 직원분과 고객사분들이 사용할 프로젝트를 위해 관련 기획서 리뷰를 진행했습니다. 내부 상황 확실히 팀장님이 퇴사하시고, 팀장님 없이 조직이 운영되니 빈자리도 크게 느껴져서 그런지 이번달은 뭔가 어수선했네요.. 😥

Work 회사 홈페이지 개발 리뉴얼 웹앱 서비스 오픈 및 피드백 반영 후 회사 홈페이지 개발을 시작하게 되었습니다. 회사 홈페이지의 경우 외주 작업을 작업하려 했으나, 추후 유지보수와 비용 측면에서 직접 개발하기로 결정했었습니다. 시니어 개발자분께서 어느정도의 PC 화면을 구축해놨고, 저는 모바일 UI 구현을 중점으로 개발했습니다. MUI를 사용했기 때문에 크게 건들 일은 없었지만, UI가 PC / Mobile 버전일 때 다른 부분들이 꽤 있어서 이곳저곳 다듬었습니다. 홈페이지 개발이 생각보다 계속 피드백을 주고 받으며 작업해야 할일이 많았습니다. 개발도 개발이지만, 이번달은 디자이너, 에디터 분과 더 소통을 많이 했던 것 같습니다. 추가로 AWS + Git Actions 을 통해 자동배포 환경을 구성하..

Intro 안녕하세요. 이번 시간에는 npm과 npx의 차이점에 대해 알아보도록 하겠습니다. next.js 프레임워크에서 이것저것 테스트 해보면서 아래의 명령어를 사용했는데요, npm과 npx의 차이점이 궁금해지더라고요. npx create-next-app@latest --typescript NPM, NPX npm과 npx는 모두 Node.js 패키지 매니저 (NPM)에서 제공하는 도구입니다. NPM npm은 Node.js 패키지를 설치, 관리 및 공유하기 위한 도구입니다. npm을 사용하여 패키지를 설치하고 관리할 수 있습니다. 패키지는 Node.js 애플리케이션 및 라이브러리를 개발하기 위한 모듈들입니다. NPX(execute npm package binaries) npm 패키지를 실행하기 위한 도구..

Work 기존 서비스 안내 팝업 추가 4월 달에는 기존 운영 중이였던 기존 웹앱 서비스에 팝업 안내를 추가하는 작업을 하였습니다. svg 파일 전체를 전달 받아 해당 요소들에 클릭 이벤트, 세션 작업(오늘 하루동안 보지 않기 등)을 추가하였습니다. 안드로이드 폰일 경우 google play store로, 아이폰일 경우 app store로 링크를 연결해줬습니다. 회사 입사 초반에도 비슷한 테스크를 받은 적이 있었는데요, 그 당시에는 팝업 때문에 거의 2주일 넘게 고생했던 기억이 있습니다. 이때 잠깐 했던 기억으로 이번에는 손쉽게 할 수 있었어요. 리뉴얼 서비스 오픈 공식적으로 이번달에 리뉴얼 서비스가 오픈되었습니다. 해당 업데이트 관련하여 이곳저곳에서 뉴스기사가 나갔는데 신기했어요. 제가 직접 만든 서비스..

Work 서비스 내부 테스트 이번 달은 리뉴얼 웹앱 개발을 마치고 테스트 및 피드백이 진행된 달이였습니다. 팀 내 인원이 충분하지 않다보니 테스트 내부에서 테스트할 인원소스는 부족했습니다. 처음 테스트는 서비스 기획 경험도 많으시고 테스트도 많이 해보셨던 팀 내의 기획자 분(동시에 팀장님)께서 해주셨습니다. 사실 저는 현 회사의 도메인 지식이 부족한 편입니다. 전기 관련된 내용이다 보니 어떤 지표가 유용하고, 무엇을 보기 위해 개발된 화면인지 이해가 안될 때가 많더라고요. 기획자분께서 도메인 지식도 많으시고, 정리도 잘 해주시고 잘 알려주셔서 참 다행이라는 생각이 들었습니다. 서비스 베타 테스트 팀 내부 테스트를 거친 후, 타부서에 베타 테스트 참여 인원을 모집하였습니다. 해당 부서는 실질적으로 해당 ..

Intro 안녕하세요. 이번 3년만에 개최된 DEVIEW 2023년 컨퍼런스를 다녀왔습니다. 저는 27일 Day 1, 28일 Day2 신청을 모두 도전해봤는데요, Day2는 실패했습니다. 정말 빠르게 예약이 끝나더라고요. (day 신청 후기가 궁금하시면 이 글 참고 부탁드려요) Register 9:00 - 9:50 아침 9:00 - 9:50 사이에 등록 시간이여서 저는 시간에 맞춰서 9:30분쯤에 봉은사역에 도착했습니다. 사람이 매우 많더라고요. 그래도 네이버 예약하는 줄은 짧아서 바로 등록할 수 있었어요! 등록 후에는 받은 기념품입니다. 네이버 스티커와 키캡, 초콜렛, 물이 들어 있었습니다. 강의 들을 때 물이 있어서 다행이였어요. 발표도 안했는데, 왜 이렇게 목이 마르던지... 시간이 살짝 남아서 이..

Intro 안녕하세요. 이번 시간에는 Intellij 인텔리제이 한줄 복사 단축키에 대해 알아보겠습니다. 한줄 복사 단축키는 코딩을 하면서 자주 사용하는 단축키 중 하나죠. 그래서 꼭 외워두시는 게 코딩할 때 편할 겁니다. How to do Windows PC 환경이 윈도우라면, "Control + D" 를 사용하시면 됩니다. Control + D Mac PC 환경이 맥이라면, Commend + D 를 사용하시면 됩니다. Commend + D