본문 바로가기
728x90

전체 글112

[OS] PowerShell 과 cmd 차이 PowerShell cmd(Command Prompt) PowerShell cmd Windows 운영 체제의 명령 줄 인터페이스(Command Line Interface, CLI)를 제공 기능 및 명령어 .NET Framework 기반으로 개발되어 있어서 다양한 .NET 라이브러리와 상호 작용할 수 있고, 복잡한 작업을 자동화하고 관리하기 위한 다양한 기능과 명령어를 제공 비교적 단순한 명령어와 기능을 제공 스크립팅 언어 변수, 조건문, 반복문과 같은 고급 프로그래밍 기능을 지원 cmd는 스크립팅 기능이 제한적 오브젝트 기반 명령어가 반환하는 결과를 오브젝트로 다루 결과를 쉽게 필터링하고 변형 cmd는 텍스트 기반으로 작동하며, 오브젝트 기반의 처리가 불가능 크로스 플랫폼 지원 기본적으로 Windows에.. 2024. 2. 14.
[WEB] 웹 프론트엔드 기초 - 2. 개발 언어 및 도구, 커뮤니티 페이지 정리 HTMLHTML Help Sheethttps://www.slideshare.net/zsk/html-help-sheet-02 Html Help Sheet 02Html Help Sheet 02 - Download as a PDF or view online for freewww.slideshare.net CSSCSS Help Sheethttps://www.gosquared.com/blog/panic-over-css2-and-css3-help-sheets-are-here Panic Over! CSS2 and CSS3 Help Sheets are HereWe’re pleased to bring you the 3rd version of the GoSquared CSS Help Sheet, and a brand ne.. 2024. 2. 13.
[Network] Signaling, Signalling, Signaling System 신호 방식, 시그널링, 신호 기술, 호 제어 신호, 호 신호 Signal- 그대로 어떠한 이벤트가 발생하여 전송하는 ‘신호’이다.  Signaling- 마찬가지로 어떠한 신호를 보내는 것  시그널링 프로토콜- 통신의 상대방을 찾아 호(呼)/세션 등의 성립, 유지, 해제, 관리를 제어하는 프로토콜 시그널링(Signaling) 이란? ㅇ [통신망] 신호 방식 - 일반적으로, 두 지점간의 정보 전달시에는, . ① 전달하고자 하는 `원래의 실제 정보`와 . ② 선택,접속,경로,관리 등 연결 설정을 위한 `제어 정보`가 모두 필요하게 됨 - 이때, `정보 전달 ①`을 지원하는 `제어 정보 ②`들에 대해 다음과 같이 말하여짐 . 제어와 관련된 정보 : 신호 정보 (Signaling Information) 또는 신.. 2024. 2. 6.
[React] React 버전 정책 - 버전 업데이트 방법 및 주버전(V16, 17, 18, 19) 특징 주의해당 문서는 React 18에 대해 설명하고 있습니다. React 17은 아래를 살펴봐 주세요. https://17.reactjs.org.   개요2022-03-29에 React 18 버전(18.0.0)이 처음 배포되었습니다. 2024-04-25에 18.3.0이 출시되기까지 약 2년 동안 18.2.0이 최신 버전으로 유지되었습니다.이후 18.2.0과 동일한 기능을 유지하면서도 React 19에 맞는 변경 사항이 추가된 버전 18.3.0이 배포 2024-12-05에 React 19(19.0)가 정식 배포되었습니다.이제 최신 버전과 가장 많이 사용되는 버전을 확인하고, 버전별 변경 사항을 살펴보는 시간을 가지려고 합니다.  리액트 변경 로그https://github.com/facebook/react/bl.. 2024. 2. 2.
[windoe] cmd 터미널 D드라이브로 이동하는 방법 개요C드라이브에서 D드라이브 경로로 이동해서 작업을 하는 경우 터미널 디렉토리 이동 방법을 알아보자 방법D: 라고 입력한다. D: 2024. 1. 30.
[React] React 프로젝트 개발 정책 만들기 개요생산성 없이 비즈니스와 레이아웃이 같이 존재하는 컴포넌트는 코드 병목현상이 자주 발생할 수 있다.안정적인 개발과 생산성을 위해서라도 정확한 정책을 두고 구분하는 것이 좋다. 환경 설계디렉토리 정의public프로젝트의 index.html 파일srcsource의 약자프로젝트를 구성하는데 필요한 html, css, js 디렉토리 정책pages 정책한 폴더에 10개이상의 파일을 두지 않는다.app router vs page router 형식으로 폴더 뎁스 구축 src/components, hooks 정책비즈니스 로직이 있는경우는 hook으로 개발하는것이 좋다.간단한 state 저장 로직이라도 hook으로 구분하기 디렉토리 예)  컴포넌트 디자인 패턴1. Atomic Design- 컴포넌트가 많아졌을 때 계층.. 2024. 1. 26.
[VSCode] vscode javascript 디버깅 설정 개요Visual Studio Code의 주요 기능 중 하나는 뛰어난 디버깅을 지원하고 있다.Node.js 런타임 에 대한 디버깅 지원이 내장되어 있으며 JavaScript, TypeScript 또는 JavaScript로 트랜스파일되는 기타 언어를 디버깅도 가능하다. 이러한 내장 디버거를 활용하면 편집, 컴파일 및 디버그 루프를 가속화하는 데 도움이 된다.이번 포스팅에서는 JavaScript 디버깅 설정 방법과 node.js환경과 브라우저환경에서 디버깅 하는 방법을 정리해보았다.   Visual Studio Code 디버깅 지원 기능 확인Visual Studio Code의 주요 기능 중 하나는 뛰어난 디버깅 지원입니다. VS Code에 내장된 디버거는 편집, 컴파일 및 디버그 루프를 가속화하는 데 도움이 .. 2024. 1. 26.
[Node.js] CORS란? Express 서버에서 CORS 우회 및 Proxy 설정 방법 - http-proxy-middleware 1,2,3 버전 비교 Cross-Origin Resource Sharing(CORS)란?웹 브라우저의 강력한 보안 기능으로, 다른 도메인에 있는 서버의 자원에 접근하려는 요청을 기본적으로 차단하는 정책 CORS가 필요한 이유?브라우저가 아무런 제한 없이 모든 도메인에 접근을 허용한다면, 악의적인 웹사이트가 다른 웹사이트의 데이터를 훔치거나 조작하는 등 심각한 보안 문제가 발생할 수 있기 때문입니다.예를 들면 https://test1.com의 서비스를 https://test2.com에서 요청하려고 하면 브라우저가 기본적으로 차단하고 있다.이러한 상황을 해결하기 위해 API를 제공하는 서버에서 Access-Control-Allow-Origin을 설정하여 특정 도메인에서 요청을 허용할 수 있게 할 수 있다.// test2.com.. 2024. 1. 24.
[React] React 로컬/전역 상태 관리 - React Hook(useState), React Store(Redux) 개요React 애플리케이션에서 상태 관리는 컴포넌트 간의 데이터 흐름과 로직을 관리하는 데 핵심적인 역할을 합니다.React Store와 다양한 Hook을 활용하면 효율적으로 상태를 관리할 수 있습니다. 이번 포스팅에서는 React Store와 Hook의 개념, 그리고 상태 관리의 최적화를 위한 방법을 정리합니다. React Hook이란?React Hook은 함수형 컴포넌트에서 상태와 생명주기 메서드를 활용할 수 있게 도와주는 API입니다. useState역할: 컴포넌트 내에서 상태(state)를 관리.제한: 컴포넌트 내부에서만 사용 가능하며, 다른 컴포넌트와 상태를 공유할 수 없음.저장 방법: setState 메서드를 통해 상태 업데이트.저장 위치: 컴포넌트의 로컬 state에 저장.import Rea.. 2024. 1. 24.
728x90