Web6 [CSS] 로딩화면 디자인 Bootstrap 4.6v import html Loading... Loading... Loading... Loading... Loading... css .spinner-grow { margin: 0 10px 0 10px; color: aliceblue; } .loding-inner { position: fixed; width: 100%; z-index: 100; display: flex; justify-content: center; align-items: center; min-height: 100vh; top: 0%; left: 0%; background-color : #00000069; } 2021. 8. 11. 가비아서비스를 이용한 도메인 연결 https://customer.gabia.com/manual/hosting/324/4457 가비아: 국내 1위 customer.gabia.com 태옹은 가비아에서 할인행사 중인 500원 1년짜리 도메인을 구입해둔 상태이다. 도메인 구입까지 완료했다고 가정하고 진행한다. 가비아 사이트에서 my가비아 -> DNS관리 페이지로 들어가게 되면 내가 구입한 도메인을 확인할 수 있다. 우측에 설정을 누르면 아래와 같은 페이지가 뜬다. 레코드 수정을 누르면 아래와 같은 창이 뜨는데 레코드 추가를 누른다. 호스트에 @, 값/위치에 내 퍼블릭IP주소를 입력해준 후 저장한다. 이제 내가 등록한 도메인을 URL에 입력해보면 http://taeong.shop/ (지금은 중지시켜놓음) IP주소를 친 것과 동일하게 도메인 주소로.. 2021. 6. 30. [Ajax] Ajax기초 Ajax는 jQuery를 임포트한 페이지에서만 동작함 Ajax기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) url에 있는 값이 해당 코드를 통해서 response로 저장됨 문제1) 서울시 OpenAPI를 이용하여 데이터 표기 http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99 1. 모든 구의 미세먼지 표기 (구 이름 : 미세먼지수치) 2. 업데이트 버튼을 누를 때마다 지웠다 새로 씌어져야 함 3. 미세먼지수치가 70이 넘은 행은 빨간색으로 표기 문제.. 2021. 6. 26. [JQuery] 제이쿼리 기초 jQuery란? html의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리(사용 전 import필수) jQuery등장배경 : 자바스크립트 보완 자바스크립트의 문제점 1) 코드 복잡 2) 브라우저 간 호환성 문제 고려 - 불편 자바스크립트 코드 document.getElementById("element").style.display = "none"; 제이쿼리 코드 $('#element').hide(); 제이쿼리 import https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several .. 2021. 6. 26. 스토리보드 제작 및 테이블 설계 아 진짜 무슨 종강하고 과제를 내주냐고.........🤦♀️ 아무튼 지금 태옹은 종강을 했는데 스토리보드 제작 및 데이터베이스 설계 과제를 열나 하고있는 중이다. 디비 설계는 그래도 좋았는데 하다보니까 점점 테이블 수가 많아져서 '어랏 뭔가 이상하다'싶은 상태고 스토리보드는 완전히 노가다여서 거품물고 하고있다. 아무튼 갑자기 생각나서 지금 사용하고 있는 프로그램툴을 소개해볼까 한다. 1. AQueryTool - 테이블 설계 툴 https://aquerytool.com/ AQueryTool AQueryTool은 웹 기반 ERD 툴 + SQL 자동 생성 프로그램입니다. aquerytool.com 무료로, 웹에서 간편하게 테이블을 설계할 수 있다. 로그인 기능이 있어서 만든 테이블을 저장할 수도 있고 이미지.. 2021. 6. 24. [css] 자주 쓰는 애들 메모 1. 백그라운드 이미지 설정하기 background-image:url("이미지 url"); background-size:cover; background-position:center; 2. 화면 중앙에 위치시키기 요소들을 하나의 div안에 넣어놓고 magin속성을 auto로 지정 /*텍스트의 경우(바로 중앙정렬 안됨)*/ display:block;/*박스로 먼저 만들어줌*/ margin:auto; 또는 justify-content를 center로 지정 justify-content : center; 3. 폰트 설정 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through gr.. 2021. 6. 20. 이전 1 다음
