분류 전체보기 (260) 썸네일형 리스트형 2220802 - 리액트 - (Read) 메뉴 클릭 시 내용 표시 / (Create) 생성버튼 클릭 시 목록에 추가 상위메뉴 클릭 - 하위내용 표시 App import { Component } from 'react'; import './App.css'; import Subject from './Subject'; import TOC from './TOC' import Content from './Content' class App extends Component{ constructor(props){ super(props); this.state={ mode:'read', subject:{title:'웹카페',sub:'웹에 대해 알아봅시다'}, welcome:{title:'환영합니다',desc:'웹카페 홈페이지 방문을 환영합니다'}, contents:[ //배열 객체 {id:1, title:'HTML5에 대해', desc:'.. 220801 - 리액트 리액트 문법 https://velog.io/@edie_ko/React-JSX%EB%9E%80-%EB%A0%8C%EB%8D%94%EB%A7%81-Rendering%EC%9D%B4%EB%9E%80 React | JSX란? 렌더링 Rendering이란? JSX를 정리하기에 앞서 간단히 리액트를 정리해보자. 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리이다. 하나의 단일 url을 가지고 SPA(Single Page Application)으로 사이트를 표현하는 velog.io https://medium.com/react-native-seoul/react-%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%A5%BC-%EC%B2%98%EC%9D%8C%EB%B6%80%ED%84%B0-%EB%B0%B.. 220729 - React - 환경 구축 리액트 서브페이지 X 싱글페이지 O (SPA) 프로젝트 단위로 프로그램 구축 ※ component 사용자 정의 태그 (이름, 속성 모두 개발자가 명명) 리액트의 최소 단위 클래스와 함수로 나뉨 ※프레임워크, 라이브러리 차이 https://canoe726.tistory.com/23 React 는 왜 프레임워크가 아니라 라이브러리일까? React에 관한 글을 작성하다가 React는 왜 라이브러리일까? 그리고 프레임워크와 라이브러리의 차이점은 무엇일까? 에 대한 해답을 얻기위해 포스팅을 작성하게 되었습니다. 1. React 는 프레임워크 canoe726.tistory.com ※리액트, 리액트 네이티브 https://zeddios.tistory.com/409 리액트? 리액트 네이티브?? 안녕하세요 :) Zedd.. 220728 - 제이쿼리 - 플러그인 제작 객체 제품 bind() : 함수, 객체 연결 제품 extend(a,b) : 객체 통합 ~jQuery~ 제품 객체 교체 ex. 기존 이용했던 플러그인도 객체 속성 교체했음 $('a[rel="colorbox"]').colorbox({ transition:'fade', opacity:0.8, onOpen:function(){ //창 뜰 때 alert('7월에 출시된 신제품입니다'); }, onClosed:function(){ alert('한정 재고 상품입니다'); } }); => 기존 플러그인 default값이 입력한 속성값으로 교체됨 배열 Array.from: 배열 복제 플러그인 만들기 1 css 파일을 제공할 것인가 2 플러그인 적용할 대상 태그는 무엇인가 3 어떤 메서드를 제공할 것인가 ex. .colo.. 220727 - 제이쿼리 - 플러그인 (Masonry, bxslider, cookie) 오류 해결 칼라박스 활용한 플리커 이미지 앨범 => 지난번 검색 기능 구현 안 된 건 input에 json값을 안 줘서 발생한 거였다 Masonry 플러그인 : 화면 크기에 따라 요소 간 공백 채워줌 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 *{ margin: 0; padding: 0; } body{ background-color: #525252; } .item{ margin: 5px; width: 100px; height: 100px; background-color: whi.. 220726 - 제이쿼리 - colorbox 플러그인, ajax(json, xml 데이터 처리) colorbox 플러그인 https://slyeee.tistory.com/6 open with live server ※ 비동기식 ex.자바스크립트 대기 시 다른 작업하고 있음 빠른 처리 / 한 작업 에러 -> 다른 작업에도 영향 동기식 ex. 자바 작업 받기 위해 기다림 느림 / 독립적 스레드 이용 -> 다른 작업에 영향 X 여기는 본문 본문 내용 AJAX - 자바스크립트로 서버 구현 (제이쿼리X) 여기는 본문 본문 내용 여기는 본문 본문 내용 ※ readystate : XMLHttpRequest 객체의 상태 0. UNSENT : XMLHttpRequest 객체가 생성됨. 1. OPENED : open() 메소드가 성공적으로 실행됨. 2. HEADERS_RECEIVED : 모든 요청에 대한 응답이 도착함.. 220725 - 제이쿼리 - 예제, 플러그인 (ui, colorbox) ui 플러그인 autocomplete : 자동완성 기능 단어 tabs : 탭 형태 경제뉴스 사회뉴스 스포츠뉴스 경기선행지수 13개월째 하락‥"경기 전망 부정적" 지난 6월 한국의 OECD 경기선행지수는 98.87을 기록해 지난해 5월 이후 13개월 연속 내림세를 보이고 있는데, 특히 최근 6개월간은 지수가 기준선인 100을 밑돌았습니다. 이제 취업자 3명 중 2명은 산재보험 가입자 취업자 3명 중 2명은 산재보험 가입자라고 볼 수 있는 정부 통계가 나왔다. 거절, 거절, 거절..."첼시, 모든 선수들에게 거절 당하는 팀" 25일(한국시간) 유럽 축구 전문 기자 파브리지오 로마노는 "지난 몇 시간 동안 바르셀로나는 쥘 쿤데 측으로부터 연락을 받았다. 쿤데는 바르셀로나의 제안을 수락할 준비가 됐다. 사비 에.. 220722 - 제이쿼리 - ui 플러그인 dialog (알림창) 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 input,label{ width: 95%; mask-border: 12px; padding: 0.4em; } .dialogTitle{ font-size: 1.3em; text-align-last: center; color: blue; } $(function(){ $('#dialog').dialog({ //팝업창 설정 autoOpen.. 220721 - 제이쿼리 - 이미지 슬라이드 구현 이미지 슬라이더 5버튼 (버튼 클릭할 때마다 해당 인덱스 이미지로 이동) raw 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 1.. 220720 - 제이쿼리 - 실습 예제, 플러그인 예제 문제 7 : 1. 처음에는 상위메뉴만 보이게 2. 클릭시 하위메뉴 슬라이드다운 / 다른 메뉴는 슬라이드업 3. 하위메뉴 호버했을 때 상위메뉴 배경 유지 (.on css스타일 활용) 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 회원사담당자 공지사항 - 업무관련 공지 심사신청 - 신규광고 신청 광고물 제출 - 수정안 제출 - 영상물 제출 조회 - 광고심사조회 준법감시광고 - 사전승인보고 - 광고물 제출 - 사전승인내역조회 $('.depth2').hide(); $('#.. 이전 1 ··· 12 13 14 15 16 17 18 ··· 26 다음
