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

회사에서 API 관련 논의 중, HTTP API는 REST API와는 다르다는 얘기가 나왔습니다. 작년 초에 학습했었으나 둘의 차이에 대해서 다소 헷갈려, 복습 겸 정리하려 합니다. tl;dr 통신을 통해 한 곳의 자원들을 다른 곳에서 쉽게 접근할 수 있도록 하는 것을 Web API라고 합니다. 그 중에서도 HTTP 통신을 활용하는 API를 HTTP API라고 하며, REST API의 특성들을 가지는 API를 REST API라고 합니다.API HTTP API와 REST API에 공통으로 들어가는 API란 단어부터 먼저 살펴볼까요. API(Application Programming Interface)는 컴퓨터 혹은 컴퓨터 프로그램끼리의 연결, 좀 더 인간적인 표현으로는 소통을 뜻합니다. 이러한 소통을 어떻..

최근 비트코인 채굴이 환경에 파괴적이라는 일반적인 인식과 반대로 오히려 친환경 발전, 그 중에서도 태양광/풍력 발전의 수익성을 높일 수 있다는 보고서를 접하고 흥미가 생겨 조사했어요. 최근 구독하기 시작한 뉴닉 NEWNEEK의 스타일로, 관련 내용을 정리해봤습니다. :) 어떤 보고서인데 그래? Bitcoin is Key to an Abundant, Clean Energy Future, 온라인으로 발행되었어요. 누가 작성한 거야? 미국에서 결제 서비스를 제공하는 Square와 파괴적 혁신 기업들에 주목하는 자산운용사인 Ark Investment가 공동으로 작성했어요. 3줄 요약부터! ... the Bitcoin network functions as a unique energy buyer that could..

요약 취약점 발생 모듈 websocket-extensions 취약점 발생 원인 yarn 패키지 매니저로 create-react-app을 설치할 경우, 의존 모듈인 websocket-extensions가 0.1.3 버전으로 설치됩니다. 0.1.4 버전 미만의 websocket-extensions 라이브러리는 ReDoS 보안 취약점이 있습니다. 취약점 해결 방법 아래 두 가지 방법으로 해결할 수 있습니다. websocket-extensions 라이브러리의 버전을 직접 0.1.4로 업데이트 GitHub dependabot이 보안 취약점을 해결한 pull request를 merge GitHub의 경고, '보안 취약점을 발견했어요!' 어제 GitHub의 dependabot이란 친구가 두 장의 메일을 보내왔습니다...

요약 발생 에러 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월 9일 2. 라이브러리 활용과 클린 코드 - FE 클린 코드 클린 코드의 중요성 클린 코드(Clean Code)는 '깨끗한 코드', 즉 '읽기 편한 코드'를 의미합니다. 프로그래밍을 공부하다 보면 클린 코드의 중요성을 심심치 않게 들을 수 있는데요, 그렇다면 클린 코드가 왜 중요한 것일까요? 프로그램은 '이해하기 쉬워야 하기 때문'입니다. 일상적 언어로 작성된 글도 문장 구조나 논리 전개가 어긋나면 글쓴이의 의도가 제대로 전달되지 않는 경우가 부지기수인데, 다양한 수식과 기호가 포함된 프로그래밍 언어로 작성된 코드는 '깨끗하지 않다면' 이해하는 것이 급격하게 힘들어집니다. 특히 클린 코드는 ..