Jaypedia

Introduction 풀래너의 프론트엔드 팀은 개발 환경을 세팅할 때 많은 공을 들였습니다. 👏 89일 간 13번의 심도 있는 회의를 통해서, 현재는 개발 환경 세팅이 완료된 상태입니다. 이번 포스팅에서는 Formatting과 Code Quality와 관련된 세팅을 어떻게 했는지에 대해서 자세히 파헤쳐 보려고 합니다. Code Formatter와 Linter를 도입한 이유 저희 프론트엔드 팀은 코드를 일관성 있게 작성하고, 잠재적인 에러를 미리 발견해서 코드의 퀄리티를 높이면서도 효율성 있게 작업하고 싶었습니다. 그래서 ESLint, Prettier는 필수라고 생각을 했고, 이제 이것들을 어떻게 우리 팀에 맞게 커스터마이징하여 사용할 것인가를 고민했어요. 코드를 본격적으로 작성하기 전에 충분히 고민을 ..

1. 방문 길이 (Level 2) Problem Summary 명령어가 주어진다. 이 명령어대로 캐릭터는 움직이고, “처음 걸어본 길의 길이”를 구해야 한다. 좌표평면의 경계를 넘어가는 명령어는 무시한다. 캐릭터는 0,0에서 시작하고, 경계는 5, -5이다. Solution function solution(dirs) { let answer = 0; const loc = { x: 0, y: 0 }; const set = new Set(); for (const dir of dirs) { const curLoc = `${loc.x}${loc.y}`; switch (dir) { case 'U': loc.y -5 && loc.y--; bre..

Introduction Pull-up Planner, 줄여서 Pullanner(풀래너)는 풀업 운동을 차근차근 해나갈 수 있도록 도와주는 서비스입니다. 풀업 운동은 상체 근력을 키우는 데 아주 좋은 운동이지만, 꽤나 쉽지만은 않은 운동이기 때문에 초보자가 하려면 꾸준함과 노력이 필요해요. 작년 10월부터 프론트엔드 개발자, 백엔드 개발자, 그리고 디자이너가 모여 서비스 기획을 시작했고, 지금도 프로젝트가 진행되고 있습니다. 저는 프론트엔드 개발자로서 기획, 디자인에도 참여하고 있는데요! 개발이 아닌 다른 분야도 팀원들과 함께하니 즐거웠습니다. Future 앞으로 프론트엔드 개발 과정을 블로그에 담아 볼 예정입니다. 개발환경 세팅 과정, 개발 과정, 트러블 슈팅 과정 등, 기술과 관련된 이야기들을 꼼꼼하게..

1. 할인 행사 (Level 2) Problem Summary want 배열에 있는 제품과 수량이 할인하는 날짜와 10일 연속으로 일치할 경우의 수 구하기 Solution function solution(want, number, discount) { // 1. 물건과 물건의 개수를 매핑하기 const wantMap = want.reduce((map, el, idx) => { map.set(el, number[idx]); return map; }, new Map()); let count = 10; // 물건 10개가 모두 할인되는지 체크해 줄 변수 let answer = 0; discount.forEach((_, i) => { // 10개를 체크해줘야 하므로 이런 식으로 범위 정함 // 지금 시작하는 값으..