Language/javascript6 [테이블에서 클릭마다 "O" "X" 각각 숫자 올라가기 해주기]조건에 따라 처리하기 if문 , 조건문 연산자 '?' https://ko.javascript.info/ifelse if와 '?'를 사용한 조건 처리 ko.javascript.info 조건문 연산자 '?'로 시도해보았다. APlayer: this.state.xIsNext? this.state.APlayer +1 : this.state.APlayer +0, Bplayer: this.state.xIsNext? this.state.BPlayer +0 : this.state.BPlayer +1, handleClick(i) { const history = this.state.history.slice(0, this.state.stepNumber + 1); const current = history[history.length -.. 2024. 6. 15. [javascript]export default return 키워드의 의미. export default function Square() { return X;} 첫 번째 줄: Square 함수를 정의합니다. export : 이 함수를 파일 외부에서 접근할 수 있도록 만들어 줍니다. default : 코드를 사용하는 다른 파일에서 이 함수가 파일의 주요 함수임을 알려줍니다. 두 번째 줄은 버튼을 반환합니다. return : 해당 키워드 뒤에 오는 모든 것이 함수 호출자에게 값으로 반환됨을 의미합니다. : JSX 엘리먼트입니다. JSX 엘리먼트 : JavaScript 코드와 HTML 태그의 조합으로 표시할 내용을 설명합니다. className="square"는 버튼 prop 또는 프로퍼티로, CSS에 버튼의 스타일을 지정하는 방법을 알려줍니다. X는 버튼 내부에 표시되는 텍스트.. 2024. 6. 1. 자바스크립트 every() 함수: 배열 검사 한번에 하기 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/every Array.prototype.every() - JavaScript | MDNArray 인스턴스의 every() 메서드는 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 테스트합니다. 이 메서드는 불리언 값을 반환합니다.developer.mozilla.org Array 인스턴스의 every() 메서드는 배열의 모든 요소가 제공된 함수로 구현된 테스트를 통과하는지 테스트합니다. 이 메서드는 불리언 값을 반환합니다. #시도해보기JavaScript Demo: Array.every()const isBelowThreshold = (curren.. 2024. 5. 31. 매개변수와 인자의 차이 (feat 게임만들기 리액트 예시) 매개변수 (Parameter) : 함수를 정의할 때 사용되는 변수 (variable)함수를 정의할 때 사용하는 변수입니다. 함수가 호출될 때 인자를 받을 수 있도록 준비하는 역할을 합니다.예를 들어, generateWinningLines(boardSize) 함수 정의에서 boardSize는 매개변수입니다.인자 (Argument) : 실제로 함수를 호출할 때 넘기는 변수값 (value)함수를 호출할 때 전달되는 실제 값입니다. 함수의 매개변수로 전달되어 함수 내에서 사용됩니다.예를 들어, calculateWinner(squares, 3) 함수 호출에서 3은 인자입니다. 예시function generateWinningLines(size) { // size는 매개변수 (Parameter) cons.. 2024. 5. 29. 객체, 객체 속성 접근 -> 점(.)표기 대괄호([])표기법의 특징 및 차이점 객체 (Objects) JavaScript 언어 개요 - JavaScript | MDNJavaScript는 타입 및 연산자, 표준 내장 객체 및 메소드를 포함하는 다중 패러다임 동적 언어입니다. 문법은 Java 및 C 언어를 기반으로 합니다. 해당 언어들의 많은 구조가 JavaScript에도 적용됩니다.developer.mozilla.org JavaScript 객체는 간단히 이름-값 쌍(name-value pairs)의 모임입니다. 따라서 JavaScript의 객체의 모임은 다음과 비슷합니다. JavaScript의 객체는 해시(hashes)입니다.정적으로 타입이 지정된 언어의 객체와 달리, JavaScript의 객체는 모양이 고정되어 있지 않습니다. 속성은 언제든지 추가, 삭제, 재정렬, 변경 또는 동.. 2024. 5. 17. try...catch / try...finally 구문의 이해 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/try...catch try...catch - JavaScript | MDNThe try...catch statement is comprised of a try block and either a catch block, a finally block, or both. The code in the try block is executed first, and if it throws an exception, the code in the catch block will be executed. The code in the finally blocdeveloper.mozilla.org -.. 2024. 5. 17. 이전 1 다음