코딩애플 JavaScript

자바스크립트는 HTML 파일 안에 집어넣는 언어이며 HTML 조작과 변경을 담당하는 언어.탭, 모달 등 웹페이지 UI 만들 수 있음유저가 입력한 데이터를 검사할 수도 있음유저가 버튼 누르면 서버로 데이터 요청할 수도 있음자바스크립트 코드를 짜고 싶으면 <scrip

HTML / CSS로 미리 UI 디자인을 해놓고 필요하면 평소에 숨김버튼을 누르거나 할 경우 UI를 보여달라고 자바스크립트 코드를 짬HTML 파일 안에는 CSS 파일에는 UI를 평소에 숨기고 싶으면 display: none을 주면 되고 다시 보여주고 싶으면 displa

function은 길고 더러운 코드를 한 단어로 축약하고 싶을 때 쓰는 문법특정 기능을 다음에도 쓰기 위해 모듈화 해놓는 문법 JS 코드는 HTML 밑에 짜야 함 getElemntByID() 등과 같이 코드 오타 주의 이상하게 코드를 짜서 에러가 났을때는 개발자도구 c

함수내에 구멍을 뚫어서 소괄호 구멍자리에 내가 원하는 문자를 입력해줄 수 있음.비슷한 함수가 여러개 있으면 굳이 여러개 만들 필요 없이 하나만 가지고 위 처럼 구멍을 뚫어서 사용하면 됨. 즉 함수 하나 가지고 다양한 기능을 실행할 수 있고 이거 외엔 쓸데 없음.

aa

평소에는 .list-group은 보이지 않지만 show라는 클래스를 부착하면 보여주는 식으로 개발.어떤 버튼을 누르면 <ul class="list-group">에다가 show라는 클래스를 부착하라고 코드 짜면 완성.클래스를 부착하는 이유? : 나중에 display

jQuery는 자바스크립트 querySelectorAll, addEventListner, classList.add 이런 것들을 이름만 훨씬 짧게 바꿔주는 라이브러리임. jQuery 설치한 곳 하단에서 jQuery 문법을 사용 가능 jQuery 써서 html 변경하려면j

1. form 에서 전송 버튼 누를 때 공백검사 하기.

<input>태그에서 발생하는 이벤트들이 있는데 이것들은 input 이벤트와 change 이벤트라고 부르며 <input> 안에 뭔가 입력할 때 발생함예시)<input>에 입력된 값이 변경될 때 input 이벤트가 발생함<input>에 뭐 입력할 때

JavaScript 기본 함수 중에 setTimeout() 이라는게 있는데, 이것을 쓰면 n초후에 코드를 실행해 줌 시간은 ms 단위로 적으면 됨. (1s는 1000ms)예시)위 코드를 작성하면 1초 후에 콘솔창에 "안녕" 이라고 뜸.n초마다 코드를 실행하고 싶으면 s

includes() 사용하기 사용법: '문자'.includes('찾을단어'); 예시)하지만 한글이 들어있냐 / 영어가 들어있냐 / A로 끝나냐 / 마침표 다음에 영어가 있느냐 등은 includes()로 검사하기는 어려움.정규식은 문자를 검사하고 싶을 때 사용하는 식.

슬라이드 되는 UI들을 Carousel 이라고 부름 애니메이션 시작 전 화면 만들기애니메이션 시작 후 화면 만들기언제 종료화면으로 변할지 JS 코드 짜기transition 추가하기예시)이렇게 코드를 짜면 이미지 3개가 가로로 배치됨vw 단위는 브라우저 폭에 비례한 단위

1. 이벤트 버블링 이란? 어떤 HTML 태그에 이벤트가 발생하면 그의 모든 상위요소까지 이벤트가 실행되는 현상을 이벤트 버블링 이라고 함. click이라는 이벤트를 예로 들어보면 HTML 태그에 클릭이 발생하면 그의 모든 상위요소까지 자동으로 클릭 됨. 예시) 위

html 안에 유저 몰래 정보를 숨겨놓을 수 있습니다. 데이터이름 아무렇게나 작명하고 값도 넣으면 됩니다.이러면 html 요소에 숨겨놨던 데이터가 이 자리에 남습니다.

여러가지 자료를 한곳에 저장하고 싶을 때 사용하는 자료형.이것도 여러가지 자료를 한곳에 저장하고 싶을 때 사용하는 자료형입니다. 많은 데이터를 하나에 보관하고 싶으면 object 사용 (데이터 나중에 뽑을때 편리)array는 순서개념이 있음array.sort() (가

document.createElement() 쓰면 HTML 자료를 하나 생성해줌appendChild() 써서 넣으면 html이 생성됨문자자료로 html을 만든 다음 insertAdjacentHTML() 안에 넣으면 됨'beforeend' 이건 안쪽 맨 밑에 추가하라는

1. for in 반복문 object 자료 다룰때 쓰는 반복문 콘솔창에 안녕이 2번 출력됨 name하고 age가 출력됨 key 말고 실제 자료인 value를 출력하고 싶으면 2. arrow function 그냥 함수와 arrow function의 기능차이는 하나

서버는 유저가 데이터를 요청하면 데이터를 보내주는 프로그램 Ajax는 유저가 서버와 데이터를 주고 받는 방법데이터를 요청할 때에는 어떤 데이터인지 URL로 잘 기재해야하고, 어떤 방법으로 요청할지 결정해야함 (GET / POST)GET 요청은 서버에 있던 데이터를 읽고

스크롤 바를 조작하면 scroll 이벤트가 발생함window.scrollY 사용하면 현재 페이지를 얼마나 위에서 부터 스크롤 했는지 px 단위로 알려줌window.scrollX 사용하면 가로로 얼마나 스크롤 했는지 알려줌window.scrollTo(x, y) 실행하면