본 포스팅은 class101의 제주코딩베이스캠프 강의를 듣고 개인 공부를 위해 정리한 것입니다.
JavaScript(JS)
"HTML = 뼈대, CSS = 살, JS = 근육"
HTML, CSS로 만들어진 정적인 페이지를 동적으로 만들어주는 언어
❓ JavaScript는 Java와 연관이 있나요?
❗ No! 1990년대에 인기있던 Java의 명성에 힘입기 위해 이름을 따온 것 뿐, 연관성이 없다!
HTML, CSS 는 정적 언어, JavaScript 는 동적 언어
💡 정적 타입 언어 vs 동적 타입 언어
컴파일시 변수의 타입을 알고있다면 정적 타입 언어
장점 :
타입 에러로 인한 문제점을 초기에 발견할 수 있어 타입의 안정성이 높음
컴파일 시에 미리 타입을 결정하기 때문에 실행속도가 빠름
단점 :
매번 코드 작성시 변수형을 결정해줘야 하는 번거로움이 있음
C, C++, C#, Java, Rust, Go, Scala
타입이 run-time과 연관되어있고, 변수와 필드 등에 이름이 없다면 동적 타입 언어
장점 :
런타임까지 타입에 대한 결정을 끌고 갈 수 있기 때문에 유연성이 높음
컴파일시 타입을 명시해주지 않아도 되기 때문에 빠르게 코드를 작성할 수 있음
단점 :
실행 도중에 변수에 예상치 못한 타입이 들어와 타입에러가 발생할 수 있음
Perl, Ruby, Python, PHP, JavaScript
출처: https://devuna.tistory.com/82
JavaScript 이용해보기
- 앞서 만든 Facebook 페이지에 JavaScript를 사용해보자
<html>
<head>
<style>
h1{
background-color: #2851A3;
color:white;
}
</style>
</head>
<body>
<h1>Facebook</h1>
<p>문단입니다.</p1>
<script>
window.alert('환영합니다!')
</script>
</body>
</html>Front-end 개발자
"프론트엔드 개발자는 HTML, CSS, JS만 알면 될까?"
당연히 Nope!
jQuery와 Ajax, Node.js 나 express 둘 중 하나를 선택하여 공부하는 것이 좋다! Bootstrap은 옵션
