본문 바로가기
반응형

Frontend/JavaScript10

[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.
[JS] 변수와 상수(var, let, const) 총 정리(+그림&코드) 변수와 상수변수나 상수는 "값을 저장하는 박스"입니다.숫자 뿐만이 아니라 어떠한 값이던 저장이 가능합니다.참고: 변수와 상수의 더 자세한 설명은 아래의 글을 참고해 주세요.  변수 선언JavaScript에서는 변수를 선언하면 JavaScript 메모리에 값을 저장할 수 있습니다.그리고 변수의 이름을 통해서 해당 메모리에 접근할 수 있습니다.// age라는 변수를 선언한다.let age;  변수 할당변수를 선언하고, 선언한 변수에 값을 저장하는 것을 "변수를 할당한다"고 합니다.“변수를 할당한다”라는 의미는 크게 두가지로 나눌수 있습니다.변수를 초기화한다.가장 처음 변수를 할당하는 것을 뜻합니다.변수를 재할당한다.이미 할당한 변수를 다시 할당하는것을 뜻합니다.let age;// age라는 변수에 값을 할당.. 2025. 2. 14.
반응형