display 와 position 한방에 이해하기!! Block-level 1 2 3 Inline-level 1 2 3 display : 는 inlin과 block으로 나뉜다고 볼 수 있다. span : edfult inline(물건) **쓰는 값에 따라 모양이 변한다. div : defult는 block(상자) ** 상자고 기본적으로 밑으로 내려간다. ** inline-block : 한줄에 여러개 들어가는 상자 position : relative; : 내가 원래 있던 자리에서부터 이동한다. absolute; : 담겨 있는 박스안에서 이동한다. fixed; : 웹페이지 안에서 움직인다. sticky; : 원래있어야하는 자리에 있으면서 스크롤링 되어도 그자리에 있는다.
Asynchronous Javascript and XML 일반적인 HTTP 요청 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 홈페이지 전체를 새로고침 하지 않더라도, 페이지일부에 정보를 받아오는 것.. 대표적으로 검색어 자동완성 $.ajax({ url: “전송페이지”, //전송방식 두가지.. get(보안이 낮음), post(보안이 높음) type: “전송방식”, data: “전송할 데이터“, dataType: “요청한 데이터 형식“, success: function(data){ 전송 성공 시 실행될 코드; }, error: function(){ 전송 실패 시 실행될 코드; } });
DOM 다루기 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. jQuary를 사용하겠다!! $(document). ready(function() { }); .append() 메소드 $(target).append(source) 클릭이벤트 처리해보기 $(this) : 클래스명이나 id를 각각 설정해서 호출해야줘야하는데 자기 자신을 가리키는 변수 $this를 사용한다면 중복 소스를 줄여줄 수 있다. > 현재 이벤트가 발생한 애 data() [데이터 저장] - 문법 : $(..
일반함수 //일반함수사용법? function sayHello() { console.log(“안녕하세요?”); } sayHello(); // > 안녕하세요 리턴함수 function getCalcNumbers() { sayWelcome(); // >"안녕하세요" var numberOne = 10; var numberTwo = 20; var result = numberOne + numberTwo; console.log( numberOne + “ + ” + numberTwo + “ = ” + result ); // return 키워드는 호출자에게 함수의 호출 결과값을 전달할 수 있도록 한다. return result; } var calcResult = getCalcNumbers(); console.log(cal..
북마크를 누르면 바로 이동이 가능합니다. 1. 개요📝
북마크를 누르면 바로 이동이 가능합니다. 1. 개요📝
폼(from) 웹 화면의 특정 항목에 사용자가 뭔가를 입력하는 형태 ex) 회원가입 화면, 로그인 화면, 게시판 화면 을 만드는 기본적인 태그 method name action target 폼요소에 레이블을 붙임 폼들을 하나의 영역으로 묶음 하나로 묶은 그룹에 이름을 붙여줌 아이디: 비밀번호: 작성자한테 받는 부분 input은 꼭 타입이 들어가야한다 hidden 사용자에게 보이지는 않지만 서버로는 넘겨지는것 text : 문자타입 tel : 전화번호 url : url입력 password : 비밀번호 입력 -> ****으로 출력된다. datetime : 국제표준시로 설정된 날짜와 시간 date : 사용자 지역 기준 날짜 month : 연, 월 week : 연, 주 number : 숫자를 조절할 수 있는 화살..
- Total
- Today
- Yesterday
- 프레임워크
- 등산로API
- tkgiddl
- 스프링부트
- Java
- select사용법
- 컬렉션프레임워크
- 등산어플
- 하이브리드앱만들기
- 정규화
- 추상클레스
- SET연산자
- 리츠란
- 앱만들기
- 모바일웹만들기
- 라이브러리란
- JAVA프로젝트
- 프레임워크란
- SQL
- 등산앱개발
- 모바일앱만들기
- static
- 프레임워크 라이브러리 차이점
- Spring프로젝트
- 스프링
- 등산웹개발
- SQLD
- map
- 스프링개념
- 쉬운개념
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |