Window10에 설치한 WSL2로 Ubuntu 앱에 연결된 vscode를 열어 작업하려고 하는데, 갑자기 vscode에서 이런 에러가 뜨면서 폴더에 있는 파일들이 뜨지 않고 localhost 서버도 계속 로딩되면서 연결되지 않았다. Failed to connect to the remote extension host server (Error: webSocket close with status code 1006). 원격 확장 호스트 서버에 연결하지 못했습니다(오류: WebSocket close with status code 1006). 해결 windows PowerShell을 열어 wsl --shutdown 명령을 통해 wsl 재부팅으로 해결! 참고 stackoverflow.com/questions/641..
[1차 프로젝트] 마켓홀리 팀 프로젝트 후기
1. 프로젝트 소개 - 온라인 식재료 판매 커머스 마켓컬리 웹 사이트를 모티브로한 팀 프로젝트(Market Holy) - 2021.03.15 ~ 2021.03.26 (2주) - 프론트 4명 + 백엔드 2명 ⚒ 기술 스택 Front-end - HTML, JavaScript(ES6+), React, SCSS ⚙ 협업 툴 - Slack, Trello, Git & Github 👉 팀 배정을 받아 2주동안 마켓컬리 클론 프로젝트를 하게 되었다! 팀 배정 전 웹 사이트 투표할 때, 주로 깔끔한 UI 구조를 가진 사이트들에 투표하였는데, 마켓컬리 웹 사이트도 깔끔한 편이라 만족했다. 1-1 프로젝트 시작 전 팀원들과 이 사이트에서는 어떤 페이지가 필수적으로 구현되어야 하는지, 서비스 특징을 파악하여 필수 구현 페이지..
[TIL] 백엔드 API 통신 시, Proxy 설정으로 해결
처음에 백엔드에 로그인 id pw값은 보내지는데 프론트에서 아무 메시지도 뜨지 않음 Proxy 설정으로 CORS 도메인 문제 해결 [ Webpack ] Proxy 설정으로 CORS 도메인 문제 해결 Webpack Proxy 설정으로 CORS 도메인 문제 해결 CORS (Cross-Origin Resource Sharing) 란? 웹브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 스팩이다. 서버와 클라이언트가 정해진 헤더를 통 ryulog.tistory.com package.json에 백엔드 서버 url 넣어주고 Login.js에 const summonerUrl 로 url 넣어주기 로그인 성공 완료 시 console에서 백엔드에서 보내주는 메시지 확인 가능 아이디나 비번 틀렸을 시,
[Mock Data] mock: 거짓된, 가짜의 - 가짜 데이터, 샘플 데이터 - 실제 API에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터 mock data가 필요한 이유 - API가 아직 준비중인 경우 : 프로젝트 진행 시, API가 나오기 이전에 레이아웃이 먼저 나오는 경우도 많음-> 백엔드에서 API가 나올 때까지 계속 기다리는 게 아니라, moca data를 만들어 데이터가 들어오는 상황을 미리 대비하고 UI가 기획에 맞게 구현되는지 먼저 확인할 수 있음 - Backend와의 소통이 효율적으로 이루어질 수 있음 : 주고 받는 데이터가 어떤 형태인지, key-value 값을 미리 맞춰볼 수 있음