dion

24.03.19 24일차 목차 1. STOP 2. CallBack 3. Chaining 1. STOP 2. CallBack 순서에 따라 다른 결과를 낼 수 있으니 주의 alert가 동일선상에 있다면 alert가 우선순위를 갖는다 3. Chaining 연속 동작 기능

IT/JQuery 2024. 3. 19. 11:37

24.03.18 23일차 목차 1. Oracle 설치 2. 개인 계정 생성 3. Eclipse 다운로드 4. Eclipse 사용 5. 테이블 생성 및 사용 6. 자바 프로젝트 생성 1. Oracle 설치 2. 개인 계정 생성 1. schemas 생성 - id : system - pw : 0000 으로 로그인 * system에서 계정 만들기 - cmd 창 1. 계정 생성 [CREATE USER 'id' identified by 'pw'] 2. 권한 설정 [grant connect, resource to 'id'] : id에게 자원과 연결할 수 있는 권한 부여 3. 확인 system으로 로그인한 SQL에서 exit로 빠져나간 후 재로그인 3. Eclipse 다운로드 www.eclipse.org The Com..

IT/DataBase 2024. 3. 18. 17:45

24.03.18 23일차 목차 1. Slide 2. Animate 1. Slide slideDown : 숨겨져 있던 것이 아래로 내려오며 보이는 이벤트 visibility: none; > 자리를 차지하고 있지만 보이지 않음 display: none; > 자리를 차지하지 않고 사라짐 클릭시 숨겨놨던 박스가 아래로 내려옴 slideUp : 설정한것이 올라가며 사라지는 이벤트 slideToggle : 하나의 설정으로 slideDown과 slideUp을 처리하는 이벤트 2. Animate 움직이는 동작을 지정 animate({left:' px '}) : box에 이미지 넣기 움직이며 크기 커지기 기본 설정 div 크기 : 100px, 100px animate 설정에서 크기를 150px, 150px로 설정하면 애..

IT/JQuery 2024. 3. 18. 14:31

24.03.15 22일차 목차 1. JQuery 다운로드 2. Selector 3. Event 4. Hide / Show 5. Fade 1. JQuery 다운로드 UI 다운로드 jquery는 바로 사용할 수 없고 ui 파일을 다운받아서 사용해야함 https://jqueryui.com/ jQuery UI jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date pi..

IT/JQuery 2024. 3. 15. 17:27

실습1 구조설계 스타일설계 실습2 구조설계 스타일설계 실습3 구조설계 스타일설계 실습4 설계구조 스타일구조 실습5 구조설계 스타일설계 실습6 구조설계 스타일설계 종합 구조설계 1. header(header1,2,3) 2. navigator(navi) 3. content(1,2,3) 4. footer(1,2) 스타일설계

IT/CSS3 2024. 3. 14. 17:51

24.03.13 20일차 목차 1. display 2. border 3. 그림자속성 4. 벤더 프리픽스 1.display display: inline; : block 타입을 inline으로 지정 inline으로 지정되었기 때문에 style 설정으로 박스 크기를 설정했지만 적용되지 않음 display: inline-block; : 상하좌우 모두 margin과 padding을 적용 가능 diaplay hidden : 통채로 사라짐 visibility hidden : 보이지는 않지만 여백으로 자리를 차지함 2. border 1. 테두리 설정 2. border-radius : 테두리가 둥근 사각형 설정 *사각형의 테두리를 각각 지정할 수 있다(시계방향) 3. 그림자속성 1. text-shadow : 오른쪽 아래..

IT/CSS3 2024. 3. 13. 17:47

https://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 bootstrap 다운로드 bootstrap-3.4.1-dist에 들어있던 css,fonts,js 폴더를 바깥으로 꺼낸다 bootstrap 사용 준비 1. 해상도별 키워드와 사이즈 구분 스마트폰 태블릿 데스크톱 큰 데스크톱 넓이 768px 미만 768px 이상 992..

IT/BOOTSTRAP 2024. 3. 13. 14:18

24.03.12 19일차 목차 1. 변형속성 - transform 2. 애니메이션 3. 모바일 웹 4. 반응형 웹 1. 변형속성 transform : 각도회전 :hover : 마우스커서를 올릴 때 :active : 마우스를 클릭할 때 transition-duration : 지속시간 설정 transition-delay : 지연시간설정 세로기준 표 가로기준 표 2. 애니메이션 keyframes : 애니메이션을 재생할 각 프레임의 스타일 정의 (0%혹은 from부터 100%혹은 to 까지로 점차 바뀜) animation-interation-count : 애니메이션의 반복횟수 animation-direction : 애니메이션의 진행 방향 설정 alternate : 순방향 진행 후 역방향 진행 animation-..

IT/CSS3 2024. 3. 12. 17:47