데이터베이스에서 자료를 연결해서 화면에 출력하는데 제목이 다 노출 될때에는 말줄임표가 필요하다. .course_title4 { width: 100%; height: 45px; font-weight: 600; } 기존의 css를 수정해야한다. .course_title4 { width: 100%; height: 45px; font-weight: 600; /* 말줄임표 */ overflow: hidden; /*숨겨줘*/ text-overflow: ellipsis; /*말 줄임표로 잘린 텍스트가 있다고 표시*/ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

pinterest 디자이너 들이 많이 본다. 미리캔버스 velog 커리어리 Notion 노션 : 업무 협업 photoshop 을 다룰줄 알아야 한다. 난 돈이없다. 사줘 ㅈㅂ stack overflow : 전세계 개발자들. 영어를 잘해야 한다. 살려줘 토스 클린코드 원하는 로직을 빠르게 찾으려면 응집도: 학생 라는 동작을 해야한다면. 학생 일때만 작동하게 하고 아들은 아니다.. 단일책임 : 이름에 맞는 기능만 하게 해야함 추상화 : 사람 당장 몰라도 되는 디테일은 뭉치자 코드파악에 필수적인 핵심 정보는 뭉치면 안된다. 추상화.... 소 정밀화 -> 에서 기본만 남기고 소인 줄 알게 메소드명 단일책임: 매우 중요함. html Oven 서비스 이용약관 및 운영원칙 개인정보처리방침 ⓒ 2015-2016 Kak..

display:flex; flex-wrap:wrap; 만들때 좌우 간격 padding 위아래 간격 margin을 줘서 간격에 따라 나눠 준다.

태그 줄바꿈을 다 먹는다. 한줄로 쓴다. tab 하는데로 다 인식해버린다. title test 2022-12-27 로그인없이 테스트 가능 css .project-main{ padding-left: 15px; width: 862.5px; } .project-action{ display: flex; justify-content: space-between; } .btn{ border: 1px solid #adadad; border-radius: 2px; padding: 6px 12px; height: 34px; cursor: pointer; } /* .btn:hover{ background-color: #285e8e; } */ .btn-default{ background-color: white; } .btn-..

카카오 오븐은 부트스트랩을 토대로 만들어진 베타버전 우리는 노가다 중 혼자만들때는 더 노가다였다. 나의 프로젝트 나에게 공유된 프로젝트 모두 선택 새로운 프로젝트 만들기 .row{ display: flex; /**/ } .nav-stacked{ margin: 0; padding: 0px 15px 0px 0px; width: 277.5px; list-style-type: none; } .nav-stacked-list{ margin-bottom: 1px; border-radius: 2px; padding: 10px 15px; width: 262.5px; height: 40px; cursor: pointer; } .nav-stacked-list:not([class *= active-list]):hover{ b..

.btn-toggle{ display: flex; align-items: center; /*붙어있게*/ border: 1px solid #ccc; border-radius: 2px; width: 80px; } .change-viewtype{ background-color: white; color: #333; border: none; padding: 6px 12px; width: 40px; height: 34px; cursor: pointer; } .btn-toggle .change-viewtype:first-child{ border-right: 1px solid #ccc; } .page-header{ display: flex; justify-content: space-between; } .pull-rig..