본문 바로가기

자바스크립트44

JavaScript 전역변수와 지역변수의 소개, 특징, 차이점, 예시 코드 JavaScript 전역변수와 지역번수의 소개, 특징, 차이점, 예시코드 JavaScript에서 변수는 전역변수와 지역변수 두 가지 범위로 나뉩니다. 이 글에서는 이 두 분류의 변수의 차이점과 예시 코드를 통해 이해해보겠습니다. 전역변수 (Global Variables) 문법과 자료형 - JavaScript | MDN 이 장은 JavaScript의 기본 문법과 변수 선언, 자료형 및 리터럴을 다룹니다. developer.mozilla.org 전역변수는 어디서든 접근 가능한 변수로 프로그램 전체에서 사용할 수 있는 변수를 의미합니다. 전역변수의 특징 어디서든 접근 가능하며 어디서든 수정 가능합니다. 전역변수는 프로그램의 어느 위치에서도 호출 가능합니다. 전역변수는 전역 스코프(Global Scope)에 속.. 2023. 10. 22.
내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 개인프로젝트 - 최고 평점 영화 검색 사이트 내일배움캠프 첫 개인프로젝트는 최고 평점 영화 검색하는 페이지 구현이었습니다. 이 글에서는 프로젝트 진행 과정과 어려웠던 부분, 그리고 어떻게 극복하였는지에 대해 소개하겠습니다. 과제 요구 사항 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강 1시간 만에 코딩을 무료로 배워 인생사진을 모아 추억을 기록하는 네컷사진으로 만들어보세요. spartacodingclub.kr 과제의 가장 큰 개요는 다음과 같았습니다. 순수 바닐라 자바스크립트만으로 영화 리스트 조회 및 검색 UI 구현 학습해온 자바스크립트 문법을 최대한 활용 스타일링 작업하며 css 와 친해지기 이 중 다행이었던 점은 CSS 사용 간에 부트스트랩 사용을 허용한 부분이었습니다. 부트스트랩.. 2023. 10. 21.
JavaScript 실시간 시계 - 소스 코드 제공 JavaScript 실시간 시계 - 소스 코드 제공 이번 글에서는 HTML, CSS, 그리고 JavaScript를 활용하여 디지털 시계를 만드는 방법을 알아보겠습니다. 디지털 시계는 웹 페이지에 실시간 시간을 표시하는 간단한 예제로, 웹 개발에 입문하는 데 도움이 될 것입니다. HTML 구조 javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) 자바스크립트에서 변수를 선언하는 방법은 크게 세 가지가 있습니다. var, let, 그리고 const. 이들 각각의 특징과 사용법에 대해 알아보겠습 lemonlog.tistory.com HTML과 CSS는 디지털 시계를 웹 페이지에 그리는 데 .. 2023. 10. 21.
javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) javascript 변수 선언 방법 3가지 특징, 비교 (var, let, const) 자바스크립트에서 변수를 선언하는 방법은 크게 세 가지가 있습니다. var, let, 그리고 const. 이들 각각의 특징과 사용법에 대해 알아보겠습니다. var, 더 이상 권장되지 않는 변수 선언 방식 var - JavaScript | MDN var 문은 변수를 선언하고, 선택적으로 초기화할 수 있습니다. developer.mozilla.org var는 자바스크립트에서 가장 오래된 변수 선언 방식 중 하나입니다. 하지만 최근의 ECMAScript 표준에서는 더 이상 권장되지 않습니다. var의 특징은 다음과 같습니다 var myVar = "Hello World"; var myVar = "test1"; // 다시 선언 .. 2023. 10. 19.
JavaScript Uncaught TypeError: Cannot read properties of null JavaScript Uncaught TypeError: Cannot read properties of null 웹페이지 작성 중에 Uncaught TypeError: Cannot read properties of null 오류를 접하게 되었습니다. script 작성간의 문제인 줄 알았는데 원인을 따로 있었습니다. 이 글에서는 해당 오류 설명과 함께 해결법에 대해 소개하겠습니다. JavaScript Uncaught TypeError: Cannot read properties of null 웹페이지 만드는 과제 중에 JavaScript Uncaught TypeError: Cannot read properties of null 오류를 보게 되었습니다. DOM 객체를 활용한 addEventListener 동작 .. 2023. 10. 18.
javascript 문법 과제 숫자 맞추기 게임 javascript 문법 과제 숫자 맞추기 게임 5주차의 javascript 문법 강의를 마치고 마지막 숙제로 숫자 맞추기 게임 구현이 주어졌습니다. 그동안 배운 문법들을 활용하여 아래와 같이 구현하였습니다. 과제 문제 인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강 1시간 만에 코딩을 무료로 배워 인생사진을 모아 추억을 기록하는 네컷사진으로 만들어보세요. spartacodingclub.kr 문제는 다음과 같이 주어졌습니다. 20이상 120 이하의 랜덤한 숫자를 맞추는 페이지로 10번의 기회가 주어입니다. 예측한 숫자는 입력하여 맞는지 확인 가능하고, 예측한 숫자들과 남은 기회를 알려줍니다. 이렇게 해서 만든 사이트는 다음의 링크를 통해 확인할 수 있습니다. Number Guessing Game 숫자.. 2023. 10. 17.
JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드, 일반 함수와 차이점 JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드 화살표 함수는 JavaScript에서 함수를 간결하게 정의할 수 있는 방법 중 하나로, ES6(ECMAScript 2015)에서 도입되었습니다. 이 글에서는 화살표 함수의 문법과 활용, 그리고 일반 함수와의 차이점을 살펴보겠습니다. 화살표 함수의 문법 화살표 함수는 다음과 같은 간결한 문법을 가지고 있습니다. (param1, param2, ...) => expression (param1, param2, ...)는 화살표 함수의 매개변수 목록입니다. expression은 함수의 본문을 나타내며, 이를 평가한 결과가 함수의 반환값이 됩니다. 예시 코드 // 일반 함수와 화살표 함수 비교 // 일반 함수 function add(x, y) { re.. 2023. 10. 17.
javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이 javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이 숫자로 이루어진 배열 안의 최대값을 찾는 방법에 대해 필자가 해결한 방법과 그 외의 다양한 해결 방법에 대해 소개하겠습니다. javascript 배열 안 숫자 최대값 찾기 필자는 for문을 활용하여 문제를 해결하였습니다. function find_max_num(array) { var result =0; for(let i=0;iresult) result =array[i]; } return result; } console.log("정답 = 6 / 현재 풀이 값 = ", find_max_num([3, 5, 6, 1, 2, 4])); console.log("정답 = 6 / 현재 풀이 값 = ", find_max_num([6, 6, .. 2023. 10. 16.