[클라우딩 어플리케이션 엔지니어링 TIL] 8. 웹 프론트엔드 기초(2)

프로그래머스 데브코스

모든 것을 처음 시작하는 초짜 개발자 2024. 4. 19. 16:43

자바스크립트

특정 HTML 요소를 선택하여 제어할 수 있는 스크립트 언어, 최근에는 백엔드 언어로도 각광
- 스크립트 언어: 독립적인 프로그램을 개발할 수 있는 프로그래밍 언어가 아닌 프로그램을 제어하는 스크립트 역할을 하는 언어

CSS와 유사하게 적용하는 방법은 3가지가 존재

<input type="button" onclick="alert();">

<body>
	<script>
        function Alert(){
            alert();
        }
    </script>
</body>

<script type="text/javascript" src="test.js"></script>

function Alert(){ ///test.js
       alert();
}

객체 선택
- document.getElementById('test'): id가 test인 객체 선택
- document.getElementsByClassName('test'): 클래스가 test인 객체 선택
- document.getElementsByTagName('test'): 태그가 test인 객체 선택
변수 선언
- var: 옛날부터 사용되던 자바스크립트 변수. 최근 문제가 많아서 let으로 대체.
- let: 현재 자주 사용되는 자바스크립트 변수. 재선언 가능
- const: 불변을 나타내는 자바스크립트 변수. 재선언도 불가능하고 처음 선언 시 변수를 대입해야 함.

가장 기본적인 프론트 엔드 기초를 배웠다. 여러 번 연습해서 빠르게 기초를 숙달시켜야겠다는 생각이 든다.