반응형 프로그래밍/[javascript] 자바스크립트56 vscode로 react 환경 구축 및 프로젝트 시작하기 기본 준비 Visual Studio Code 다운로드 Visual Studio Code 환경 설정 Visual Studio Code 프로젝트 만들기 기본 준비Visual Studio Code로 React 프로젝트를 시작하기 전에 기본적으로 Node.js가 설치 되어 있어야 합니다. 이전 글에서 Node.js 다운로드 및 설치하는 방법에 대해 이미 작성해 두었기 때문에 해당 글을 참고 하시길 바랍니다. Node.js 다운로드 및 설치하는 방법Node.js 다운로드 Node.js 설치 Node.js는 웹 개발을 포함해 다양한 개발 환경을 구축하는 필수 도구입니다. 특히 JavaScript를 사용해 백엔드까지 개발하고 싶다면 꼭 필요합니다. 따라서 Node.js 설치하spirit0833.tistory.c.. 2025. 3. 3. Node.js 설치할 때 NVM, FNM, Docker 설치 방법 정리 NVM (Node Version Manager) 장점 설치 방법 FNM (Fast Node Manager) 장점 설치 방법 Docker 장점 설치 방법 Node.js를 설치하는 방법에는 여러 가지가 있지만, 그중에서도 NVM (Node Version Manager), FNM (Fast Node Manager), Docker를 사용하는 방법이 많이 사용됩니다. NVM (Node Version Manager)NVM은 가장 많이 사용되는 Node.js 버전 관리 도구로, 여러 버전의 Node.js를 쉽게 설치하고 전환할 수 있도록 도와준다.💡 장점여러 버전의 Node.js를 쉽게 설치 및 전환 가능글로벌 패키지를 버전별로 분리하여 관리 가능설치가 간단하며 macOS, Linux, Windows에서 사용 .. 2025. 2. 28. Node.js 다운로드 및 설치하는 방법 Node.js 다운로드 Node.js 설치 Node.js는 웹 개발을 포함해 다양한 개발 환경을 구축하는 필수 도구입니다. 특히 JavaScript를 사용해 백엔드까지 개발하고 싶다면 꼭 필요합니다. 따라서 Node.js 설치하는 방법에 대해 자세하게 설명하도록 하겠습니다. Node.js 다운로드NodeJS 다운로드 페이지에 접속합니다. (https://nodejs.org/ko/download)다운로드를 원하는 버전, OS 환경, 설치 방식, 패키지 관리자를 선택해서 설치 파일을 다운로드 가능합니다.🌈 LTS 버전 (Long-Term Support): 장기 지원 버전안정성이 중요할 때 사용 (기업, 서버, 장기 프로젝트)버그 수정과 보안 패치 위주 업데이트🌈 Current 버전: 최신 기능 버전최.. 2025. 2. 27. [JavaScript] 쿠키(COOKIE) 사용법 (저장, 삭제, 가져오기) 목 차COOKIE란?쿠키 생성 (설정)쿠키 읽기쿠키 수정쿠키 삭제주의 사항 COOKIE란?쿠키는 클라이언트 측에서 작은 데이터를 저장하는 방식으로, HTTP 요청과 함께 서버로 전송됩니다. 쿠키는 브라우저의 document.cookie API를 사용하여 처리할 수 있습니다. 쿠키 생성 (설정)쿠키를 생성하려면 document.cookie에 문자열 형식으로 쿠키 정보를 추가합니다.name=value; expires=DATE; path=PATH; domain=DOMAIN; secure; SameSite=VALUE💡 쿠키 생성 예제 코드document.cookie = "username=JohnDoe"; // 기본 쿠키 설정// 만료 날짜와 추가 옵션 포함document.cookie = "username=J.. 2025. 1. 20. [JavaScript] 접속한 모바일, PC 브라우저 정보 확인하기 목 차1. 웹 브라우저 정보 가져오는 방법2. navigator 객체 주요 속성navigator.userAgentnavigator.platformnavigator.languagenavigator.languagesnavigator.vendornavigator.onlinenavigator.cookieEnabled3. 사용 예제4. 브라우저 종류와 버전 확인하는 예제5. 추가적으로 사용할 수 있는 속성들 1. 웹 브라우저 정보 가져오는 방법자바스크립트에서 사용자가 접속한 웹 브라우저 정보를 가져오려면, 브라우저의 navigator 객체를 사용하면 됩니다. 이 객체는 클라이언트(사용자)의 브라우저와 관련된 다양한 정보를 제공합니다. 2. navigator 객체 주요 속성navigator.userAgent사용자.. 2025. 1. 19. [JavaScript] 자바스크립트 삼항 연산자 사용법 및 예제 목 차1. 삼항 연산자란?2. 사용 예제2-1. 기본 사용2-2. 중첩 사용3. 주요 특징4. 주의 사항 1. 삼항 연산자란?삼항 연산자(ternary operator)는 JavaScript에서 조건에 따라 다른 값을 반환하거나 실행할 때 사용되는 짧고 간결한 조건문입니다.조건 ? 값1 : 값2;조건: 평가될 표현식으로, true 또는 false로 평가됩니다.값1: 조건이 true일 때 반환되는 값 또는 실행되는 표현식.값2: 조건이 false일 때 반환되는 값 또는 실행되는 표현식. 2. 사용 예제2-1. 기본 사용const age = 18;const canVote = age >= 18 ? "Yes" : "No";console.log(canVote); // "Yes"조건 age >= 18이 true.. 2025. 1. 3. 이전 1 2 3 4 ··· 10 다음 반응형
