본문 바로가기

국비풀스택

풀스택) JS란?

자바 스크립트(JavaScript, JS)는  웹 페이지에 동적인 기능을 추가하는 프로그래밍 언어이다. 주로 사용자와의 상호작용(클릭, 입력 등)을 처리하거나, 서버와 데이터를 주고받고, 페이지의 내용을 실시간으로 변경하는 데 사용된다.

 

즉, 자바 스크립트(JavaScript, JS)는 웹에서 "작동" 변화를 만들어 준다.

주요 기능을 간단하게 정리하면 아래와 같다.

 

  • DOM 조작: HTML 요소를 추가, 수정, 삭제 (예: 버튼 클릭 시 항목 추가).
  • 이벤트 처리: 사용자 입력 처리 (예: 클릭, 키보드 입력).
  • 서버 통신 (AJAX/FETCH): 서버에 데이터 요청하고 응답 처리 (예: 사용자 정보 받아오기).
  • 동적 콘텐츠 로딩: 스크롤 시 추가 콘텐츠 로딩 (예: 무한 스크롤).
  • 상태 관리: 앱 상태를 동적으로 업데이트 (예: 로그인 상태, 카운터 증가).
  • 폼 처리: 폼 유효성 검사 및 비동기 제출.
  • 애니메이션 제어: 동적 애니메이션 (예: 요소 스크롤 시 애니메이션 시작).
  • 타이머/지연 작업: 일정 시간 후 동작 실행 (예: 알림 3초 후 표시).
  • 파일 업로드: 파일 선택 및 미리보기 (예: 이미지 업로드 시 미리보기).

 

 

 

물론 CSS로도 변화를 만들어 줄 수 있다. 

그러나 CSS로 만들 수 있는 건 "보는" 변화이다.

간단히 정리하면 아래와 같다.

 

  • 웹 페이지의 레이아웃을 유연하게 구성 (Flexbox, Grid)
  • 페이지의 애니메이션과 트랜지션을 추가하여 부드럽고 동적인 인터페이스 제공
  • 다양한 화면 크기에 맞는 반응형 디자인 적용
  • UI 효과와 상호작용을 통해 사용자 경험 개선 (Hover, Focus, Active)
  • 고급 비주얼 효과 (3D, 필터, 그라디언트 등)

 

 

'국비풀스택' 카테고리의 다른 글

풀스택) 태그의 중요성  (0) 2024.11.15
풀스택 프론트 위키  (0) 2024.11.14