Javascript (28) 썸네일형 리스트형 배열 보호되어 있는 글입니다. 콜백함수 보호되어 있는 글입니다. 자바스크립트 변수 & 상수 보호되어 있는 글입니다. 자바스크립트 함수 함수 선언 function doSomething() { console.log('hello'); } function add(a, b) { const sum = a + b, return sum; } 함수 호출 doSomething(); const result = add(1, 2); console.log(result); 함수의 역할 1. 기능을 하고 그냥 끝 2. 계산을 하고 특정한 값을 전달 function getArea() { let width = 10; → 2 let height = 20; → 3 let area = width * height; → 4 console.log(area); → 5 } //함수 선언식, 함수 선언 방식의 함수 생성 getArea(); → 1 console.log("함수 실행 완.. 혼공자스 7 Chapter 객체 노션에 정리 https://third-jumpsuit-9e6.notion.site/chapter07-54acccc60daa4779bf3bd19d3143ae3d chapter07 문서객체모델 처음 보는 코드가 나오면 코드를 하나하나 이해하기 보다 “왜 이것을 사용하는가?”라는 전체적인 흐름으로 이해하기 third-jumpsuit-9e6.notion.site 혼공자스 6 Chapter 객체 06 - 1 객체 객체 (object) : 실제로 존재하는 사물을 의미. 이름 값(key)과 값(value)으로 구성된 속성(property)을 가진 자바스크립트의 기본 데이터 타입 자바스크립트에서 여러 자료를 다룰 때는 객체 사용. 배열도 여러 자료를 다룰 수 있음 → 배열도 객체이기 때문 배열 vs 객체 배열은 요소에 접근할 때 인덱스(index) 사용 객체는 키(key)를 사용 객체는 중괄호{...}로 생성 자료를 쉼표(,)로 연결하여 입력 키: 값 객체의 요소에 접근하는 방법 product['제품명'] product['유형'] product['성분'] product['원산지'] 또는 product.제품명 product.유형 product.성분 product.원산지 온점을 사용하는 것이 더 빠른 코.. 혼공자스 Chapter 5 함수 05-1 함수의 기본 형태 함수 코드의 집합을 나타내는 자료형 함수 호출 - 함수 사용 매개변수 - 함수를 호출할 때 괄호 내부에 넣는 자료 리턴값 - 함수를 호출해서 최종적으로 나오는 결과 장점 반복되는 코드를 한번만 정의 후 필요할 때마다 호출하여 반복작업 줄임 기능별로 쪼개 함수별로 나눌 수 있어 전체코드의 가독성 향상 및 수정이 편리하여 유지보수가 용이해짐 여러 코드를 한번에 묶어 실행 가능 ※ 웹브라우저가 내장하고있는 함수의 소스코드는 볼 수 없음 익명 함수 - 이름이 붙어 있지 않는 함수 function () { } 실행결과) function - 함수의 자료형 선언적 함수 - 이름이 있는 함수 function 함수() { } let 함수 = function () { }; 실행결과) 익명 함수 .. [새싹 프론트엔드] 5주차 - 2 API(Application Programming Interface) • 응용 프로그램에서 데이터를 주고 받기 위한 방법 • API 사용 시, 개발 시간 및 비용 절감 가능 Open API • 누구나 사용할 수 있도록 공개된 API • 지도, 날씨, 음악, 공공데이터, 쇼핑 등 다양한 분야에서 사용 가능 • 제공처 (네이버, 카카오, 구글 등) 날씨 API https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based o.. [새싹 프론트엔드] 5주차 - 1 fullPage 플러그인 jQuery 웹사이트에서 자바스크립트를 쉽게 활용할 수 있도록 도와 주는 오픈 소스 기반의 자바스크립트 라이브러리 특징 • 웹 페이지 상에서 엘리먼트(Element)를 쉽게 찾고 제어 • 웹 브라우저 호환성이 뛰어남 • 애니메이션과 같은 다양한 기능 제공 jQuery CDN 링크 복사 • 태그 내부에 다음과 같은 링크 추가 Swiper slider https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swi.. 혼공자스 Chapter 4 반복문 04-1 배열 여러 개의 자료를 저장하려면 여러 개의 변수를 만들어야하는 불편함을 해결 대괄호를 사용하여 여러개의 변수를 한 번에 선언해 다룰 수 있는 자료형 배열 내부에 들어가 있는 값 - 요소 가장 앞에있는 요소 : 0 요소의 순서 - 인덱스 대괄호 안에 [1*3] 이런식으로 계산식을 넣을 수도 있음 배열은 여러개의 요소를 가지고 있기 때문에 numbers라고 배열의 이름을 복수형으로 정함 배열.length - 요소의 갯수 / 배열의 길이 fruits[fruits.length-1] - 배열의 마지막 요소를 선택할 때 자주 사용하는 패턴 push () 배열 뒷부분에 요소 추가 배열,push(요소) 3개의 요소를 만들고 10번째 인덱스에 요소를 강제추가할 경우 4~9번째 인덱스는 아무 것도 없는 empt.. 이전 1 2 3 다음
