AI스쿨_JS

alert("text")console.log("text")prompt("나이를 입력하세요","27")디폴트 값으로 27을 넣어둘 수 있음.var name = prompt("text")documnet.write(name + "text")표현식: 자바 스크립트에서 값을 만

== : 수치만 같음=== : 자료형까지 같음true || truetrue (true가 있으면 true)true || falsetruefalse || truetruefalse || falsefalsetrue && truetrue (true가 두개일때 true)true

여러 자료들을 묶어서 활용할 수 있는 자료형const str = "안녕하세요"str.lengthstr(0)const array1 = \[273, "문자열", true, 27,35,{}, "fun"]갯수및 길이(length)와 순서는 다르다array1의 요소의 총 갯수는

조건반복횟수를 알 수 없을 때for문은 조건보다 횟수가 정해져있을때 사용예제)y = x+5x=5 y=10const f = function(){} 익명적 함수, 함수를 선언하고 호출function f(){} 선언적 함수같은 코드를 써도 결과를 document.write와

paseInt 내장함수Number 외장함수함수선언은 선언만 한다면, 위치는 상관 없다.let 과 const : ES6 버젼 이후 변수선언 예약어 \-let: 프로그램 안에서 값이 변함 \-const : 프로그램 안에서 값이 변하지 않는 변수var 변수 앞에 붙임으로

이벤트웹 브라우저나 사용자가 행하는 동작사용자가 웹 문서 영역을 벗어나 하는 동작은 이벤트가 아님이벤트 처리기이벤트가 발생했을 때 어떤 함수를 실행할지 알려줌태그 안에서 이벤트를 처리할 때는 "on"+"이벤트명" 사용 (ex. 클릭하면 onclick 사용)함수로 연결시

concat() 둘이상의 배열을 연결기존의 배열 + 다른 배열 or 값기존의 배열과 다른 배열에 영향을 주지 않는다.join() 지정된 구분 기호를 사용해서 배열 '요소' 연결 default값은 쉼표 ' , 'join(-)push() 뒤쪽에 넣는 것unshift() 앞

자바로 Document을 수정하는 것 = 자바로 HTML을 만드는 것registernodelistHTML에 name이라는 속성을 줌(자바스크립트가 영향을 줌)폼 요소에 접근하는 방법1\. css 선택자 사용 : id값을 사용해서 접근 후 값 가져옴2\. name 속성

메뉴 또는 정보 표시 또는 숨기기마우스 위치에 따른 효과이미지 확대, 축소, 동적 갤러리오디오, 비디오 재생드롭다운, 햄버거 스타일 메뉴transform부분이 어려움이 있었음결과를 내는 홈페이지를 만들어보았다. css코드가 더 복잡한 것 같지만, 가지는 의미가 직관적이

배운 것 준비물 JDK https://www.oracle.com/java/technologies/downloads/#jdk18-windows eclipse https://www.eclipse.org/downloads/download.php?file=/technology

help-install new software-add-archive알집 안풀고 진행해야됨jQuery(객체) 형태로 작성해야되지만 $(객체)로 대체 할 수 있다.JS의 windoww.onload와 흡사함window.onload : 태그 객체가 모두 생성되면 발생하는 이벤

자바스크립트

CssclassCssfunction기준을 중심으로 작용 ( 기준포함 X )ascendingdecending siblingnextprevhide show togglefadeslide아래 -> 위로 올라감callback실행 후 무언가를 실행jQuery 기본jQuery 2y

프런트엔드 프레임워크 중 하나리액트(react), 앵귤러(angular), 뷰제이에스(vue.js)공개 소프트 웨어화면 출력에 특화 = 페이스북 개발에 사용한 기술컴포넌트를 조립하여 화면 구성게임 엔진 원리를 도입하여 화면 출력 속도가 빠름(Virtual DOM)Nod

의 UI컴퍼넌트 = 하나이상의 Story장점 : 복잡한 로직 X, 독립

어떤 component tree 내에서 최상위 comp와 최말단 comp 에 걸쳐 전역(global)으로 관리해야 할 데이터가 필요한데,이 때 React Context는 전역 데이터를 좀 더 단순하게 접근 가능하게 해준다."컨텍스트는 모든 레벨에서 일일이 props를

상태관리란?React에서 State는 component 안에서 관리되는 것Component간의 정보 공유자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능 => 부모 컨포넌트를 통해 자식 간 주고 받음자식이 많아진다면 상태 관리가 매우 복잡해진다. = 상태를 관리하는

동기 비동기동기작업(task)들이 순차적으로 이루어 지는 것=다른 작업들을 blocking비동기작업들이 순차적으로 이루어지지않음 = 다른 작업들은 non-blockingJS를 사용한 비동기 통신 방식을 Ajax(Asynchronous Javascript and XML)