본문 바로가기

Programing/JavaScript64

JQuery와 fetch JQuery는 JavaScript 라이브러리이다. 사용하기 전 Import를 해야 한다. JQuery import 하기 CDN 삽입 내에 삽입한다. 일반적으로 아래. ID 지목하기 기본형 $('#title') 제이쿼리에서는 $표시로 특정 ID를 지목한다. function hey() { $('#title').text('쥬라기월드') } 위의 코드를 실행하면 title이라는 ID가 부여된 태그가 쥬라기월드라는 텍스트로 바뀌게 된다. fetch fetch는 인터넷을 통해 데이터를 요청하고 받아오는 과정을 의미한다. 예를 들어 만들어진 API를 통해 데이터를 가져오는 과정. 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
JS로 함수를 만들고 실행되게 하는 방법 기본형 funtion 함수명() {함수의 내용(명령어)} function hey() { alert('안녕하세요') } 위는 hey() 라는 함수명을 임의로 지정해서 alert('안녕하세요')라는 알림 메시지가 뜨도록 함수를 지정한 것이다. 어떤 action이 발생했을 때 함수 hey()가 작동되도록 아래와 같이 태그의 속성값으로 지정하면 된다. 제출하기 위와 같이 제출하기라는 버튼에 onclick시 hey()가 작동되도록 설정할 수 있다. 그런데 JavaScript의 명령어가 길고 어렵다 보니 CSS의 부트스트랩과 같이 미리 만들어 놓은 라이브러리가 존재한다. 이를 잘 활용하면 빠르고 효율적으로 코드를 작성할 수 있다. 이것을 JQuery라 한다. 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
반복문 반복문은 일반적으로 리스트라는 꾸러미와 함께 같이 쓰인다. 위와 같은 형태로 ages의 리스트에 있는 자료를 일일이 출력하고 싶다 할 때, 이 숫자가 많으면 아래의 콘솔 코드를 계속 작성하기도 힘들다. 따라서 이와 같이 같은 명령을 반복할 때 반복문을 사용한다. (foreach) 'ages에서 하나씩 돌면서 안의 명령어를 실행한다' let ages = [15, 30, 28, 7, 40, 13]; ages.forEach(a => { if (a < 20) { console.log('청소년입니다') } else { console.log('성인입니다') } }); 위 함수는 반복문과 조건문을 동시에 사용한 것으로 조건문을 반복문이 품고 있는 형태이다. 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
조건문 기본형 if (조건) { 참일때 실행할 코드 } else { 거짓일 때 실행할 코드 } 출처 : 스파르타코딩클럽 Programing/JavaScript 2024. 2. 26.
변수 / 자료형 변수 변수 : 속성을 담는 그릇 결과 화면(콘솔창)에서는 대한민국 이라고 출력된다. 자료형 리스트 / 딕셔너리 리스트 a라는 변수에 사과 뿐만 아니라 수백개의 과일을 담고자 할 때, 이런 상황에서 쓰인다. let fruit = ['사과', '배', '수박']; console.log(a) // 사과만 꺼내고 싶을 때, 프로그래밍 언어는 0부터 시작 // console.log(a[0]) 딕셔너리 사과, 배, 수박과 같이 같은 종류이지만 완전히 다른 정보가 아니라, Bob이라는 사람의 이름, 나이, 키와 같이 한 정보에 종속되는 여러가지 정보를 사전처럼 하나의 그릇에 담고자 할 때 사용한다. let person = {'name':'bob', 'age':30, 'height':180} console.log(pe.. Programing/JavaScript 2024. 2. 26.

티스토리툴바