본문 바로가기
728x90

전체 글112

[React] ERROR - create-next-app / Cannot find module 'stream/promises' 오류 메시지- Cannot find module 'stream/promises'- 'stream/promise' 모듈의 경로를 확인할 수 없습니다. 오류 화면 오류 원인- 프로젝트를 생성하면서 작성되는 import 식에서 해당 모듈을 가져오지 못해서 발생한다.- node:stream/promises>=15.x 해당 모듈은 노드 버전이 15이상만 지원되기 때문에 노드 버전 업이 필요하다. 해결 방법- nvm 을 사용한다면 노드 버전 15이상을 설치한 뒤 변경한다.- 노드 버전은 메이저 버전을 짝수로 사용하는 것을 권장한다.- 나는 10버전으로 셋팅 되어 있었고 18버전으로 변경해 주었다.nvm install 18.19.0nvm use 18.19.0 결과 2024. 3. 27.
[window] localhost 도메인 설정 방법 - window 10 로컬에서 호스트 주소를 도메인으로 지정하기  개요- 서버와 세션, 쿠키 개발을 위해 환경을 맞춰서 개발하는 상황이 있었는데 데이터 정보가 누락되었는데, 알고 보니 URL로 인한 네트워크 문제가 발생한다는것을 알 수 있었다.- 그러다 웹 개발을 하면서 로컬에서도 도메인 설정을 할 수 있다는 사실을 알게 되었고, localhist, ip 가 아니라 도메인을 사용하면 백앤드 서버와 URL을 동일하게 맞춘 수에 정상적인 세션 테스트가 가능 했다.- 로컬에서 특정 ip에 도메인 설정하는 방법에 대하여 알아보자!  활용하면 좋은 상황 host 입력대신 별도 아이디 값을 가지고 싶은 경우서버와 세션, 쿠키 개발을 위해 환경을 맞춰서 개발하는 경우크로스브라우저 오류를 확인하는 경우   방법- 해당 파일 경로에 있는 h.. 2024. 3. 20.
[VSCode] 리액트 페이지 자동완성/스니펫 설치(rfc , rafc , rfce) 비쥬얼 스튜디오 확장에 들어가서 'ES7 React/Redux/GraphQl/React-Native snippets' 을 설치한다. jsx 파일을 추가한다. rafc 등 원하는 스니펫 아이디를 입력한다. 자동완성 토글창이 뜨지 않는 경우는 ctrl + space 입력 시 표출된다.  마무리- 플러그인을 활용해서 개발 편의성을 높히자 ! 2024. 3. 12.
[window] window10, 11 한글이 안쳐지는 경우 인터넷 검색창, 메모장에 동일하게 한글 입력이 안되는 경우 시스템 설정 문제인 경우가 많다. 해결방법1. Shift + Alt보통은 이 방법으로 해결 가능  2. ctfmon 재실행 1) 내 컴퓨터나 파일탐색기를 선택합니다.2). C:\를 클릭합니다.3). windows로 이동합니다.4). System32로 들어갑니다.5). ctfmon.exe를 실행합니다. 2024. 3. 11.
[window] 원격 데스크톱 연결, 윈도우 자격증명 찾기 원격 데스크톱 연결 1. 원격 데스크톱 연결 실행 2. 원격 접속 할 IP 입력 -> 연결 클릭 3. 사용자 자격 증명 입력 -> 확인 클릭 - 사용자 자격 증명 : 원격 접속하는 컴퓨터의 사용자 정보 4. 원격 접속 끝 윈도우 자격증명 찾기 1. window + r -> control userpasswords2 -> 확인 2. 사용자 이름 확인 2024. 3. 8.
[TIP] 파일서버, 브라우저 내 폴더/즐겨찾기 정리하기 1. 폴더 분류 기준 정하기 2. 폴더는 넘버링https://blog.huvis.com/8473. 파일명 네이밍 2024. 3. 8.
[WEB] 웹 자원을 식별하는 방법 - URL, URI, URN 차이 URL (Uniform Resource Locator, 통합자원위치)자원이 있는 위치를 나타내는 주소웹이 아니더라도 네트워크를 사용하는 어느곳에서나 URL을 사용한다.IP 주소, 이메일, 파일 전송 등프로토콜(예: HTTP, HTTPS)을 포함 URI (Uniform Resource Identifier, 통합자원식별자)통일된 정보 자원의 식별하는 데 사용되는 식별자텍스트, 비디오, 음향, 이미지 등의 식별인터넷 서비스를 전제로 공통적인 형식은 웹 페이지 주소을 말한다.URI는 URL과 URN을 포함 URI 일반적인 구조scheme://[userinfo@]host[:port][/path][?query][#fragment]scheme:// : protocol (http, https, ftp)[userinfo.. 2024. 3. 7.
[WEB] 프론트, 서버 인증 / 권한 부여 방법 (OAuth, session, JWT) / acessToken, refreshToken) 인증이란?프론트 관점 : 로그인, 회원가입과 같은 도입부서버 관점 : 모든 API 요청에 대한 사용자 확인 작업인증이 제대로 이루어지지 않는 다면?정보가 유출되는 상황이 생김정확한 인증을 위해서는..자신이 누구인지 알수있는 정보를 프론트에 입력해서, 서버는 그 정보로 요청에 맞게 데이터를 뿌려주어야 한다. 인증 방식 3가지계정정보를 요청 헤더에 넣는 방식토큰 기반 인증 방식Access Token & Refresh Token 방식 1. 계정정보를 요청 헤더에 넣는 방식 (HTTP)웹, 모바일 서비스에서 가장 많이 사용하는 통신 방식서버에 요청을 보낸다 = 웹에서 HTTP 메세지를 전송한다.HTTP는 기본적으로 헤더, 바디로 구성되며, 헤더에 인증 방식을 직접 넣어 요청을 보낸다.비연결성단방향 통신장점 : .. 2024. 3. 4.
[Javascript] 생산성 코드 작성 방법 - 코드 줄여쓰기 1. if else 문longhandvar big;if (x > 10) { big = true;}else { big = false;} shorthandvar big = (x > 10) ? true : false;  2. null, undefined 값 체크, 기본값 설정longhandif (variable1 !== null || variable1 !== undefined || variable1 !== '') { var variable2 = variable1;} shorthandvar variable2 = variable1 || 'default value';  3. 배열 생성longhandvar a = new Array();a[0] = "myString1";a[1] = "myString.. 2024. 3. 4.
728x90

티스토리툴바