Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

검증된 연습문제와 퀴즈로 JavaScript를 마스터하세요

JavaScript는 인터넷의 핵심 기술 중 하나인 널리 사용되는 프로그래밍 언어입니다. 클라이언트 측 웹 동작은 물론 데스크톱 앱 및 모바일 앱 개발에도 사용되는 코드 편집기입니다. 웹 페이지 상호 작용을 위해 클라이언트 측과 서버 측에서 사용되는 크로스 플랫폼, 객체 지향 스크립팅 언어입니다. 초보자라면 JavaScript에 대한 도움을 쉽게 받을 수 있습니다.

JavaScript(JS)는 배우기 가장 쉬운 프로그래밍 언어 중 하나이므로 코딩 초보자가 선택하는 언어 중 하나입니다. 이 코드 편집기를 사용하여 기술을 배우고, 연습하고, 향상시키는 가장 좋은 방법 중 하나는 기본 연습과 연습 프로젝트를 이용하는 것입니다. 이를 통해 언어를 더 잘 이해할 수 있습니다. 이 기사에서는 기본 JavaScript 연습 목록과 기술을 연마하는 데 도움이 되는 추가 리소스를 선별했습니다. “JavaScript를 어디에서 연습할 수 있나요?”라고 물어보신 적이 있으신가요? 그럼 계속 읽어보세요.

많은 코딩 플랫폼에서는 초보자와 고급 학습자가 코딩을 연습하고 JavaScript 사용 방법을 배울 수 있도록 연습, 대화형 강좌, 프로젝트 아이디어를 제공합니다. 이러한 다양한 플랫폼에서 기술을 구축하고 향상시키는 데 도움이 되는 JS 연습을 찾을 수 있습니다. 이러한 연습 과제는 경력 발전에 필수적인 다양한 JavaScript 작업을 다룹니다.

10가지 JavaScript 연습 및 연습 문제(솔루션 포함)

1. JS 기본

이 연습은 JavaScript가 작동하는 방식과 프로그램으로 무엇을 할 수 있는지 이해하는 데 도움이 되는 간단한 스크립트를 통해 JavaScript를 소개합니다. 초급 수준 지식의 예는 현재 시간과 날짜를 특정 형식으로 알려주는 JavaScript 프로그램을 작성하는 방법입니다. 이는 상대적으로 완료하고 실행하기 쉬운 입문 연습입니다. 

해결책: 해결책은 변수를 현재 날짜로 입력하고 여기에 새 날짜를 할당하는 것입니다. 

2. JS 변수

변수는 JavaScript의 필수적인 부분입니다. 나중에 변경될 수 있는 데이터 값을 식별하고 저장하는 데 사용됩니다. 변수는 변수를 선언하고 액세스할 때, 전후에 "=" 기호를 사용하여 값에 할당됩니다. 이 연습에서는 변수를 사용하고, 데이터 값을 할당하고, 객체 속성을 선언하고 액세스하는 방법을 배웁니다. 이 연습은 JavaScript 코딩을 시작하는 데 도움이 될 것입니다.

해결책: 해결책은 변수 "var"에 값을 생성하고 여기에 값을 할당하는 것입니다. 다음으로 변수를 사용하여 값을 표시하는 방법을 알아봅니다. 이 특정 예에서는 "Volvo"라는 용어를 사용하여 변수 자동차 이름을 생성합니다.

3. JS 연산자

JavaScript에서는 연산자를 사용하여 값을 비교하거나, 산술 연산을 수행하거나, 특정 값을 조작할 수 있습니다. JS 연산자 연습에서는 데이터 값을 곱하고 나누는 방법, 결과 경고, 나머지 경고 및 할당 연산자 사용 방법을 배웁니다. 이 연습에는 데이터 값을 더하고 변수를 더 잘 사용하는 방법을 배우는 것이 포함됩니다.

해결책: 이 연습에서는 데이터 값 10과 5를 곱하고 답을 알려야 합니다. 다음은 두 값 10과 2를 나누어 결과를 경고하는 것입니다. 그런 다음 15를 9로 나눈 후 다른 값 집합의 나머지를 가져와야 합니다. 마지막으로 두 값이 더해지는 할당 연산자를 선택합니다. 

4. JS 함수

JavaScript 함수는 기본 가져오기 함수와 같이 작업을 수행하거나 값을 계산하는 명령문 그룹입니다. 함수를 사용하면 코드 블록을 여러 번 정의하고, 이름을 지정하고, 실행할 수 있습니다. JS 함수의 가장 일반적인 예는 "Hello World!"입니다. 이 연습에서는 JS 함수의 이름을 효율적으로 지정하고 실행하는 방법을 알려줍니다. 함수를 만들고 이름을 지정하고 함수를 표시하는 방법을 배우게 됩니다.

해결책: 해결책은 'myFunction'을 사용하여 "Hello World!"를 경고하는 함수를 생성하고 이름을 지정하고 실행하는 방법을 배우는 것입니다. 그런 다음 함수가 "Hello"를 반환하도록 하고 마지막으로 함수가 "Hello"를 표시하도록 만듭니다.

5. JS 이벤트

JS 이벤트는 사용자나 브라우저가 페이지를 조작하고 페이지가 로드될 때 발생합니다. 사용자가 해당 페이지에 있을 때 발생하는 다른 모든 일도 이벤트입니다. 예를 들어, 사용자가 버튼을 클릭하거나, 창을 닫거나, 아무 키나 누르는 경우가 있습니다. 이 연습에서는 누군가 클릭할 때 반응을 유발하는 버튼을 만드는 방법을 배웁니다.

해결책: 누군가가 클릭하려고 하면 어떤 작업을 수행하는 버튼 요소를 만듭니다(예:'onclick'). 그런 다음 버튼을 클릭할 때 실행되어야 하는 함수를 만들고 이름을 지정합니다. 마지막으로 사용자가 버튼을 클릭할 때 나타나는 색상을 만듭니다.  

6. JS 문자열

JavaScript의 문자열은 기본 데이터 유형이며 불변입니다. 즉, 변경하거나 이동할 수 없습니다. 문자열은 작은따옴표 또는 큰따옴표로 닫아야 합니다. 문자열을 변경하거나 이동할 수는 없지만 변수 이름을 새 문자열에 연결할 수 있습니다. 이 연습은 문자열을 분할하고 이를 단어 배열로 변환하는 JavaScript 함수를 작성하는 것입니다. 이 내용을 숙지하고 나면 템플릿 문자열에 대해 배울 수 있습니다.

해결책: 문자열을 함수 배열로 생성하고, 길이 속성을 사용하여 함수의 길이를 경고하고, 이스케이프 문자를 사용하여 문자열을 쓴 다음, 문자열을 분할하여 출력을 얻습니다. 예를 들어 ['Hello, World'] 또는 ['Hello, World']입니다.

7. JS 비교

JavaScript 비교 연산자는 두 값을 비교하고 true 또는 false 부울 값을 반환합니다. 결정을 내리고 루프를 만드는 데 사용됩니다. 이 연습에서는 JavaScript로 비교하는 방법을 배우게 됩니다. 부울 값을 경고하려면 올바른 비교 연산자를 선택해야 합니다. 

해결책: x가 y보다 클 때 true를 경고하려면 올바른 비교 연산자를 선택하세요. 즉, "x=10; y=5; 경고(x>y) .” 또 다른 방법은 x가 "y x=5; y=10; Alert(x!>y)보다 크지 않을 때 경고할 비교 연산자를 선택하는 것입니다. .”  

8. JS 배열

JavaScript의 배열은 순서가 지정된 값 목록입니다. 단일 변수를 사용하여 여러 요소나 값을 한 번에 저장합니다. 단일 변수로 쉽게 액세스하려는 요소 목록이 있는 경우에 가장 적합합니다. 이 연습에는 "입력"이 배열인지 여부를 확인하는 JavaScript 함수 작성이 포함됩니다.

해결책: 먼저 변수를 만들고 함수를 입력한 다음 부울 값을 반환하도록 프로그램을 설정해야 합니다. 그런 다음 올바른 배열 속성을 사용하여 배열의 항목 수를 경고해야 합니다. 

9. JS 조건

JavaScript에서 조건문은 동작을 제어하고 코드 조각이 실행될 수 있는지 결정합니다. JS에는 "if", "else" 및 "else if" 문을 포함하여 세 가지 유형이 있습니다. 이 연습에서는 x가 y보다 크면 "Hello World"를 경고하고 그렇지 않으면 "Goodbye"를 경고하도록 if 문을 수정해야 합니다.

해결책: 여기서 해야 할 일은 변수 x와 y의 시작 부분에 "if"를 포함시켜 함수에 경고를 보내고 "else"를 경고 시작 부분에 포함시키는 것입니다.

10. JS 수학

JavaScript의 Math는 숫자에 대한 수학적 작업을 수행할 수 있는 속성과 메서드가 포함된 내장 개체입니다. JS 수학 연습을 통해 수학 방법을 사용하여 숫자를 계산하는 방법을 배울 수 있습니다. 예를 들어 올바른 수학 방법을 사용하여 9의 제곱근을 구하는 것입니다.

해결책: 해결책은 x =math.sqrt(9)로 두는 것입니다.

JavaScript에 대한 도움을 받는 방법

검증된 연습문제와 퀴즈로 JavaScript를 마스터하세요 선호하는 학습 스타일에 관계없이 전문 개발자가 되는 방법을 배우는 데 도움이 되도록 설계된 대규모 커뮤니티 소스 JavaScript 연습 모음이 있습니다.

JavaScript는 오늘날 가장 널리 사용되는 프로그래밍 언어 중 하나입니다. JavaScript 학습에 도움을 받을 수 있는 옵션은 다양합니다. 코딩 부트캠프에 가거나, 온라인 학습 플랫폼을 방문하거나, 웹사이트에서 JavaScript 연습을 연습하거나, 간단하거나 복잡한 프로젝트를 연습하거나, 블로그를 읽거나, JavaScript 포럼에 참여할 수 있습니다. 

자바스크립트 연습

JavaScript 연습은 언어 연습에 도움이 되는 코딩 연습입니다. 여러 웹사이트에서는 기술을 개발할 수 있도록 연습할 수 있는 다양한 코딩 연습을 제공합니다. 일반적으로 문제를 해결하고 진행 상황을 확인하는 올바른 방법을 찾는 데 도움이 되는 솔루션이 포함되어 있습니다.  

자바스크립트 프로젝트

실제 프로젝트에 참여하는 것은 프로그래밍 언어를 배우는 훌륭한 방법입니다. 초보 JavaScript 프로젝트를 조사하고 여러 번 수행하는 것부터 시작할 수 있습니다. 이는 실용적인 기술을 배우고, 속도를 향상시키며, 포트폴리오를 위한 탄탄한 기반을 구축하는 데 도움이 될 것입니다. JavaScript 계산기, 대화형 랜딩 페이지 또는 tic-tac-toe 게임은 훌륭한 연습 프로젝트입니다. 

자바스크립트 퀴즈

퀴즈는 해당 분야의 지식과 기술을 테스트하기 위한 일반적인 질문이 포함된 짧은 테스트입니다. JavaScript에 대한 퀴즈를 제공하는 온라인 웹사이트가 많이 있습니다. 이 테스트를 통해 JS 기술을 배우고 연습할 수 있습니다. 진행 상황을 추적하여 얼마나 배웠는지, 아직 배워야 할 내용이 얼마나 되는지 확인할 수 있습니다. 도움이 될 수 있는 웹사이트로는 W3Schools, Skillvalue 및 Code Conquest가 있습니다.

검증된 연습문제와 퀴즈로 JavaScript를 마스터하세요

"Career Karma는 제가 가장 필요할 때 제 삶에 들어왔고 빠르게 부트캠프에 적응할 수 있도록 도와주었습니다. 졸업한 지 두 달 만에 저는 제 삶의 가치와 목표에 맞는 꿈의 직업을 찾았습니다!"

Venus, Rockbot의 소프트웨어 엔지니어

귀하에게 적합한 부트캠프 찾기

자바스크립트 포럼 및 블로그

포럼에 참여하면 업계 동향에 대한 최신 정보를 얻고, 자세히 알아보고, 기술을 향상하고, 채용 공고에 대한 인식을 높이는 데 도움이 될 수 있습니다. 일부 블로그는 초보자에게 JavaScript를 가르치는 데 중점을 두는 반면 다른 블로그는 고급 코딩 지식을 갖춘 코더를 위한 것입니다. 일반적으로 언어 학습에 도움이 되는 단계별 가이드나 튜토리얼이 포함되어 있습니다. 

자바스크립트는 어디서 연습할 수 있나요?

JavaScript를 사용하여 연습할 수 있는 웹사이트가 많이 있습니다. 여기에는 일반적으로 학습을 더 쉽고 효율적으로 만들어주는 튜토리얼, 단계별 가이드, 간단한 연습과 같은 놀라운 콘텐츠가 포함되어 있습니다. 아래에서 그 중 일부를 찾을 수 있습니다. 

자바스크립트 연습을 위한 웹사이트

  • W3Schools . W3Schools는 신규 및 숙련된 웹 개발자가 자신의 기술을 배우고 연습할 수 있는 코딩 웹사이트입니다. 이 웹사이트는 JavaScript를 포함한 모든 웹 개발 프로그래밍 언어에 대한 튜토리얼을 제공합니다. 이 웹사이트에서 JS와 그 구문에 대해 알아야 할 모든 것을 배울 수 있습니다.
  • W3리소스 . W3Resource는 JavaScript를 포함한 웹 개발 프로그래밍 언어에 대한 광범위한 튜토리얼과 퀴즈를 제공하는 웹사이트입니다. 이것은 초보자가 사용하고 전문적인 기술을 익히는 데 도움이 되는 웹사이트입니다. JS 연습을 여러 번 연습하고 퀴즈를 사용하여 진행 상황을 모니터링할 수 있습니다.
  • 실습 . Practity는 JavaScript를 포함한 여러 언어로 프로젝트, 프로그래밍 연습 및 퀴즈 작업을 할 수 있는 웹사이트입니다. 이 웹사이트는 초보자 수준의 JavaScript 연습 연습을 많이 포함하고 있으므로 이제 막 시작하는 사람들에게 훌륭한 버전입니다. 
  • 운동 . 이는 50가지 프로그래밍 언어에 대한 연습 과제를 제공하므로 코딩을 위한 최고의 온라인 학습 플랫폼 중 하나입니다. Exercism은 무료로 사용할 수 있으며 초보자에게 친숙하도록 설계되었으며 재미있는 JavaScript 연습이 포함되어 있습니다. 기술 수준에 관계없이 플랫폼에서 모든 프로그래밍 언어를 배울 수 있습니다.
  • 코드 전쟁 . Code Wars는 코딩을 배우고 연습할 수 있는 온라인 코딩 플랫폼입니다. 이 플랫폼에는 이 커뮤니티의 일부인 프로그래머가 코딩 챌린지에 참여하고 지식과 기술을 쌓을 수 있는 챌린지 라이브러리가 있습니다.  

JavaScript를 배우는 가장 좋은 방법은 무엇인가요?

JavaScript를 배우는 가장 좋은 방법은 원하는 대로 리소스를 사용하고 정기적으로 연습하는 것입니다. JavaScript는 오늘날 가장 인기 있는 프로그래밍 언어 중 하나이며 인터넷에 있는 많은 웹사이트에서 쉽게 배울 수 있습니다. 온라인 강좌를 수강하거나 코딩 부트캠프에 등록하여 시작할 수 있습니다. 이러한 옵션은 전문가가 되기 위해 필요한 도움을 줄 수 있지만, 새로운 기술을 최대한 활용하려면 정기적으로 연습해야 합니다.

자바스크립트 연습 FAQ

자바스크립트를 어떻게 연습하나요?

JavaScript를 연습하려면 연습 문제를 사용하고, 프로젝트를 구축하고, 기존 프로젝트를 개선하고, 연습 과제를 사용하고, JavaScript 퀴즈를 풀고, JavaScript 포럼이나 커뮤니티에 가입해야 합니다.

자바스크립트를 매일 연습하려면 어떻게 해야 하나요?

프로젝트 아이디어 조사, 복잡한 프로젝트 구축, 연습 문제 풀기, 퀴즈 풀기, 코딩 챌린지 참여, 튜토리얼 비디오 시청 등을 통해 매일 JavaScript를 연습할 수 있습니다.

온라인 어디에서 JavaScript를 연습할 수 있나요?

freecodecamp, W3resources, W3schools, Code Wars, Practity 및 Exercism과 같은 웹사이트에서 온라인으로 JavaScript를 연습할 수 있습니다.

HTML과 CSS 없이 JavaScript를 배울 수 있나요?

예, 가능합니다. 그러나 선언 및 클로저와 같이 JS 컴파일러에서 독립적으로 실행될 수 있는 Node JS 및 기타 JavaScript 주제를 배우게 됩니다.