Emma.log()

평점 드래그에 대해선 정보들이 좀 있었는데 DB에서 받아온 평점 값을 화면에 별로 보여주는 부분에 대해선 자료가 별로 없었다... 그래서 이래 저리 머리를 쓰다가 jquery 로 하나 짰다. 나는 화면 상세페이지에 한 상품에 대한 별점을 보여주고자 하였다. 처음엔 이걸 전부 if else로 돌렸다. var grade = $('.gradeNum').text(); //기존것 if(grade = 1.5 && grade < 2){ //alert(grade+'1.5'); $('.gradeStar').empty(); $('.gradeStar'..

글자수가 어느정도넘어가면 말줄임표 처리를 하려한다. 더 추가할 기능은 있지만 우선 말줄임표 처리에 대해 먼저 정리한다. 이럴 때 사용 가능한 속성을 text-overflow: ellipsis 와 -webkit-line-clamp: 숫자 를 사용할수있다. 한줄만 보이게 하려면 text-overflow:ellipsis 를 사용하면 한문장에서만 사용가능하고 이걸 적용하면... 말줄임표가 숨겨지는 영역의 끝부분에 생긴다. .halfContent { margin:100px; outline: 1px solid black; display: block; color: black; width: 630px; font-size: 20px; font-weight: bolder !important; overflow: hidden..

form 테그 이 form테그 안에 데이터를 입력한다. 원래 콘솔로 하던것을 이제 웹 화면으로 연결할 때 form테그를 쓴다. 수강 과목에관하거야 하고 묶어 주는것이 fieldset 인것 그걸 id="subject로 묶어서 지정해주고 필드셋한것에 그룹에 대한 설명을 달아주는 것이 legend 그룹에 대한 설명을 써줄때 그냥 레전드 안에 써주면된다. 데이터를 보내는 set단위 수강과목을 두르고 있는 네모칸은 fieldset인것 💡 콤보 박스 수강과목 네모칸 하나가 fieldset, 레전드는 그룹에 대한거고, label은 하나의 컬럼 줄하나가 컬럼 그리고 readonly는 읽기만 가능하고 쓰는게 안되는것 registet : 신청자 그 안에 세개의 라벨이 들어가고 그 라벨안에 이름, 학번, 학과 들어가는데 학..

parent.html Do it! 프런트엔드 웹 디자인 입문 아래 화면은 iframe 태그를 이용해 외부 문서를 현재 문서에 삽입한 것입니다. 여기서 처럼 iframe 를 이용해서 child 의 html파일을 불러올 수 있다. 이전의 내용에서 iframe내용을 정리 해두었다. 💡 body{ text-align: center; /* 바디의 문장 위치를 가운데로 지정 위치지정이라 생각하면 될듯 */ } ** child.html 코딩으로 만드는 웹 디자인 HTML5 ․ CSS3 ․ jQuery로 웹 디자인 트렌드를 따라잡는 비법 대공개 취업용 포트폴리오에 바로 써먹을 수 있는 실전 웹 디자인 예제 수록 도서 상세 보기(현재 화면에) 도서 상세 보기(전체 화면에) new window 새창에서열림 the pare..