소스창고 소스창고

현재 css작업을 끝마친 상태입니다 하지만 반응형에서 약간 오류가 있네요. 내일 css수정과 자바스크립트를 이용한 기능들을 추가해보도록 하겠습니다. 참고해서 공부해야할 링크 : https://developer.mozilla.org/ko/docs/Web/API/Element/classList

종종 table 태그 없이 테이블 형태를 만들어야 하는 경우가 있습니다. display:table을 이용할수도 있지만 간단하게 작업해서 만들어보았습니다. 내용1내용2 내용1내용2 내용1내용2 내용1내용2 내용1내용2 내용1내용2 내용1내용2 .row { border: 1px solid #e7e7e7; border-radius: 5px; background-color: #fefefe; width: 810px; height: 230px; margin: 0 15px; display: table; } .row-1, .row-2, .row-3, .row-4, .row-5, .row-6, .row-7 { display: inline; } .row-1-1 { width: 220px; height: 33px; floa..

Atom Github에서 만든 텍스트 에디터. 플러그인 확장 기능 실행속도가 느린편. VSC 터미널을 자체적으로 내장 Git 과 연동으로 인한 협업의 편리성 확장 프로그램의 다양성 (2018년 stack overflow에서 개발도구 인기 1위) Notepad++ 문법 하이라이팅 기능 고소트라이팅 기능 사용자 정의 문법 하이라이팅 GUI를 다양한 커스터마이징이 가능 자동완성기능 다중언어 환경 지원 북마크 메크로 동시편집 Adobe Dreamweaver 반응형 웹을 구축하기가 매우 편리함(부트스트랩 내장) 무겁고 높은 가격

오늘 업무중에 table 태그를 사용하지 않고 div태그와 style 만으로 table을 만들어보았습니다. //html table heading1 heading2 heading3 row1 column 1 row1 column 2 row1 column 3 row2 column1 row2 column2 row2 column3 // css .table { display: table; } .title { display: table-caption; text-align: center; font-weight: bold; font-size: larger; } .heading { display: table-row; font-weight: bold; text-align: center; } .row { display: ta..