WEB/frontend 3

[JS] AJAX(Asynchronous Javascript And XML) 는 무엇일까 ?

🔍 AJAX (Asynchronous Javascript And XML)자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능이다. 📌AJAX의 약자 XML은 무엇일까?XML은 EXtensible Markup Language의 약자로, HTML과 비슷한 문자 기반의 마크업 언어이지만,HTML처럼 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달하는 목적으로 만들어졌다. 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있다. 📕 AJAX 특징 1. 웹 페이지 새로고침 없이 (비동기 방식) 동적으로 업데이트가 가능하다. 2. HTML / CSS / JS / DOM / XML or JSON 등의 여러 기술을 조합하여 사용 됨3. jQuery가 ..

WEB/frontend 2024.07.05

[CSS] 요소 가운데로 가져오기 (중앙 정렬)

🔍 CSS 들어가기 전프론트엔드를 지속적으로 쭉 공부해오지는 않았지만,프로젝트를 할 때마다 프론트엔드 언어들을 다뤄왔다.  HTML에대해 잘 알면, 여러 방면에서 도움이 정말 많이 된다.ex) 크롤링, 백엔드 서버 구축 등등  각설하고, CSS를 꾸미다 보면,항상 이 정렬이 헷갈리는데 이번에 한번 정리해보자 ! 📚 중앙 정렬 기본 중앙 정렬을 할 때, 자주 쓰이는 것들이다.- text-align : center     : 부모 요소 내의 텍스트와 인라인 요소를 중앙에 정렬- margin : auto   : 요소의 수평 중앙 정렬에 사용하지만, 수직 정렬 지원하지 않음     (부모 요소의 남은 공간을 균등하게 분배하여 중앙 배치하므로, 부모 요소의 width가 적절하게 있어야 함)- justify-c..

WEB/frontend 2024.07.03

[JS] HTML 드롭다운(dropdown) 2개 연결

🔎 2개의 드롭 다운 연결내가 진행 중인 프로젝트에 드롭다운을 2개를 놓고, 그 선택한 값들을 서버에 post 하려고 한다.처음에는 아무 생각없이 드롭다운 복붙을 했는데, 될리가 있나 ...  다시 생각을 하고 방법을 찾아봤다.그래서 오늘 포스팅은 2개의 dropdown을 종속적으로 연결하는 방법에 대한 글이다.📙 2개 드롭다운 만들기 지역 광주광역시 대전광역시 구역 선택 Select a district Submit 우선 2개의 드롭다운을 만들어 준다.  ~~~Submit이 부분은 서버에 전송하기 위한 코드이다.  (서버에 전송하지 않으면 필요 X) 첫번째 드롭다운 : citySelect의 드롭 다운을 만들어준다. ..

WEB/frontend 2024.05.21