반응형 Frontend24 [Vite] 이미 배포 된 프로젝트 이미지만 수정하는 방법(코드 수정X) ✅ 참고Vite를 사용하여 React 프로젝트를 build 후 배포중인 상태에서 소스코드 수정 없이 이미지를 수정하는 방법입니다. 1. 수정 전 이미지 확인수정 전 이미지를 확인합니다. 현재 이미지는 파란색 React 로고입니다.2. 현재 배포중인 dist 폴더로 이동배포된 프론트 프로젝트가 Nginx 등과 연결된 폴더로 이동합니다.$ cd [dist 폴더]# 예시# $ cd /usr/share/nginx/dist/assets참고: Nginx를 통하여 배포중이라면 대부분의 이미지는 /usr/share/nginx/dist/assets 경로에 존재합니다.하지만 이미지를 public 폴더에서 관리한다면 /usr/share/nginx/dist/public 경로로 이동해 줍니다. 3. 수정 전 이미지명 확인v.. 2025. 3. 18. [JS] JavaScript 함수(Function) 총 정리(+그림&코드) 함수가 필요한 이유변수 msg1를 선언한 후 "안녕하세요"를 할당해 변수를 출력하는 코드를 작성해 보겠습니다.let msg1 = "안녕하세요";console.log(msg1); // 안녕하세요 추가로 변수 msg2를 선언한 후 "Hello"를 할당해 변수를 출력하는 코드를 추가로 작성해 보겠습니다.let msg1 = "안녕하세요";console.log(msg1); // 안녕하세요// 추가let msg2 = "Hello";console.log(msg2); // Hello 아래 그림과 같이 변수의 값을 제외하고는 중복으로 작성된 코드가 존재합니다. 동일한 기능을 일일이 타이핑 해야하는 번거로움이 존재하기 때문에변수를 출력하는 기능을 정의하여, 함수로 만들어서 사용합니다. 함수특정 기능을 수행하는 .. 2025. 2. 27. [JS] JavaScript 자료형(Data Type) 총 정리(+그림&코드) ✅ 참고자료형을 정확하게 이해하려면 JavaScript의 변수에 대한 이해가 필요합니다.JavaScript의 변수에 대해 잘 모르신다면 🔗그림과 코드로 아주 쉽게 정리한 변수를 참고해 주세요.추가로 Object Type의 경우에는 추후에 글을 작성하겠습니다. 자료형(Type)자료형은 집합이다. 집합동일한 속성이나 특징을 가진 원소들을 묶은 것입니다.예를들어 고양이와 강아지는 "동물"이라는 집합으로 묶입니다. JavaScript에서는 숫자를 Number 라는 Type으로즉, Number Type으로 분류합니다. 문자를 String라는 Type즉, String Type으로 분류합니다. JavaScript의 자료형 JavaScript의 자료형은 크게 원시타입과 객체 타입으로 분류됩니다.원시 타입기본형 .. 2025. 2. 15. [Js] 형(Type) 변환 총 정리(+그림&코드) ✅ 참고형 변환에 대해 정확하게 이해하려면 JavaScript의 자료형에 대한 이해가 필요합니다.JavaScript의 자료형에 대해 잘 모르신다면 🔗그림과 코드로 아주 쉽게 정리한 JavaScript의 자료형(Data Type)을 참고해 주세요. JavaScript는 동적 타입 언어typeoftypeof 메서드는 변수의 자료형(Data Type)을 반환하는 메서드입니다. JavaScript는 Java와는 다르게 변수 선언시에 변수의 자료형을 선언하지 않습니다.따라서 변수의 자료형이 동적으로 변경이 가능합니다. 형 변환어떤 값의 타입을 다른 타입으로 변경하는 것을 말합니다. 아래와 같이 Number Type의 값인 1234를 String Type의 값인 '1234'로 변경하는것 입니다. 형 변환.. 2025. 2. 15. 이전 1 2 3 4 ··· 6 다음 반응형
