박스모델의 생성 : HTML에서 js까지
박스모델의 생성 step01. - 직접그려보기 완성될 박스모델을 머릿속으로만 생각하지 말고 종이에 그려본다. 내가 만들 박스는 아래와 같은 형태이다. 서버와 텍스트는 Table로, 종류와 상태는 같은 div를 사용하는 img 태그를 사용할 예정이다. - 코드 생각해 보기 대략 아래와 같은 구분 영역을 가지게 될 것이다. ~ 이렇게 container_box라는 wrap으로 만들어야 나중에 드래그나 클릭과 같은 기능이 추가되었을 때 가장 이상적으로 제어가 가능하다. container_box는 position을 absolute로 지정해 주면되고, table은 그냥 일반적인 테이블 코딩 종류와 상태의 경우 같은 div에 들어있다. - 코드짜보기 애플PC - 결과보기 아직 우리는 장비와 상태 부분에 css를 적용..
박스모델 공식, 그리드 정렬공식 (정리와 설명은 나중에)
박스모델의 생성박스모델의 생성과 아이콘 위치 조절박스모델의 동적 생성박스모델의 동적 생성과 아이콘의 위치 조절 jQuery를 사용한 mouseover,mouseout,mousemove,mousedown,mouseupjQuery-ui를 사용한 dragjQuery-ui를 사용한 drag와 옵션jQuery-ui를 사용한 drag와 옵션 - GridjQuery-ui를 사용한 drag와 옵션 - Grid 의 아이콘 수평 가로 정렬, 수직 세로 정렬 맞추기 jQuery - ContextMenu Library를 사용한 ContextMenu의 생성jQuery - ContextMenu Library를 사용한 ContextMenu의 동적생성jQuery - ContextMenu Library를 사용한 ContextMenu의..
CSS Font-Size: em vs. px vs. pt vs. percentOne of the most confusing aspects of CSS styling is the application of the font-size attribute for text scaling. In CSS, you’re given four different units by which you can measure the size of text as it’s displayed in the web browser. Which of these four units is best suited for the web? It’s a question that’s spawned a diverse variety of debate and cri..
한양 HYC-G800 공유기 관리자 페이지, 무선 설정, 보안 설정, 포트포워딩
한양 HYC-G800 공유기 연결 및 무선 설정 이미지출처 : http://itempage.auction.co.kr/detailview.aspx?itemno=A141552786 목차 1. 관리자 페이지 접속하기 2. 관리자 페이지에 아이디와 비밀번호 변경하기 3. WIFI 무선 설정하기 4. 포트포워딩 (스타크래프트나 워크래프트 같은 UDP 포트를 사용하는 접속을 위한 포트개방) 1. 관리자 페이지 접속하기 [접속과 계정] HYC-g800의 공유기 설정 관리자 페이지 주소는 http://192.168.200.254:8080 이다. (8080의 의미는 HTTP 프로토콜이 통신하는 통로이다. 기본 값은 80포트 이고, 80포트는 굳이 명시해주지 않아도 된다.) 기본 계정과 비밀번호는 admin / admin..
DB저장의 효율과 용량 퍼포먼스를 위해 알맞은 데이터타입의 지정과 사용의 필요성이 있다. 대략 아래를 참고하여 테이블 생성 시 속도를 향상시켜 보자. 예) 열 이름 설명 예 적합한 데이터 타입 가격 (price) 물건 판매가 5678.39 DECIMAL(6, 2) 우편번호 (zip_code) 5~10개의 문자 4836-3854 VARCHAR(10) 원자량 (atomic_weight) 원소의 원자량 (소수점 6자리) 4.123456 DECIMAL(10, 6) 설명,가사 (Description, Lyrics) 용량이 큰 텍스트255이상의 문자열 (1절) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 (2절) 남산위에 저 소나무 철갑을 두른 듯 바람 서리 불변함은 우리 기상일세... TEXT..
자유게시판 번호 제목 작성자 작성일 조회수
화면 회전시 폰트사이즈 고정1body {-webkit-text-size-adjust:none}페이지가 랜더링될 때 모바일 사파리는 텍스트의 크기를 자동으로 조절하는데, 이때 -webkit-text-size-adjust를 이용해 텍스트의 크기를 고정 또는 원하는 대로 조절할 수 있습니다. css의 body에 적어주면 해결됩니다.-webkit-text-size-adjust의 3가지 속성auto : 화면의 폭에 맞추어서 텍스트의 크기를 자동으로 조절none : 폰트사이즈 고정n% : 폰트사이즈를 지정된사이즈로 변경모바일 웹페이지를 가로크기에 맞추기1스마트폰에서 랜더링 시켰을경우 터치를 통한 화면의 크기가 변경되지 않아야 하는데, 일반 웹사이트들은 그 크기가 pc에 맞게 제작되었기 때문에 상대적으로 작은 모바일..
근황 그리고 신념 Recent and Belief
가끔 혼자있을때 금요일 미드나잇이 다가오면 이런저런 옛 생각과 고민 그리고 잡생각이 많아진다. 오늘같은 날이 딱 그날이다.. 아주아주가끔 이 폴더에 이렇게 글을 남기지만 내가 가진 생각이나 감정을 과연 글로써 어디까지 투사할수 있을지.. 나이를 더할수록 오래된 것, 예전의 것 그리움이나 향수(鄕愁)가 더 깊어진다. 분명히 공학과 간단한 수학, 알고리즘에 관련된 프로그램 블로그인데.. 이런 감정을 가지고 글을쓰거나 하면 마치 여기의 글( http://serpiko.tistory.com/412 ) 처럼 감성의 형상을 가진 주제로 변모하는 것도 같다.. 그나저나 나의 최근 근황을 적어보자면.. 어제는 막역한 사이는 아니지만 고등학생때 부터 서로 가진 생각이나 행동에 대해 잘 지지하고 응원해주는 몇 안되는 좋은..
호출부 var _confirm_duplicate = "false";var newWinURL = "popCheckId.php?identifier=" + pUserID.val();var newWinName = "IDchk";var newWinOpt = "width=380, height=200, menubar=no, toolbar=no, location=no, status=no, scrollbars=no, resizeable=no";window.open(newWinURL, newWinName, newWinOpt); ajax$("#_confirm_duplicate").load("popCheckId.php #_confirm_duplicate", complete);function complete(){_confirm..
'm Thinking I miss ... Thus it is that old and suffered a series of concentric depression .. continued ... Is to hear the song of Freddie Mercury becomes more centimeters ..... ryrics~ Is this the real life?Is this just fantasy?Caught in a landslide,No escape from reality. Open your eyes,Look up to the skies and see,I'm just a poor boy, I need no sympathy,Because I'm easy come, easy go,Little hi..