본문 바로가기

Front-end

(5)
AJAX와 Fetch 비교: 어떤 것을 사용 할까? 🖥️ AJAX AJAX(Asynchronous JavaScript And XML)는 웹 페이지를 다시 로드하지 않고도 서버와 비동기적으로 데이터를 주고받을 수 있는 기술이다.AJAX는 브라우저의 기본 API인 XMLHttpRequest 객체를 이용한 방식이다. 라이브러리 없이 순수 JavaScript로 AJAX 요청을 구현할 수 있다.  특징XMLHttpRequest 객체 기반다양한 브라우저에서 오래전부터 지원콜백 방식의 비동기 처리 사용 예제const xhr = new XMLHttpRequest();xhr.open("GET", "/api/data", true);xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status..
[ ETC ] 무료 폰트 사이트 눈누 추천 🐤 무료 폰트 사이트 눈누 추천 https://noonnu.cc/font_page/pick 눈누상업용 무료 한글 폰트 사이트noonnu.cc  무료 폰트 사이트 '눈누'눈누는 상업적으로도 자유롭게 사용할 수 있는 다양한 폰트를 제공하는 사이트이다로그인하지 않아도 폰트 다운로드를 할 수 있다 또한, 폰트 상세 페이지에서 내가 쓸 문구를 작성하여 미리보기로 확인할 수 있어 여러 폰트를 다운받아 확인할 필요가 없어 선택 효율을 높여준다 폰트마다 라이선스가 상이 할 수 있기 때문에 폰트 상세 페이지에서 라이선스 요약표 확인하고 사용하는 것을 추천한다
[ ETC ] Loading gif 사이트 추천 🎨 Loading Gif 사이트 https://loading.io/ 개발을 하다보면 급하게 로딩 gif 를 찾을 일이 있을 텐데 해당 사이트를 추천한다 회원가입만 하면 무료로 사용할 수 있는 항목도 많으며, 색 커스텀도 가능하다 loading gif 뿐만 아니라 아주 귀얍뽀짝한 icon들이 많음
[ Bootstrap ] Colors (색상) 글자 타입 (text-) 배경 타입 (bg-) 배경 타입 (bg-class-subtle) primary text-primary bg-primary bg-primary-subtle secondary text-secondary bg-secondary bg-secondary-subtle success text-success bg-success bg-success-subtle danger text-danger bg-danger bg-danger-subtle warning text-warning bg-warning bg-warning-subtle info text-info bg-info bg-info-subtle light text-light bg-light bg-light-subtle dark text-dark..
[ Bootstrap ] Bootstrap 개념 및 설정 Bootstrap 🎨 부트스트랩은 트위터(Twiter)에서 공개한 웹 프론트엔드 개발도구이다. 공식 홈페이지 : http://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 번역본 홈페이지 : http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로..