hy30nq's blog

JavaScript의 'new' 키워드 이해하기 안녕하세요, 오늘은 JavaScript 프로그래밍 언어에서 중요한 역할을 하는 'new' 키워드에 대해 알아보겠습니다. JavaScript 초보자들에게는 다소 낯선 개념일 수 있지만, 이 글을 통해 'new' 키워드의 기능과 사용 방법을 쉽게 이해할 수 있을 것입니다. 'new' 키워드란 무엇인가? JavaScript에서 'new' 키워드는 객체 생성자(constructor)를 사용하여 새로운 객체를 생성하는 데 사용됩니다. 이 키워드를 사용하면 개발자는 특정 타입의 새 객체를 만들고 그 초기 상태를 설정할 수 있습니다. 'new'의 기본 사용 방법 'new' 키워드를 사용하는 기본적인 방법은 다음과 같습니다. function Car(model, year)..

코드 사이트 https://tictactoeforhyeonql.netlify.app/ Tic Tac Toe Play Tic, Tac, Toe Built with HTML, CSS, JavaScript and - of course - lots of love! tictactoeforhyeonql.netlify.app

자바스크립트를 활용한 사용자 설정 저장: 폼 데이터 처리하기 안녕하세요, 여러분! 오늘은 웹 개발에서 자주 사용되는 폼 데이터 처리 방법을 자바스크립트를 통해 어떻게 구현하는지에 대해 자세히 알아보겠습니다. 특히, 사용자의 입력을 받아 이를 처리하는 방법을 집중적으로 다룰 것입니다. 폼 데이터 처리의 기본 웹사이트에서 사용자의 데이터를 받는 일반적인 방법은 태그를 사용하는 것입니다. 사용자는 폼에 데이터를 입력하고, '제출(submit)' 버튼을 클릭하면 이 데이터가 서버로 전송됩니다. 하지만 때때로, 데이터를 서버로 바로 보내지 않고 자바스크립트를 통해 먼저 처리해야 할 필요가 있습니다. 이럴 때 event.preventDefault() 메소드가 중요한 역할을 합니다. event.preventDefau..

오늘 작성한 코드 Play Tic, Tac, Toe Built with HTML, CSS, JavaScript and - of course - lots 0f love! Choose your name Player name Cancel Confirm Player 1 PLAYER NAME X Edit Player 2 PLAYER NAME O Edit Start New Game You won, PLAYER NAME! Click "start new Game" above, to sstart a new game! It's yout turn PLAYER NAME! body { margin: 0; font-family: "Open-Sans", sans-serif; color: rgb(44, 41, 44); backgro..

오늘 공부한 코드 JavaScript Loops in Action JavaScript Calculator Determine the sum of all numbers (beginning at zero) up to a number of your choice. Your Number Calculate Sum Highlight Links Highlight all links in the text This is some text that also contains useful links (like this one that actually lead nowhere. They lead nowhere because this text and example is not about the anchor elements or the ..

자바스크립트 조건문 이해하기: if 문의 기본과 활용 서론 자바스크립트에서 조건문은 프로그램의 흐름을 제어하는 데 필수적인 요소입니다. 이 중 if 문은 가장 기본적인 조건문으로, 특정 조건에 따라 코드 블록을 실행하거나 건너뛰게 합니다. 이 블로그에서는 if 문의 기본 구조와 사용 방법, 그리고 일반적인 사용 사례를 살펴보겠습니다. if 문의 기본 구조 if 문은 다음과 같은 구조를 가지고 있습니다: if (조건) { // 조건이 참일 때 실행할 코드 } 여기서 "조건"은 참(true) 또는 거짓(false)으로 평가될 수 있는 표현식입니다. 조건이 참이면, 중괄호 {} 안에 있는 코드가 실행됩니다. 예제 코드: var age = 20; if (age >= 18) { console.log("성인입니다...

자바스크립트 이벤트 핸들링 이해하기: function(event)의 역할과 사용법 서론 웹 개발에서 자바스크립트는 사용자와의 상호작용을 구현하는 데 핵심적인 역할을 합니다. 이러한 상호작용은 대부분 이벤트 핸들링을 통해 이루어집니다. 이 블로그에서는 자바스크립트의 function(event) 구문을 사용하여 이벤트를 어떻게 처리하는지 탐구합니다. 이벤트 핸들링이란? 웹 페이지에서 이벤트는 사용자 또는 브라우저에 의해 발생하는 어떤 행동이나 발생 사항을 의미합니다. 예를 들어, 사용자가 버튼을 클릭하거나 키보드를 누르는 것이 이벤트에 해당합니다. 이벤트 핸들링은 이러한 이벤트에 반응하여 특정 작업을 수행하는 것을 말합니다. function(event)의 구조와 작동 원리 function(event)는 이벤..