본문 바로가기

공부/HTML518

table로 만들어진 홈페이지를 DIV로 바꾸기 오늘은 하루종일 table로 만들어진 홈페이지를 DIV로 바꾸는 작업을 했다. 서버를 옮기면서 아예 내부도 싹 바꾸는 작업이었는데, 우워어 이거 장난아니다. 물론 C언어로 코딩된 소스코드를 Java로 옮기는일보다는 덜 힘들었지만 DIV로 바꾸는 작업도 힘들긴했다. ㅋㅋDIV로 바꾸면서 자꾸 틀어지는것때문에 속상하기도 했는데 DIV로 구조 짜는것에 대해서는 많이 익숙해진 것 같다. 코딩하면서 나를 삽질하게 했던 두 가지 문제가 있었는데, 하나는 Div안에 넣은 Div가 가운데 정렬을 못하는 문제였는데 이건 margin: 0 auto; 로 해결을 봤고, 다른 하나는 부모 Div가 안에 있는 자식 Div 크기를 인식하지 못해서 Div 안에 있는 Div의 크기만큼 유동적으로 늘어나지 못하는 거였는데, 이건 안에.. 2012. 7. 11.
HTML5 사이트 조사 - https://sifterapp.com/ small teams와 비전문적인 사람들과 함께하는 팀을 위해 설계된 협업툴.◆ 특징 : 협업툴이다. 30일동안 무료로 사용해 본 후에 결제할 수 있다.Project Dashboard, Milestone Dashboard, Issue Listing, Issue Detail, Issue Creation의 기능이 있다. (dashboard : 웹에서, 한 화면에서 다양한 정보를 중앙 집중적으로 관리하고 찾을 수 있도록 하는 사용자 인터페이스(UI) 기능.)Project Dashboard는 프로젝트의 전체 개요를 볼 수 있고, Milestone Dashboard는 Milestone은 Sifter의 큰 부분을 차지하며 프로젝트가 끝날때까지 각 Milestone이 도달하는 전반적인 진행상황을 확인하고, Issue.. 2012. 7. 2.
HTML5 사이트 조사 - http://pancakeapp.com/ Invoice(송장 : 매매 계약 조건을 수행하였음을 밝히는 서류. 일반적으로 국내 거래에서는 거래 명세서라고 함)과 Estimate(견적서 : 거래 전 셀러가 바이어에게 어떠한 제품에 대한 가격, 기타 조건등을 제시하는 것. sales invoice 하고 같은 맥락)를 작성하는 사이트.◆ 특징 : 송장과 견적서를 웹에서 작성하고 바이어에게 보낼 수 있으며, Proposal을 거절 할 수도 있고, Accepted 할 수 있다.Invoice 생성과 관리, Estimates 생성과 관리, Project 생성과 관리, Proposals 생성과 관리, Reports, Clients 추가와 편집과 삭제, Users 추가와 그룹 관리를 한 번에 할 수 있다.◆ 사용 : demo를 사용해봤다. 다른 사람들이 벌써 작.. 2012. 7. 2.
HTML5 사이트 조사 - https://agilebits.com/onepassword 비밀번호 관리 프로그램. (1Password 라는 이름에서부터 무엇인지 감이 잡힌다.)◆ 특징 : 사실은 비밀번호 뿐 아니라 다양한 종류의 정보들을 관리할 수 있는 프로그램이다. 브라우저와 통합되어 각종 사이트의 아이디와 비밀번호를 자동으로 채워주는 기능은 가장 기본적이고 단순한 기능일 뿐. 이외에 카드 번호, 개인 정보 등의 민감한 정보들을 관리해 준다. Dropbox 싱크를 지원하기 때문에, 다른 맥과 윈도우 컴퓨터, 그리고 아이폰과 아이패드에서 동일한 정보를 사용할 수 있다는 장점도 있다. 각 사이트마다 이 프로그램이 생성하는 서로 다른 강력한 암호를 쓰는 것이 제일 좋은 방법이다. 다만, 맥과 윈도우, 아이폰과 아이패드용 어플리케이션을 모두 사야 한다는 압박이 좀 있긴 하다.(Commercial .. 2012. 7. 2.
HTML5 사이트 조사 - http://basecamp.com/ project management tool (협업툴)◆ 특징 : 깔끔하고 직관적이다. 요금은 월 $20부터 $150 까지 제공하는 GB와 관리할 프로젝트의 개수에 따라 달라진다. 그래도 45일 동안 free trial 할 수 있으니 사용해보고 결정해도 괜찮을 것 같다. ◆ 사용 : 처음 가입해서 들어가니 이렇게 간단한 화면이 나온다. New Project를 선택해 새로운 프로젝트를 만들었다. 사용할 수 있는 기능들은 Discussion, To-do list, File, Text document, Dates 이렇게 있다.Discussion을 통해 팀원들이 자유롭게 의견을 나눌 수 있고, To-do lists를 통해 중요하게 해야 하는 일이 무엇인지 한눈에 볼 수 있고, Files를 통해 각자가 가지고 있는.. 2012. 7. 2.
HTML5 발표 참고자료 http://hungi.tk/html5%EB%A1%9C-%EC%9E%91%EC%84%B1%EB%90%9C-%EB%B3%BC%EB%A7%8C%ED%95%9C-%EC%82%AC%EC%9D%B4%ED%8A%B8-15%EA%B3%B3/ http://html5gallery.com/ http://lifehack.kr/90112801324 http://www.onextrapixel.com/2010/12/10/31-modern-html5-demos-that-can-beat-flash/ http://jmn0220.blog.me/90132452711 http://namdroid.tistory.com/455 http://wasjwa.blog.me/123690532 2012. 3. 14.