찐망고'S 퍼블리싱그리고디자인

안녕하세요 찐망고 입니다.오늘은 함수에서 중요한 return을 이해해보도록 포스팅 할건데요 return이란?return은 함수의 결과를 함수 밖으로 돌려주는 역할을 하는데, 함수 내부에서 어떤 값을 계산하거나 처리한 후, 그 결과를 다른 곳에서 사용할 수 있게 해주는 것을 뜻합니다. 쉽게 말하면:함수를 하나의 기계라고 볼 때, 기계에 무언가를 넣어서 (입력값, 인자) 작업을 하고 나면, 기계는 그 작업의 결과(출력값)를 내놓는데, 그 결과를 밖으로 내보내는 게 바로 return입니다~~~~function addNumbers(a, b) { return a + b;}const result = addNumbers(5, 3); // 함수의 결과가 result에 저장됨console.log(result); // ..

안녕하세요 찐망고 입니다. 오늘은 자바스크립트에서 변수에 대해 알아보겠습니다.변수란 무엇이며, 어떻게 사용하는지, 그리고 자바스크립트에서 변수 선언의 다양한 방법에 대해 자세히 설명해 드릴게요.  변수란?변수는 값을 저장하는 선물 상자와 같아요.이 상자에는 한 번에 한 가지 물건만 담을 수 있으며, 다른 물건을 넣으면 기존의 물건은 사라지거나 다른 상자를 준비해야 하죠.프로그래밍에서 변수는 변하는 값을 담는 그릇을 의미하며, 'variable'이라고 불러요.   변수에 값을 할당하기변수에 값을 넣는 것을 **할당(assignment)**이라고 합니다.예를 들어, mood라는 변수에 "행복"이라는 값을 할당하거나, age라는 변수에 40이라는 값을 할당할 수 있습니다.mood = "행복";age = 40;..

안녕하세요 찐망고입니다. 자바스크립트 첫 포스팅은 스크립트의 역사부터 시작하려고 했는데검색해 보니 정리가 잘된 블로그들이 많더라고요..그래서 해보는 링크 공유 자바스크립트의 역사브라우저에서 동작하는 언어였던 자바스크립트는 범용 프로그래밍 언어가 되기까지 ECMAScript, CommonJS 등 표준화를 거쳐왔다. 지금은 이 표준을 기반으로 자바스크립트는 어디에서나 사용할 수roseline.oopy.io 추가로 더 써보자면 자바스크립트의 탄생자바스크립트는 1995년, 브렌던 아이크(Brendan Eich)가 넷스케이프와 썬 마이크로시스템즈와 함께 개발한 언어입니다.자바스크립트는 웹 브라우저에서 좀 더 동적인 기능을 제공하기 위해 만들어졌는데,초기에는 간단한 폼 검증과 같은 작업에 주로 사용되었죠.자바스크립..

안녕하세요 찐망고입니다. addEventListener()는 JavaScript에서 이벤트 처리를 위해 사용되는 메서드인데요. 이 메서드를 사용하면 HTML 요소에 이벤트 리스너를 추가할 수 있습니다. // element.addEventListener(event, function, useCapture); window.addEventListener('scroll', function() {}) function toggleOnClass() { header.classList.add("on"); } const btn = document.querySelector("button") btn.addEventListener("mouseenter", toggleOnClass) 클릭이벤트 (click): 사용자가 마우스로 요..

안녕하세요 찐망고입니다. CSS 도 선택자가 중요하잖아요! 선택자 관련 CSS 만 해도 엄청 많죠~ `document.querySelector()`는 웹 개발에서 사용되는 JavaScript의 메서드 중 하나입니다. 문서 객체 모델(Document Object Model, DOM)에서 요소를 선택하는 데 사용하죠. 이 메서드는 CSS 선택자를 통해 문서 내에서 요소를 선택하고 반환하는데요, CSS선택자를 사용하여 원하는 요소를 찾을 수 있습니다. 일치하는 요소가 없는 경우엔 `null`을 반환합니다. const elementId = document.querySelector("#myElement"); // id선택자 요소 선택 const elementClass = document.querySelector(..

안녕하세요 찐망고입니다. 오늘은 자바스크립트 문자열 관련 속성과 메서드를 따로 포스팅 해보려 합니다. 1. 문자열의 길이 length는 함수는 아니고, 숫자가 저장되는 프로퍼티 문자열의 길이를 저장 (갯수) const txt = "Javascript"; console.log(txt.length); // 10 2. 특정 글자에 접근하기 문자열 내 특정 위치에 있는 글자에 접근하려면 [, ] 대괄호를 이용하거나 str.charAt() 메서드이용 위치는 0부터 시작. let str = "Javascript"; //첫 번째 글자 console.log( str[0] ); // J console.log( str.charAt(0) ); // J // 마지막 글자 console.log( str[str.length - ..

안녕하세요 찐망고입니다. 오늘은 자바스크립트에 데이터 형식을 좀 알아볼까요? 자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속합니다. 8가지 기본 자료형이 있고, 자바스크립트의 변수는 자료형에 관계없이 모든 데이터일 수 있습니다. let memo = "hello"; memo = 0123456789; 변수에 저장되는 값의 타입은 언제든지 바꿀 수 있는데 이를 '동적 타입(dynamically typed)' 언어라고 부릅니다. 1. 문자열 문자는 영문자, 숫자, 마침표나 공백 등을 반드시 따옴표 안에 들어가야 하고, 큰따옴표나 작은따옴표든 상관없습니다. let mood = "happy"; //큰따옴표 mood = 'happy'; //작은따옴표 mood = `happy`; //역따옴표(백틱..

안녕하세요 찐망고 입니다. 오늘은 자바스크립트 함수에 대해서 가볍게 포스팅해볼게요 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. 코드를 재사용하고 구조화하여 프로그램을 개발하는데 도움을 주는 사용자정의함수와자바스크립트에서 내부적으로 제공하는 내장함수가 있어요function funcName(parameter1, parameter2) { // 함수실행코드 // 결과반환(선택가능)}function addNumbers(a, b) { return a + b;}let result = addNumbers(3, 5);console.log(result); // 8 함수는 함수 선언식과, 함수 표현식이 존재하는데 함수를 선언하고 사용자가 직접 실행할 함수의 이름을 짓거나 ..

자바스크립트에서는 데이터 값을 하나의 목록으로 만드는 배열이 존재합니다. 원래 변수안에 값을 할당할때 하나씩만 가능하잖아요. 근데 여러개의 값을 하나의 변수안에 넣고 싶은거죠.. 좋아하는 과일을 하나만 고를 수 없는 그런 마음? const fruits = ["체리", "망고", "블루베리", "수박"]; 좋아하는 과일의 종류가 많으면 배열을 쓸수록 더 합리적이겠죠? 좋아하는 과일이 10개가 넘는데 변수를 10개를 굳이 만들 필요가 없으니까요 배열을 만들 때는 각괄호 []를 사용합니다. 배열안에 값을 넣으려면 각괄호 안에 값을 입력하고 쉼표로 나눠주면 됩니다. 배열에 들어간 개별 값을 원소(element)라고 불러요 // 배열 표기 const fruits = [ "cherry", "mango", "blue..

안녕하세요 찐망고입니다. 자바스크립트에서 가장 중요한 두가지는 조건문과 반복문이라고 생각하는데요 반복문(loop)은 "어떤 내용이 true인 동안은 계속 이걸 실행해" 라고 말하는 겁니다. while반복문 가장 간단한 반복문은 while반복문인데요. while반복문은 주어진 조건이 true로 있는 동안은 실행 코드를 반복해서 실행합니다. 그 조건이 false가 되면 하던 일을 중단해가 포함되고 있죠 while(조건식) { console.log("코드실행") // 실행문 i++; // 증가감식 } for문 for반복문을 사용하면 반복문에 사용할 변수를 만들고 조건이 false가 될 때까지 계속 반복합니다. for(초기값; 조건식; 증가감식;) { 실행문; } 반복문은 초기 값을 기준으로 조건식을 실행합니다..