뚝딱햄 탈출기

Ajax란? Asynchonous JavaScript and XML에서 따온 말로, 비동기적인 웹 애플리케이션의 제작에 쓰이는 웹 개발 기법. Ajax는 jQuery를 임포트한 페이지에서만 동작 가능하다. 'http://google.com/'과 같은 화면에서 개발자도구를 열면 jQuery가 임포트되어있지 않기 때문에 아래와 같은 에러가 뜬다. Uncaught TypeError: $.ajax is not a function jQuery에 관한 내용은 아래 포스팅 참고 2023.10.09 - [web] - [JavaScript] jQuery 제이쿼리 [JavaScript] jQuery 제이쿼리 jQuery란? HTML 요소들을 조작하는 편리한 JavaScript 라이브러리. JavaScript와 다른 특별한..

부트스트랩이란? 부트스트랩은 트위터에서 개발한 무료 프론트엔드 프레임워크이다. 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것으로, 쉽고 빠른 반응형 웹 디자인을 만들 수 있다. 부트스트랩에는 모바일/태블릿/데스크탑 등 다양한 사용환경에 최적화되어 다르게 보이도록 하는 처리가 되어있기 때문에 같은 HTML 파일로 화면의 크기에 따라 다르게 보이도록 디자인할 수 있다. '프레임워크' 라고 하는 것은 재사용이 가능한 요소들의 집합되어 있으며, 정해진 구조와 틀 안에서 이것들이 확장이 가능한 기반 코드로 이루어 짐을 뜻한다. jquery는 라이브러리이고, 부트스트랩은 프레임워크다. 따라서, 우리는 '부트스트랩 프레임워크에서 jquery 라이브러리를 사용할 수..

의 자식 태그로는 button, input, label 등이 있다. 은 반드시 내부에 작성해야 한다. form tag가 없으면 서버에 대한 데이터 제출을 처리하는 기본 제공 방법이 없어 양식 데이터가 수집되지 않고 어디로도 전송되지 않는다. input tag는 label tag과 주로 같이 사용되는데, 두 tag를 연결하려면 label의 for 속성과 input의 id 속성을 동일하게 작성하거나, label tag의 자식으로 input tag를 두면 된다. (과 을 연결하면 label 클릭시 input 바로 작성할 수 있게 포커스가 이동한다.) vs 은 클릭 가능한 버튼이다. type 속성으로는 submit(default. 데이터 제출), reset(초기화), button이 있다. 을 사용할 때는 typ..

웹의 동작 개념 우리가 보는 웹페이지는 모두 서버에서 미리 준비해 두었던 것을 받아서 그려주는 것이다. 즉, 브라우저가 하는 일은 요청을 보내고 받은 HTML 파일 또는 데이터를 그려준다. HTML을 받는 경우 웹의 동작 개념 F12(검사)에서 받은 HTML을 아무렇게나 수정 가능하나, 새로고침을 누르면 수정한 내용이 그대로 유지되지 않고 원래의 HTML이 뜬다. 그 이유는 브라우저는 받은 HTML 파일을 그려주는 것이기 때문에 새로고침을 누르면 요청을 새로 보내 서버가 보내준 원래 버전의 HTML을 새로 띄워주기 때문이다. 위에서 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려준다. 라고 했는데, 요청은 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보..