#daysofMiva 챌린지 둘째 날.

100일 챌린지 1일차

날짜:2024년 8월 21일

목표: JavaScript의 변수, 논리 연산 및 데이터 유형을 배우고 이해하려면 JavaScript를 사용하여 수학 문제를 해결하고 이벤트 리스너 및 조건문에 대해 학습해 보세요.

1. 자바스크립트 변수 소개

오늘은 변수에 대해 배우면서 JavaScript로의 여정을 시작했습니다. JavaScript의 변수는 숫자, 텍스트 또는 기타 유형의 값일 수 있는 데이터를 보유하는 컨테이너와 같습니다. let, const, var 키워드를 사용하여 변수를 선언하는 방법을 배웠습니다.

• let을 사용하면 나중에 변경할 수 있는 변수를 만들 수 있습니다.
• const는 재할당할 수 없는 변수를 생성합니다.
• var는 변수를 선언하는 오래된 방법이지만 여전히 사용되고 있습니다.

---

2. 논리연산 및 데이터 유형의 이해

다음으로 JavaScript에서 의사결정에 사용되는 논리연산을 살펴보았습니다. 기본적인 논리연산자에 대해 알아봤습니다:

다음과 같은 다양한 데이터 유형에 대해서도 배웠습니다.

3. 자바스크립트로 수학 문제 풀기

변수와 데이터 유형에 대한 지식을 적용하여 간단한 수학 문제를 해결했습니다. 문제는 너비와 높이를 고려하여 직사각형의 면적을 계산하는 것이었습니다.

4. 이벤트 리스너 소개

계속해서 이벤트 리스너에 대해 배우기 시작했습니다. 이벤트 리스너는 사용자가 버튼을 클릭하는 등의 특정 이벤트가 발생할 때까지 기다린 다음 일부 작업을 트리거하는 함수입니다.

간단히 말하면:
이벤트 리스너를 사용하면 JavaScript가 웹페이지에서 버튼 클릭, 텍스트 상자에 입력, 요소 위로 마우스 가져가기 등의 사용자 작업에 응답할 수 있습니다.

클릭하지 않은 경우

클릭하면 데이터 로드 중이 표시됩니다. 그런 다음 "콜백을 통해 데이터 로드됨"이 표시됩니다

이것은 자바스크립트의 이벤트 리스너 작업입니다

5. 조건문의 이해

또한 코드에서 결정을 내릴 수 있게 해주는 조건문에 대해서도 배웠습니다. 조건문은 조건이 참인지 거짓인지 확인한 후 그 결과에 따라 코드 블록을 실행합니다.

6 JavaScript의 While 루프와 For 루프 이해하기

While 루프:
JavaScript의 while 루프는 지정된 조건이 true인 한 코드 블록을 계속 실행합니다. 누군가가 정답을 얻을 때까지 계속해서 질문하는 모습을 상상하며 이 개념을 이해하려고 노력했습니다.

간단한 정의:
while 루프는 특정 조건이 true인 한 계속 실행됩니다.

예:

let number = 1;

while (number <= 5) {
    console.log(number);
    number++;
}

이 예에서 루프는 number = 1로 시작하고 number가 5보다 작거나 같으면 계속 실행됩니다. number 값을 인쇄한 다음 매번 1씩 증가시킵니다.

For 루프:
for 루프는 while 루프와 유사하지만 일반적으로 루프를 실행하려는 횟수를 알면 더 간결하고 작성하기 쉽습니다.

간단한 정의:
for 루프는 코드 블록을 특정 횟수만큼 반복합니다.

예:

for (let i = 1; i <= 5; i++) {
    console.log(i);
}

이 for 루프에서는 i가 1에서 시작하여 5에 도달할 때까지 각 루프마다 1씩 증가합니다. 루프는 while 루프와 마찬가지로 5번 실행됩니다.

While과 For 루프의 차이점:

• While 루프: 루프를 몇 번 실행해야 할지 모르지만 확인할 조건이 있는 경우에 가장 적합합니다.
• For 루프: 루프가 몇 번 실행되어야 하는지 정확히 아는 경우에 가장 좋습니다.

시나리오:
동전을 던지고 있다고 상상해 보세요. 앞면이 나올 때까지 계속 뒤집기를 원합니다. 얼마나 많이 뒤집어야 할지 모르기 때문에 while 루프를 사용하여 앞면이 나올 때까지 계속 뒤집습니다.

이제 동전을 정확히 5번 뒤집으려면 결과에 관계없이 정확히 5번 뒤집어야 한다는 것을 알기 때문에 for 루프를 사용합니다.

요약:

• While 루프: 앞면이 나올 때까지 계속 뒤집습니다.
• For 루프: 동전을 정확히 5번 뒤집습니다.

루프를 이해하는 데는 약간의 노력이 필요했지만 이 연습을 통해 코드에서 작업을 효율적으로 반복하는 데 루프가 얼마나 유용한지 알 수 있었습니다.

내 경험

너무 답답하고 스트레스를 받았어요. PC가 거의 부서지는 듯한 느낌이 들 정도로 정말 마음에 들었습니다. 정말 압도적이었습니다! 어디에서 문제가 발생했는지 알아낼 수 있도록 도와주실 수 있나요?...?‍♂️?‍♂️?‍♂️?‍♂️, 저는 너무 많은 버그를 처리해야 했고 디버깅하는 것이 스트레스를 가중시켰습니다. 하지만 저는 잠시 휴식을 취하고 마음을 다시 정립하여 마침내 문제를 파악하기로 결정했습니다. 나는 무슨 일이 있어도 최고의 나 자신이 될 수 있다고 스스로에게 계속해서 다짐했습니다.

그런데 자바스크립트는...????

결론

변수, 논리 연산, 데이터 유형, 조건문을 배우며 JavaScript의 탄탄한 기초를 다지면서 첫 번째 날은 생산적이었습니다. 또한 JavaScript가 이벤트 리스너를 통해 사용자 작업과 상호 작용하는 방법을 탐색하기 시작했습니다. 앞으로도 이 여행을 계속하고 JavaScript에 대한 이해를 심화할 수 있게 되어 기쁩니다.

좋아요, 공유, 구독, 팔로우도 부탁드리고, 자바스크립트 햄버거에 어떤 음료를 먹어야 할지 댓글도 달아주세요...ㅋㅋㅋ???

위 내용은 #daysofMiva 챌린지 둘째 날.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!