JS 궁금했던거

쿠키와 세션의 차이

쿠키

• 사용자 컴퓨터에 저장
• 저장된 정보를 다른 사람 또는 시스템이 볼 수 있는 단점
• 유효시간이 지나면 사라짐

세션

• 서버에 저장
• 서버가 종료되거나 유효시간이 지나면 사라짐

 

Submit vs Ajax

웹코딩을 하다보면 Submit과 Ajax는 둘 다 사용하기도 한다. 

두 방법은 데이터를 주고 받는다는 점에서는 같지만 아래와 같은 차이점들이 존재한다. 

 

Ajax : 비동기식 방식으로 처리하며 Submit과 가장 큰 차이점은 페이지를 전체를 reload하지 않고 특정 부분만 reload해 속도가 빠르다는 것이다.

Submit : Submit을 사용하면 Ajax와는 다르게 페이지 전체가 리로드 되기 때문에 action을 취하고 난 후, 페이지가 변경이 되는 경우에 자주 사용한다.

 

Ajax 예제

Submit예제

DOM

JS는 Dom을 통해 HTML을 제어한다.

 

1. HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 형식이다.

DOM의 구조

  2. DOM은 JS를 사용해 웹 화면의 콘텐츠를 추가, 수정, 삭제하거나 이벤트를 처리하는 것처럼 동적으로 처리할 수 있    도록 프로그래밍 인터페이스를 제공한다. 

 

https://opentutorials.org/course/1567/24

위 링크는 생활코딩의 DOM에 대한 강의이다. DOM에 대해서 초보자도 알기 쉽게 설명해주니 보면 좋을거 같다. ***강추!!!

 

 

https://www.w3schools.com/js/js_dom_examples.asp

위 링크는 w3schools에 있는 DOM 예제들이다. 참고하자 이것도 ***강추!!!