SWMAD

네트워크 엔지니어 면접 기술 예상 질문 정리해둔거 with ChatGPT1. OSI 7계층이란? 각 계층의 역할은?OSI(Open Systems Interconnection) 7계층 모델은 네트워크 통신을 7개의 계층으로 나눈 참조 모델입니다.계층이름 (영문)주요 역할7응용 (Application)사용자와 직접 상호작용 (ex. HTTP, FTP)6표현 (Presentation)데이터 포맷 변환, 암호화/복호화5세션 (Session)연결 설정/유지/종료, 세션 관리4전송 (Transport)신뢰성 있는 데이터 전송, 오류 검출 (ex. TCP, UDP)3네트워크 (Network)IP 주소 지정, 경로 선택 (ex. IP, ICMP)2데이터링크 (Data Link)MAC 주소 기반 통신, 프레임 전송 (e..

How to Fix EACCES Port Error when Running Vite Development Servernpm run dev 실행 시 아래와 같이 "Error: listen EACCES: permission denied 0.0.0.0:5173" 오류가 뜨는 경우가 있을텐데요. 이럴땐 vite.config.js에서 포트를 변경해주면 돼요.error when starting dev server:Error: listen EACCES: permission denied 0.0.0.0:5173 at Server.setupListenHandle [as _listen2] (node:net:1915:21) at listenInCluster (node:net:1994:12) at Server...

Reflecting Changes to Folders within a React Project to GitHub참고 링크https://swmad.tistory.com/21 VS Code에서 React 프로젝트를 GitHub에 올리는 방법How to Upload a React Project to GitHub with VS Code리액트 프로젝트 진행하다가 형상 관리 하는 걸 깜박하고 있어서 글을 작성하게 됐어요. 진행할게요!! 1. Git 설치 및 로그인깃 다운로드 링크https://git-scm.coswmad.tistory.com깃허브에 올린 후 생각해보니 전 프로젝트를 프론트는 vscode에서 백엔드는 인텔리제이에서 할거라 프론트랑 백엔드 폴더를 따로 지정해야했어요. 그래서 폴더 옮기고 깃에도 변경을 ..

How to Upload a React Project to GitHub with VS Code리액트 프로젝트 진행하다가 형상 관리 하는 걸 깜박하고 있어서 글을 작성하게 됐어요. 진행할게요!! 1. Git 설치 및 로그인깃 다운로드 링크https://git-scm.com/downloads/win Git - Downloading PackageDownload for Windows Click here to download the latest (2.49.0) 64-bit version of Git for Windows. This is the most recent maintained build. It was released on 2025-03-17. Other Git for Windows downloads Sta..

Switching from a local server to a public server using ngrok with React Project리액트 웹 프로젝트 진행하다가 모바일 화면으로 테스트하고 싶어서 찾아보니 ngrok을 알게 됐어요. 로컬 호스트로 하면 진행중인 컴퓨터 내에서만 접근 가능한 주소라 그걸 해결하고자 했어요. 우선 리액트 프로젝트에 ngrok을 사용하기 전에 설치를 해주셔야 해요.ngrok 설치npm install -g ngrok설치하셨으면 ngrok 회원가입 후 프로젝트에 인증 토큰 등록해주셔야해요. 우선 사이트로 가서 가입해주세요. 가입 후 토큰을 로컬에 등록해주세요.https://ngrok.com/ ngrok | API Gateway, Kubernetes Networking + ..

Deploying a React Project to Docker이번 포스팅은 제가 프로젝트 진행 도중에 윈도우 11로 변경할려다가 갑자기 프로젝트 사라질까봐 도커에 올릴려고 하다보니 글을 작성하게 되었어요. 이제 시작할건데 프로젝트 폴더에 가셔서 빌드를 먼저 해주세요.npm run build저는 빌드 하기 전에 Dockerfile이랑 리액트 SPA가 동작할 수 있도록 해주는 Nginx.conf 파일을 미리 생성을 했어요. 그런데 생성할려면 위치는 프로젝트 폴더 직전 폴더에 작성하셔야 해요. 저는 두 파일을 따로 메모장 열기 귀찮아서 cmd 창에서 작성을 했어요.도커 파일 생성notepad Dockerfile도커파일 내용# 1단계: 앱 빌드FROM node:22.1.0-alpine AS builderWOR..

How to Prevent Docker Desktop Memory Overload feat. WSL2도커 사용하면 간혹 갑자기 컴퓨터가 느려지는 경우가 있으실거에요. 위 사진처럼 VmmemWSL이 메모리가 많이 잡고 있을거라 설정만 해두면 돼요. 그리고 Docker는 항상 켜둘 필요 없으니 사용하시고 끄시거나 시작 앱에서 제거하는 걸 권장해요. 우선 메모리를 정상으로 돌리기 위해 도커 끄고 WSL를 완전히 꺼주세요. 명령 프롬프트 관리자 모드에서 작성하시면 돼요.wsl --shutdown꺼주시고 .wslconfig로 메모리 제한을 할게요. 이 파일 위치는 말씀 드릴건데 파일이 없으시면 새로 만드시면 되고 있으시면 Notepad 열어서 수정하시면 돼요.저는 편하게 cmd창에서 수정할게요..wslconfig..

feat. ChatGPT틀린 부분 있다면 댓글에 작성해주세용리눅스 질문질문답변ls' 명령어는 무엇인가요?디렉토리의 내용을 나열합니다.cd' 명령어는 무엇인가요?현재 디렉토리를 변경합니다.pwd' 명령어는 무엇인가요?현재 작업 중인 디렉토리를 출력합니다.mkdir' 명령어는 무엇인가요?새 디렉토리를 생성합니다.rmdir' 명령어는 무엇인가요?비어 있는 디렉토리를 삭제합니다.rm' 명령어는 무엇인가요?파일이나 디렉토리를 삭제합니다.cp' 명령어는 무엇인가요?파일 및 디렉토리를 복사합니다.mv' 명령어는 무엇인가요?파일이나 디렉토리를 이동하거나 이름을 변경합니다.touch' 명령어는 무엇인가요?빈 파일을 생성하거나 파일의 타임스탬프를 갱신합니다.cat' 명령어는 무엇인가요?파일의 내용을 출력합니다.more' ..

Create a React project and set up the development environment리액트 프로젝트를 vscode에서 진행을 하는 것을 보여드릴게요. 우선 리액트 실행하기 전에 Node.js 필요해야 하니 설치를 진행하세요. 설치 후 관리자 모드 명령 프롬프트 창에서 "node -v"를 작성해서 버전을 확인해주세요.https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org설치하셨으면 리액트 프로젝트를 생성해야 하는데 vite 이용해서 빠르게 생성해보도록 할게요.npm create vite@late..

Developing a Project in WSL2 with IntelliJ IDEA on Windows프로젝트 진행 전에 갑자기 제가 좋아하는 리눅스 환경에서 개발하고 싶어서 변경하다가 글을 작성하게 됐어요. 제가 주로 우분투를 가상으로 VM에서 하는 걸 좋아하는데 WSL에서 하는 것도 좋아해서 인텔리제이를 사용해서 WSL2에 있는 프로젝트 여는 방법을 정리해볼게요. 간단하니 따라하기 쉬울거에요.https://start.spring.io/ 에서 프로젝트 압축 파일 생성해서 WSL2이 있는 폴더에 저장해서 압축 풀어주시면 돼요. 압축 파일을 그냥 보이는 폴더에 옮겨도 되지만 wsl에서 c드라이브 가서 파일 복붙하는게 제일 편해요. 아래 위치 가시면 c드라이브에 있는 폴더나 파일이 보이게 돼요. 거기서 프..