본문 바로가기

MENU

반응형 웹 (Responsive Web) - test6 상당히 오랫만에 글을 올린다. 그 동안 면접준비랑 면접보러다녀서 바뻤다. 그래도 계속 조금씩 만든 결과를 오늘 올리려 한다. 링크:http://creatijin.dothome.co.kr/project/Responsive/test9.html 여태까지 한 테스트를 합친 결과물이다. 애플사이트랑 구조를 똑같이 해보았는데 요즘 대기업들은 이런 구조를 많이 하는걸로 보여서 한번 해봤다. 더보기
GHz보다 천배 빠른 테라통신시대 온다 - ZDnet 우리는 지금 기가(giga) 헤르츠 시대를 살고 있는데 곧 테라헤르츠 통신이 가능하다는 소식이다. 기가랑 테라랑 얼마나 차이가 나느냐 1000배 빠르다고 나와있다.허허...ㅋㅋ 1000배라...이 성과는 한국연구재단 연세대 최현용 교수팀에 의해서 가능성을 보였다.이 기술은 휴대폰, 첨단 정보 통신산업 분야 등에서 응용할 수 있다. 현재까지는 테라헤르츠파는 큰 고가의 장비가 필요하고 주파수의 대역 조절도 불가능했다.하지만 이번 연구를 통해 테라헤르츠파를 원하는 대역으로 발생시킬 수 있는 기술이 개발된 것이다.테라헤르츠파의 주파수를 원하는 대로 만들 수 있다는 것은 초고성능의 제품 생산이 가능하다는 것을 의미한다고한국연구재단이 설명했다. 나는 이 분야의 전문은 아니라서 기술적인 설명까진 잘 모르겠지만기가헤르.. 더보기
CSS3 - overflow 종류 overflow는 작업할때 자주 쓰는거 같다. 주로 hidden을 사용하는데 다른 종류도 알아보자 일단 overflow가 뭔지부터 알아보자 - overflow영역 안에 있는 내용이 넘칠 경우 어떻게 처리할지 결정한다. - 종류 visivle : 영역보다 넘쳐난 내용을 그대로 보여줌 hidden : 영역보다 넘쳐난 내용을 표시하지 않고 스크롤을 제공하지 않는다. scroll : 영역보다 넘쳐난 내용을 위해 스크롤 제공 auto : 브라우저에 의존해서 해당내용이 영역보다 넘칠 경우 스크롤 자동 제공 더보기
CSS3 - border: style 종류 이번에는 CSS3 border-style 을 알아보자 거의 solid를 많이쓰지만 디자이너가 뭘 요구할지 모르니깐 알아둬보자 종류 -none: 테두리 없음 -hidden: 테두리 숨김 (none과 같으나 테이블 셀 요소라면 테두리 통합) -dotted: 점선 테두리 -dashed: 짧은 선들의 연속 지정 -solid: 실선 -double: 두개의 실선으로 지정 -groove: 테두리가 안으로 파진것처럼 보임 -ridge: 테두리가 밖으로 튀어나온것처럼 보임 -inset: 테두리를 포함한 컨텐츠 영역이 안으로 들어간것처럼 보임 -outset: 테두리를 포함한 컨텐츠 영역이 밖으로 튀어나온것처럼 보임 범위 div { border-style: solid } - 모든 테두리를 solid로 설정 div { bor.. 더보기
MS "낡은 IE 굿바이"... '웹 파편화' 줄일까 - ZDnet 크 이 얼마나 기쁜 소식인가... 웹 개발자들에게는 꿀같은 소식이다.IE 6,7,8은 개발자 입장에서 상당히 골칫거리인데 마이크로 소프트 인터넷 익스플로러 로고MS에서 기술 지원과 보안 업데이트가 공식 종료되고 구버전 사용자들에게 향후 가능한 최신 IE로 업그레이드해야 보안패치 등 기술 지원을 받을 수 있다는 소식이다기사 중간은 외국은 최신 웹 표준 브라우저 사용이 일반적이지만 아직도 국내에서는 IE가 점유율이 높단 것에 대해 소개되어 있고 개발자들도 이때문에 문제점이 많이 발생한다는 점이다.그 뒤로는 IE 지원 종료에대해서 나와있다.간단하게 설명하자면 IE 지원 종료는 일반 사용자들의 최신 브라우저 업그레이드를 촉진시킬 것이고저항하는 사용자가 있겠지만 이들의 전환도 시간 문제고MS는 공식 사이트를 통해.. 더보기
까페24 jQuery 사용주의!! 제이쿼리 라이브러리 적용도중에 까페24를 사용하는 나한테 큰 문제가 발생된다.작동을 안하더라... 문제가 어디서 일어나는지 알긴했지만해결방법을 고민하던중 '하코사'에 질문을 해봐서 알아낸 방법이 있다. 링크:http://sdsupport.cafe24.com/board/tip/read.html?no=400&board_no=6 이런 주의사항이 있었다니...!! 난 바보인가보다... ㅠㅠ 다음에 적용할때는 저거에 주의해서 다시 게시물을 올려야겠다... 더보기
jQuery - slick 슬라이더를 공부중 질문을 몇개 올려서 답을 받았는데 그중에 "플러그인을 써라 어짜피 클릭안되면 소용없다" 라고 해서 그래도 플러그인을 사용해보기로 했다. http://kenwheeler.github.io/slick/ http://bxslider.com/ 이 두가지 플러그인을 추천받았다. 반응형에 최적화 되어있다고 설명해줬다. 오늘은 slick을 먼저 사용해보기로 했다. css를 꾸미지 않고 넣어보았다. 작동은 잘된다. CSS와 script 를 적용해준다. CDN와 slick파일을 다운받아서 넣어줘야 적용한다. slick 사이트를 방문하면 친절하게 설명이 되어있다. 순서대로 하면 작동이 된다. 위에는 slick을 사용할때 js에 설정할 수 있는것을 알려준다. 엄청 많은데 다 설명할 수는 없기에 일부분만 찍.. 더보기
resize-slider 오랫만에 시간이 생겨서 이것 저것 해봤다.오늘은 링크를 먼저 걸고 설명해야 될꺼 같다.링크:http://newlex0124.cafe24.com/test/responsive/test6.html그냥 평범한 슬라이더인데 반응형을 짤때 어떻게 슬라이더를 구성해야될까 생각하다가만들게 되었다.js에서 resize문제로 몇시간 동안 해결이 안되다가 하코사에 물어봐서 해결했다...문제는 animate를 시켜서 슬라이더를 진행시킨 후 창 사이즈를 조절 했더니옆에 영역에 침범을 해버려서 슬라이더 기능이 안되는 거였다.몇시간 동안 인터넷을 뒤지면서 찾아봐도 딱히 해결 못하다가 하코사에 물어보니 여러 고수분들이친절하게 답변을 해주었다.var box_w = $(".box").width(); 이걸 넣고 left값과 resize의.. 더보기

티스토리툴바