회사에서 열심히 개발하다 보니 오랜만에 포스팅을 하네요.최근에 해결했던 이슈를 다른 분들도 많이 맞닥뜨렸을 것 같아 공유합니다.프론트엔드 개발을 하다 보면 다양한 환경에서 작업해야 할 때가 있는데요,최근 Mac에서 개발하면서 Parallels Desktop의 Windows 환경에서 테스트를 하고자 했는데, 생각보다 시작부터 간단하지 않더라고요.특히 로컬에서 돌아가는 React 앱과 API 서버에 접근하는 과정에서 여러 난관에 부딪혔습니다.몇 시간 동안 헤맸던 경험을 바탕으로, 제가 찾은 해결 방법을 공유합니다.왜 그냥 localhost로는 접근이 안 될까?먼저 왜 이런 문제가 발생하는지 기본 개념부터 짚어볼게요.Parallels Desktop은 Mac에서 Windows를 가상 머신 형태로 실행하는 프로그..

요약 발생 에러 Error: Failed to load plugin 'react' declared in '프로젝트 디렉토리 경로\.eslintrc.json': Cannot find module 'eslint-plugin-react'... 해결방법 ESLint가 작동하는 프로젝트 디렉토리를 ESLint 확장 프로그램의 Working Directories 설정에 추가 시스템 환경 Windows 10 Home 1909 프로젝트 환경 Node.js 12.8.1 Visual Studio Code 1.47.0 - ESLint (Extension) - Prettier - Code Formatter (Extension) 설치한 패키지 yarn 1.22.4 create-react-app 3.4.1 styled-compo..

문제 / 웹사이트 알파벳 현상수배 (The Most Wanted Letter) / CheckiO 난이도 Simple / 초급 내용 알파벳으로 이루어진 문장에서, 대소문자 구분 없이 가장 많은 빈도로 나타난 알파벳을 추출하는 함수를 작성하세요. ※ 가장 많은 빈도로 나타나는 알파벳이 여럿일 경우, 알파벳 순서로 맨 앞의 알파벳 하나만을 추출합니다. 예시 mostWanted("Hello World!") == "l" mostWanted("How do you do?") == "o" mostWanted("One") == "e" mostWanted("Oops!") == "o" mostWanted("AAaooo!!!!") == "a" mostWanted("abe") == "a" 모범 답안 "use strict"; f..

문제 / 웹사이트 K번째 수 / 프로그래머스 난이도 Level 1 내용 모의고사를 치게 된 3명의 학생이 각각 [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...], [2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...], [3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5]의 패턴대로 문제를 찍기로 했습니다. 1번부터 마지막 문제까지의 정답이 들어있는 'answers' 배열이 주어질 때, 가장 많은 문제를 맞힌 학생의 번호을 구하는 함수를 작성하세요. ※ 가장 높은 점수를 받은 사람이 여럿일 경우, return 값은 오름차순으로 정렬되어 있어야 합니다. 예시 array commands return..

문제 / 웹사이트 모의고사 / 프로그래머스 난이도 Level 1 내용 모의고사를 치게 된 3명의 학생이 각각 [1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...], [2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ...], [3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5]의 패턴대로 문제를 찍기로 했습니다. 1번부터 마지막 문제까지의 정답이 들어있는 'answers' 배열이 주어질 때, 가장 많은 문제를 맞힌 학생의 번호을 구하는 함수를 작성하세요. ※ 가장 높은 점수를 받은 사람이 여럿일 경우, return 값은 오름차순으로 정렬되어 있어야 합니다. 예시 answers return [1, 2, ..

문제 / 웹사이트 완주하지 못한 선수 / 프로그래머스 난이도 Level 1 내용 마라톤 경기에 참여한 선수들의 이름이 포함된 '참가자' 배열과 완주한 선수들의 이름이 포함된 '완주자' 배열이 있습니다. 참가자 중 한 명을 제외한 모든 선수가 완주했다고 가정할 때, 완주하지 못한 선수의 이름을 구하는 함수를 작성하세요. ※ 참가자 중에는 동명이인이 있을 수 있습니다. 예시 participant completion return [leo, kiki, eden] [eden, kiki] leo [marina, josipa, nikola, vinko, filipa] [josipa, filipa, marina, nikola] vinko [mislav, stanko, mislav, ana] [stanko, ana, m..