본문 바로가기

기록/수업정리_javascr

javascript_3
javascript_3 2024. 7. 17. 이전에는 onclick 형식으로 body 태그 안 태그 속에 직접적으로 입력하였다. 이렇게 진행하게 되면 태그 자체가 길어지게 되어 현재에는 script에 작성하여 스크립트를 넣어준다..addEventListener 을 사용하기 이전에는 .onclick=function(){ 적용시킬 스타일, 속성 }인터프린트 방식이기 때문에not a number대입 연산자  body>    div id="container">        button type="button" class="btn">-button>        span class="txt">0span>        button type="button" class="btn">+button>    div>body>구조    style>        button..
Javascript_2
Javascript_2 2024. 7. 16. 문자형 데이터는 데이터에 번호를 부여하는데 이를 인덱스 번호라고 한다. 인덱스 번호는 0부터 시작한다. str 속 문자형데이터에 부여되어 있는 숫자에 해당하는 문자를 찾아준다.str속 객체의 갯수, 길이를 출력할때 사용하는 속성으로  Javascript는 10글자 이기 때문에 10으로 출력이 되어진다.letvar는 완전한 메서드는 아니인데 혹 앞에서 num이라는 이름을 사용하고 뒤에서 재사용해도 이를 찾아내지 못한다 이를 보안하기 위해 나온 메서드가 let이다. num이라는 변수를 선언하고 num에 30을 넣는 방식은 같지만 혹 이름을 같이 선언하게 되면 이를 찾아 오류표시를 보여주어서 변수값에 오류가 없도록 돕는다. 즉 변수의 재선언(변수명을 다시 사용)은 불가능하지만 재할당(값을 바꿈)은 가능하다.C..
javascript_1
javascript_1 2024. 7. 15. 사용자가 어떤 행동을 했을때 반응이 나오도록 하는것이 자바스크립트 기본적으로 네비 등 다양한 움직임을 만들어낸다. 1. 자바스크립트는 인터프린터 언어이다. - 코드가 작성된 순서대로 윗줄부터 순차대로 구문분석을 한다. 그렇기 때문에 어떤식으로 진행되는지를 생각하며 만들어야 한다. 그렇지 않으면 움직임이 이상해질 수 있다.2. 자바스크립트는 클라이언트 스크립트 언어이다.- 이는 서버가 아닌 사용자의 컴퓨터 내에서 실행되는 것이기 때문에 서버의 부담감을 줄일수 있다.3. 객체 기반 언어이다.- 다양한 객체가 존재하며, 그에 해당하는 다양한 기능(메서드)들이 존재한다.4. 공개된 언어이다.- 완성된 스크립트는 외부로 분리할 수는 있으나 완벽히 숨길 수는 없다.5. 다양한 라이브러리를 활용할 수 있다.- 대표적..

티스토리툴바