회사에서 열심히 개발하다 보니 오랜만에 포스팅을 하네요.최근에 해결했던 이슈를 다른 분들도 많이 맞닥뜨렸을 것 같아 공유합니다.프론트엔드 개발을 하다 보면 다양한 환경에서 작업해야 할 때가 있는데요,최근 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..

강의: [edwith 부스트코스] 웹 프로그래밍 챕터 4, 웹 앱 개발: 예약서비스 2/4 학습일: 2020년 7월 7일 2. 라이브러리 활용과 클린 코드 - FE JavaScript 라이브러리와 프레임워크 최근 10년 간의 트렌드 2010년 이후로, 대표적인 JavaScript 라이브러리의 이름을 거론할 땐 jQuery가 빠지지 않습니다. 심지어 'JavaScript가 아닌 실무에서 쓰이는 jQuery를 중점적으로 배워야 한다'는 글도 있었을 정도로 광범위하게 바닐라 JavaScript를 대체하며 사용되었던 라이브러리가 jQuery입니다. 하지만 시간이 흐르고 웹의 대세가 웹 앱이 되면서 jQuery의 중요성은 떨어지고, 더 큰 규모의 도구인 프레임워크들이 관심을 이어받게 되었습니다. 그렇다면 jQue..