안녕하세요! 오늘은 자바스크립트에서 가장 중요한 개념 중 하나인 함수(Function) 에 대해 배운 내용을 정리해보려고 합니다. 함수는 코드를 효율적으로 관리하고 재사용할 수 있도록 도와주는 핵심적인 기능입니다. 1. 함수(Function)란?함수(Function)는 특정 작업을 수행하는 코드 블록입니다. 함수는 필요할 때마다 호출하여 실행할 수 있으며, 동일한 작업을 여러 번 수행할 때 매우 유용합니다.함수 선언하기함수를 선언하는 기본적인 방법은 function 키워드를 사용하는 것입니다.function sayHello(nameOfPerson, age) { console.log("Hello!! my name is " + nameOfPerson + " and I'm " + age);}이 함수는 n..

공부/WEB 2025. 2. 2. 23:24

안녕하세요! 오늘은 자바스크립트에서 데이터를 효율적으로 관리할 수 있는 객체(Object) 에 대해 배운 내용을 정리해보려고 합니다. 객체는 개발하면서 가장 많이 사용되는 데이터 구조 중 하나이며, 특히 여러 개의 속성(정보)을 하나로 묶어 관리할 때 유용합니다.1. 객체(Object)란?객체(Object)는 키(key)와 값(value) 쌍으로 이루어진 데이터 구조입니다. 배열이 여러 개의 데이터를 순서대로 저장하는 반면, 객체는 각각의 데이터를 키로 구분하여 저장할 수 있습니다.객체 선언하기객체를 선언하는 기본적인 방법은 중괄호 {}를 사용하는 것입니다.const player = { name: "micalcomanie", points: 10, fat: true, handsome:..

공부/WEB 2025. 2. 2. 22:51

안녕하세요! 오늘은 자바스크립트에서 가장 많이 사용되는 데이터 구조 중 하나인 배열(Array) 에 대해 배운 내용을 정리해보려고 합니다. 1. 배열(Array)이란?배열(Array)은 여러 개의 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다. 예를 들어, 장바구니 목록을 저장하려고 할 때, 각각의 항목을 따로 변수로 저장하는 대신 배열을 활용하면 관리가 편리해집니다.배열 선언하기배열을 선언하는 방법은 두 가지가 있습니다.// 방법 1: 대괄호([])를 사용const fruits = ["apple", "banana", "grape"];// 방법 2: Array 생성자를 사용const vegetables = new Array("carrot", "potato", "onion");대부분의 경우 첫 번째..

공부/WEB 2025. 2. 2. 05:40

안녕하세요! 오늘은 "코인 트래커"라는 웹 애플리케이션을 만들고 배포하는 과정을 공유하려고 합니다. 이 프로젝트는 간단한 HTML, CSS, JavaScript를 사용하여 만든 웹 애플리케이션으로, Upbit API를 활용해 실시간으로 코인 정보를 조회할 수 있습니다.주요 기능 소개1. 실시간 코인 데이터 조회Upbit API를 활용하여 실시간으로 코인 데이터를 가져옵니다.상승 및 하락 TOP 5 코인을 별도로 표시합니다.2. 포트폴리오 관리사용자가 자신이 보유한 코인의 포트폴리오를 추가하고 관리할 수 있습니다.구매 가격과 수익률 등을 계산하여 보여줍니다.3. 광고 배너상단, 하단, 사이드 배너를 통해 광고를 삽입하였습니다.검색 및 스크롤 이벤트에 따라 광고 위치가 동적으로 변경됩니다.프로젝트 구조파일 ..

공부/WEB 2025. 1. 29. 02:49