개발자공부일기
2024-10-22 본문
자바스크립트란?
JavaScript는 웹 개발에서 널리 사용되는 프로그래밍 언어입니다. 브라우저에서 실행되며, 웹 페이지에 동적인 기능을 추가할 수 있습니다. 예를 들어, 클릭 시 버튼의 동작, 폼 데이터 처리, 애니메이션 효과 등이 모두 JavaScript로 구현됩니다.
주요 특징은 다음과 같습니다:
- 인터프리터 언어: 코드를 미리 컴파일하지 않고, 브라우저가 실행할 때 해석합니다.
- 이벤트 기반: 클릭, 입력, 마우스 움직임 등 특정 이벤트가 발생할 때 코드를 실행할 수 있습니다.
- 객체 지향과 함수형 프로그래밍을 모두 지원합니다.
- Node.js를 사용하면 서버 측에서도 JavaScript를 사용할 수 있습니다.
JavaScript는 HTML, CSS와 함께 웹 개발의 3대 핵심 요소 중 하나입니다.
Javascript 기초문법
함수만들기
<script>
function hey() {
console.log('Hello')
}
</script>
<body>
<button onclick="hey()">Click this </button>
</body>
변수 & 기본연산
let a = 2
a = 'Bob'
let b = 2
let c = 3
console.log(b+c) // 5
let d = 'Java'
let e = 'script'
console.log(d+c) // Javascript
리스트 & 딕셔너리
//리스트
let a_list = [] // 리스트 선언
// 또는,
let a = ['apple','watermelon','strawberry','pear'] // 로 선언 가능
console.log(a[1]) // watermelon
console.log(a[0]) // apple
//리스트 길이 구하기
console.log(a.length) //4
//딕셔너리
let a_dict = {} // 딕셔너리 선언
// 또는,
let a = {'name':'Jhon','age':27} // 로 선언 가능
console.log(a)
console.log(a['name']) // Jhon
console.log(b_dict['age']) // 27
//딕셔너리로 이루어진 리스트
let a = [
{'name':'James','age':27},
{'name':'Steve','age':15},
{'name':'Alex','age':20}
]
console.log(a[0]['name']) //James
console.log(a[1]['age']) //15
반복문 & 조건문
//반복문
let fruits = ['apple','pear','orange','grape']
fruits.forEach((a) => {
console.log(a)
}) //0번부터 하나씩 꺼내온다
//조건문
let age = 24
if (age > 20) {
console.log('You're a adult!')
} else {
console.log('You're a minor!')
}
//반복문+조건문
let ages = [12,15,20,25,17,37,24]
ages.forEach((a)=> {
if (a > 20) {
console.log('You're a adult!')
} else {
console.log('You're a minor!')
}
})
JQuery 시작하기
Jquery란?
Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드입니다.
=> 쓰기 전에 임포트를 해야합니다!
//Javascript.ver
document.getElementById('Hi').innerHTML = 'Hello';
//jQuery.ver
$('#Hi').html('Hello');
Import
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
'TIL(Today I Learned)' 카테고리의 다른 글
| 2024-10-24 (0) | 2024.10.24 |
|---|---|
| 2024-10-23 (0) | 2024.10.23 |
| 2024-10-21 (0) | 2024.10.21 |
| 2024-10-18 (0) | 2024.10.18 |
| 2024-10-17 (0) | 2024.10.17 |
'TIL(Today I Learned)' Related Articles
more
