분류 전체보기(74)
-
[vscode]VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... 해결
VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... VSCode의 터미널을 통하여 npm혹은 yarn을 사용하여 처음 작업을 수행할 때, 다음과같은 에러가 발생할 수 있습니다. 내용은 "이 시스템에서 스크립트를 실행할 수 없으므로 ~(블라블라)~ 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오." 로, 시스템의 설정에서 스크립트를 실행할 수 있는 권한이 부여되어있지 않은 상태라서 해당 작업 명령을 수행할 수 없어서 발생하는 오류입니다. Window10 기준으로, Windows PowerShell 앱을 통하여 시스템의 스크립트 실행권한을 변경하여 해..
2023.01.15 -
crbug/1173575, non-JS module files deprecated 해결
setupProxy.js const proxy =require("http-proxy-middleware"); module.exports = function(app) { app.use( proxy.createProxyMiddleware("/api1", { //api triggers proxy to run, whenever meet the api1, start using proxy target: "
2023.01.12 -
[cors]Cross-Origin Resource Sharing and Proxy
안녕하세요. front-end 개발시 개발자들을 괴롭히는 cors에 대해 알아보고 더 나아가 프록시 설정하는 방법에 대해 알아봅시다. 현재 프로젝트의 front-end 부분이 거의 맨땅의 헤딩인 수준이라... 이것 저것 많은 이슈가 나오고 있는데.. 그 중 하나가 cors입니다. 웹의 동작을 살펴보아요. 1. 크게 브라우저, 웹 서버, api서버 세 가지로 나눠봅시다. 2. 브라우저에서 url(https://naver.com)을 통해 웹서버로 요청을 보냅니다. 3. https://naver.com > 네이버 웹서버에선 해당 html, css, js등의 파일을 브라우저에 로드해줍니다. 4. 로드된 html,css, js등의 파일들은 브라우저에서 화면으로 출력해줍니다. 5. 이 과정에서 로드된 파일들은 브라..
2023.01.12 -
[react-query]리액트 쿼리 개념 이해하기
현재 프로젝트에서 리액트로 개발하는 중에 api서버에서 가져온 데이터 처리를 위해 react query를 쓸생각으로 정리하는중에 좋은 글을 발견하여 공유드립니다. react query 리엑트 쿼리는 서버에서 가져온 데이터를 웹 브라우저 앱에서 사용하기 쉽게 도와주는 기술입니다. 서버는 클라이언트에게 데이터베이스에 있는 정보를 전달해주는 역할을 하는데요, 여기서 서버는 api 서버, 클라이언트는 웹 브라우저에서 실행되는 우리가 작성한 리엑트 앱을 의미합니다. 데이터베이스에서 가져온 데이터를 클라이언트에서 보여주기 위해 우리는 ajax를 이용하는데요, 이 때 서버에서 가져오는 데이터를 서버의 상태 라고 이야기 합니다. 상태라고 하면 클라이언트에서만 사용하는 용어인줄 알았는데요, 서버에도 상태가 있나요? 네,..
2022.12.28 -
[react]redux정리
redux 공부한 내용 정리 - redux사용하면 컴포넌트들이 prps없이 state공유가능 설치 npm install @reduxjs/toolkit react-redux -store.js 생성 및 문법 import { configureStore } from '@reduxjs/toolkit' //state하나당 한세트 let user = createSlice({ name: 'user', //state명 initialState: 'kim' //state값 }) //userState같은거 //state가 array, object일때 let user2 = createSlice({ name: 'user2', initialState: { name: 'jhon', age: 25 }, //수정을 위한 함 reduce..
2022.12.20 -
[javascript] JavaScript 객체를 반복하거나 열거하는 방법
다음과 같은 JavaScript 객체가 있습니다. var p = { "p1": "value1", "p2": "value2", "p3": "value3" }; 지금은 모든을 통해 루프를 원하는 p요소 ( p1, p2, p3…) 그리고 자신의 키와 값을 얻는다. 어떻게해야합니까? 필요한 경우 JavaScript 객체를 수정할 수 있습니다. 내 궁극적 인 목표는 일부 키 값 쌍을 반복하는 것이며 가능한 경우을 사용하지 않기를 원합니다 eval. 1. for in for-in다른 사람들이 보여주는 것처럼 루프를 사용할 수 있습니다 . 그러나 얻는 키가 객체의 실제 속성이며 프로토 타입에서 가져 오지 않았는지 확인해야합니다. 스 니펫은 다음과 같습니다. var p = { "p1": "value1", "p2": "..
2022.12.14