728x90 Web developer/[JavaScript]4 [JS_04][WEB] JavaScript 활용 코드 정리 정돈하기 다른 파일에 js언어로 작업해두기 사용시 src 속성으로 불러오기 library vs framework 라이브러리는 재사용하기 쉽도록 정리되어있는 '부품' 같은 저장소 프레임워크는 만들려는 기능의 공통된 부분 '반제품' 같은 작업소 jQuery > cdn > googlecdn $('a').css('color',color); UI vs API User Interface 웹을 이용하는 사용자가 조작하는 장치 Application Programming Interface 경고창처럼 웹브라우저에 사용되는 기능을 약속한 장치 API와 순서는 중요한 관계에 있습니다. 검색어 태그 삭제 태그 추가 document DOM (Document Object Model)객체 웹 브라우저 자체 window 객.. 2023. 2. 18. [JS_03][WEB] JavaScript 문법 Program 언어 Program은 '순서'에 따라서 실행되도록 정의합니다. 조건에 따라서 반복하면서 실행되도록 할 수 있습니다. ● 조건문 Comparison operators IF-else ● 리팩토링 코드의 중복을 제거합니다. 유지 보수를 편리하게 만듭니다. this 키워드 : 태그 자신을 가리킵니다. 자주 사용하는 명령어는 변수에 할당하여 코드를 줄여줍니다. var target = document.querySelector('body'); ● 배열 많은 데이터를 잘 담아두는 수납장 같은 역할 /* get */ /* add */ /* count */ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array A.. 2023. 2. 17. [JS_02][WEB] HTML과 JS ● Console 웹 페이지 내에서 코드를 실행하는 가벼운 상황에서 이용하는 기능 우클릭 > 검사 > console ''.length : 문자열 길이 ● JavaScript data type 데이터 타입 - 문자열, 숫자 ● JavaScript String 문자열 길이 str.length https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org ● Variables & assignment operator (=) var X = 1 ● 웹 브라우저 제어 - CSS : .. 2023. 2. 16. [JS_01][WEB] JavaScript 실행 방법1 사용자와 상호작용하도록 만들기 ex) 버튼을 누르면 배경이 나이트 모드로 바뀜 JavaScript는 HTML언어 위에서 동작하는 언어입니다. ● ● event 웹 브라우저 위에서 일어나는 일 https://www.w3schools.com/tags/ref_eventattributes.asp HTML Event Attributes W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.co.. 2023. 2. 13. 이전 1 다음 728x90
