Flex-box 활용하기. (https://github.com/KIMSG/javascript30/blob/master/day5/index.html) 1 2 3 4 5 .panels { min-height:100vh; overflow: hidden; display: flex; } cs Flexbox레이아웃을 구성할 땐 콘텐츠를 감싸는 부모요소에 이 속성을 지정한다. 지원현황 : 인터넷익스플로우 파이어폭스 사파리 크롬 오페라 IE10+(hybrid) FF2~21(old), FF22이상(modern) SF3.1 이상(old), iOS3.2 이상(old) CH21 이상(modern), CH20 이하(old), An2.1 이상(old) O12 이상(modern) Blackberry 브라우저 10 이상은 moder..
array의 중요 함수와 기능들에 대해서 실습해 봅니다. (https://github.com/KIMSG/javascript30/blob/master/day4/index.html) 기본예제 소스 : https://github.com/wesbos/JavaScript30/blob/master/04%20-%20Array%20Cardio%20Day%201/index-START.html 처음에 예제소스에 선언된 배열이 있기 때문에 예제 소스를 우선 다운받아서 시작합니다. 1 2 3 4 5 6 7 8 9 10 11 // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's const fifteen..
Update CSS Variables with JS #css, js 변수를 업데이트 할 수 있다. (https://github.com/KIMSG/javascript30/blob/master/day3/index.html) input 태그를 이용하여 값이 변화할 때마다 style을 변화할 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 const inputs = document.querySelectorAll('.controls input'); function handleUpdate(){ const suffix = this.dataset.sizing || ''; document.documentElement.style.setProperty('--${this.name}', this.value + suff..
javascript를 시작하는 (아주 기초는 알고 있는) 사람들에게 유용한 사이트 입니다. https://javascript30.com/ https://github.com/wesbos/JavaScript30 하루에 하나씩 배워가면서 javascript의 심화 단계로 발전하는 사이트 입니다. 강사님의 강의를 돈을 지불하고 배울수도 있지만, 우선은 무료 강좌 부터 하나씩 보고 단계를 밟아보려고 합니다. #시계만들기 (https://github.com/KIMSG/javascript30/tree/master/day2) 위와 같은 시계 화면을 만들기 위해 css와 javascript 코드를 적용했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2..
JetBrains Night 서울 2017JetBrains 팀이 작년에 이어 다시한번 서울에 방문합니다! 최근 출시된 2017.3 버전의 IDE 에 대해 알아보고, JetBrians 툴을 이용하여 생산성을 극대화 하실 수 있도록 다양한 모범 사례들을 공유할 예정입니다. 올해 상반기에 Google 의 공식 개발언어로 선정된 Kotlin 에 대한 세션도 강화할 예정입니다. 아울러, 스낵 및 음료를 비롯하여 무료 라이선스 및 각종 경품 추첨이 진행됩니다.본 이벤트는 소정의 참가비를 받고 있으며, 선착순 500명으로 제한되어 있기 때문에 사전 등록은 필수입니다. 일부 발표는 영어로 진행되지만, 동시통역으로 한국어로 제공됩니다. 한국총판 (주)단군소프트는 2002년부터 IT컨설팅, 소프트웨어 공급 등 다양한 IT..
웹접근성을 위해서 웹페이지의 태그에 해당 페이지의 내용을 나타내야만 한다. 예를 들어본다. 아래와 같은 페이지에서 탭의 제목이 'title을 바꾸는 스크립트'라고 표시가 된다. 이처럼 사용자가 보고 있는 페이지의 title을 항상 바꿔줘야 하는 것이다. 대부분의 사이트는 메인화면에 메뉴탭에서 원하는 메뉴를 선택하여 세부 항목으로 들어간다. 때문에 ' 대메뉴 > 중메뉴 > 소메뉴' 의 방식으로 페이지의 상단에 적어 놓는 부분이 있을 것이다. 웹페이지의 전체적인 경로 또는 현재 페이지의 설명이 될 수 있는 내용을 꼭 title에 기입해야 한다. 123$(function($){ document.title = '수정하고 싶은 제목';});cs 웹접근성을 준비 하다보니 페이지가 이동할 때, 해당 페이지의 메뉴를 ..
https://postcodify.poesis.kr/guide/example 12345678910111213검색 $(function() { $("#postcodify_search_button").postcodifyPopUp(); }); cs 이미 jQuery를 사용하고 있는 경우에는 search.min.js 파일만 로딩하셔도 됩니다. 검색창 직접 구현 1234567891011121314151617181920212223 $(function() { $("#postcodify").postcodify({ insertPostcode5 : "#postcode", insertAddress : "#address", insertDetails : "#details", insertExtraInfo : "#extra_info..
123456select A.*, B.ads,(selectdafg wherea ) C.gga as test from TEST1 Aleft OUTER joinon A.abd =B. cdeleft OUTER join (select * from TEST2 where 2=3) Con A.abd =B. cde;Colored by Color Scriptercs 이렇게 JOIN하면 속도가 훨씬 빠릅니다. 12345SELECT A.*, B.* FROM tb_user_info A LEFT OUTER join(SELECT * FROM tb_attach_file WHERE 1 = 1)B ON A.USER_NO = B.USER_NOwhere 1=1 AND A.`USER_NO`='00001'Colored by Color Scri..
NoSQL을 파이어 베이스에 넣은 이유는 파베가의 RealDB가 NoSQL 기반이기 때문이다. Facebook, Twitter, LinkedIn, Amazon 등의 서비스를 사용한다면 우리는 이미NoSQL DB기술을 사용하고 있는 겁니다. 페북, 트위터, 링크드인, 아마존은 NoSQL을 사용한다. 기업의 ERP, MIS 에서도 많이 사용한다. 관계형데이터베이스보다 융통성 있는 데이터 모델을 사용하고 데이터의 저장 및 검색을 위한 특화된 메커니즘을 제공한다. 조인 기능 없음데이터 조회를 위해서 직접 프로그래밍여러 데이터베이스 서버를 묶어서(클러스터링) 하나의 데이터베이스를 구성데이터처리 완결성 미보장데이터의 스키마와 속성들을 다양하게 수용하고 동적으로 정의데이터베이스의 중단업슨 서비스와 자동 복구 기능 지..
- Total
- Today
- Yesterday
- input
- floating button
- Eclipse
- 르프리크
- 성수뚝떡
- server.xml
- juso.go.kr
- Mac
- 토라식당
- 터미널
- 또오류
- 최고심
- 오라클
- textcleaver
- html
- 이클립스
- 관리자설정
- 성수밥
- 아파치
- Lalavel
- 위잇딜라이트
- globals.properties
- Apach
- LTFViewr
- 소년아저씨
- 톰캣
- Tomcat
- 힘냉면록
- 정규식
- 맥
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |