프로그래밍 언어의 기초: Java와 JavaScript 개념
프로그래밍의 가장 기본적인 빌딩 블록인 Java와 JavaScript의 핵심 개념
변수, 데이터 타입, 그리고 함수가 어떻게 동작하는지 적어봄
1. Java: 숫자, 문자, 그리고 이스케이프 시퀀스
Java는 강력하고 안정적인 언어로, 숫자를 다루는 방식과 문자를 표현하는 방식이 명확하게 정의
숫자와 문자열의 이해
- 숫자: 따옴표가 없는 숫자는 숫자로 인식
예를 들어, 123은 숫자로 처리. 나눗셈 연산은 / 기호를 사용 - 문자(Character): 단일 문자는 작은따옴표로 묶어 표현
예: ‘한’ - 문자열(String): 여러 개의 문자가 결합된 것은 큰따옴표로 묶어 표현
예: "자바 공부"
이스케이프 시퀀스 활용 💡
이스케이프 문자(또는 제어 문자)는 인쇄할 수 없거나 키보드로 직접 표현하기 어려운 특별한 문자를 나타낼 때 사용됨.역슬래시()와 하나의 문자가 결합하여 사용된다
- n: 줄 바꿈 (개행)
- t: 수평 탭
- : 역슬래시 자체를 출력
- ": 큰따옴표를 출력
- ‘: 작은따옴표를 출력
예시 코드:
java
public class DataType_e {
public static void main(String[] args) {
System.out.print("여기는 첫째줄"); // ‘입니다.’와 이어서 출력
System.out.println("입니다."); // 다음 줄로 넘어감
System.out.println("여기는 둘째줄n세째줄"); // ‘n’으로 줄 바꿈
System.out.println("탭t간격"); // ‘t’으로 탭 간격
System.out.println("역슬래시를 출력: "); // ”으로 역슬래시 출력
System.out.println("큰따옴표를 출력: "Hello""); // ‘"’으로 큰따옴표 출력
System.out.println("작은따옴표를 출력: ‘A’"); // ”’으로 작은따옴표 출력
}
}
2. JavaScript: 데이터 추출 및 함수 활용
JavaScript는 웹 개발의 핵심 언어로, 데이터를 다루는 유연한 방식과 다양한 함수 활용법이 특징
List와 Object에서 데이터 똑똑하게 꺼내오기
JavaScript에서 배열(List)과 객체(Object)는 데이터를 구조화하는 데 매우 중요.
중첩된 데이터에서 원하는 값을 효율적으로 추출하는 방법
복잡한 List와 Object 데이터 구조는 다음 예시:
json
[
{
"1번 카테고리 ": [
{ "id": 1, "question": "질문1", "ansewr": "답1" },
{ "id": 2, "question": "질문2", "ansewr": "답2" }
]
},
{
"2번카테고리": [
{ "id": 3, "question": "질문3", "ansewr": "답3" },
{ "id": 4, "question": "질문4", "ansewr": "답4" }
]
}
]
이러한 데이터에서 카테고리별 질문과 답을 추출하기 위해 Object.keys()와 map() 같은 메서드를 활용할 수 있음.
JavaScript 함수 호출의 모든 것
JavaScript 함수는 특정 작업을 수행하는 코드 블록. 함수의 정의, 호출, 그리고 중요한 개념인 지역 변수
함수 구문: 함수는 function 키워드, 이름, 그리고 괄호 () 순으로 정의됩니다. 괄호 안에는 매개변수를 포함할 수 있음.
javascript
function name(parameter1, parameter2…) {
// 코드
}
함수 호출 및 값 반환: 함수가 return 문에 도달하면 실행이 중지되고, 반환 값이 함수를 호출한 곳으로 전달
javascript
let x = myFunction(4, 3); // 함수 호출, 반환 값은 x에 저장
function myFunction(a, b) {
return a * b; // 12를 반환
}
// 결과값 => 12
지역 변수: 함수 내에서 선언된 변수는 해당 함수 내에서만 접근 가능함. 이러한 지역 변수는 함수가 시작될 때 생성되고 함수가 완료되면 삭제됨됨
메서드로 함수 호출: 객체의 속성으로 정의된 함수를 메서드라고 함.
javascript
var myObject = {
firstName: "John",
lastName: "Doe",
fullName: function() {
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = myObject.fullName(); // "John Doe" 출력
함수 생성자로 함수 호출: new 키워드를 사용하여 함수를 호출하는 경우, 이는 생성자로 호출
javascript
function myFunction(arg1, arg2) {
this.firstName = arg1;
this.lastName = arg2;
}
var x = new myFunction("Jane", "Doe"); // 새로운 객체 생성
// x.firstName은 "Jane", x.lastName은 "Doe"
