코딩 슬라임 공방

한 줄 자르기 한 줄에 글자가 넘쳐서 ...으로 처리해야할 경우에는 다음과 같은 요소가 필요하다. width값이 정해져있어야 한다. white-space:nowrap; 자동 줄바꿈이 되지 않게 한다. overflow:hidden; 넘치는 부분을 안보이게 처리한다. text-overflow: ellipsis; 숨겨진 부분을 ...으로 처리하게 해준다. 여러 줄 자르기 잘라야 하는 텍스트가 여러 줄 일때에는 조금 다른방법을 사용 해야 한다. text-align: left 양측 정렬일 때는 ...가 표시 안될 수 있으므로 좌측정렬 한다. white-space:normal; 자동 줄바꿈이 되게 한다. overflow:hidden; 넘치는 부분을 안보이게 처리한다. 여기까지 해도 잘리기는 하지만 ... 처리가 되..

HTML canvas태그 웹페이지에서 그래픽적인 것을 그릴때 사용하는 태그이다. canvas 요소에는 width와 height 두 속성만 존재한다. 자세한 내용 참고 사이트 자바스크립트 .createElement() 요소를 만듭니다.참고사이트 .appendChild() 선택한 요소 안에 자식요소를 추가합니다. 제이쿼리 .append() 선택한 요소 안에 맨 뒤에 요소를 추가합니다.참고사이트 .attr()은 요소의 속성값을 가져오거나 속성 값을 추가합니다.참고사이트

참고사이트

부모요소 선택 메소드 제이쿼리에서 가장 많이 사용되는 부모요소를 반환하는 메소드는 아래의 3가지입니다. .parent() 해당요소의 바로 위의 부모를 반환 .parents() 해당요소의 모든 부모을 반환 .closest('부모요소') 해당요소의 모든 부모 중 특정 대상만 반환 ex) $('요소').parent() ex) $('요소').parents() ex) $('요소').closest('특정 부모요소')

메뉴 따라가는 하단 바 만들기 메뉴가 있을때 메뉴에게서 얻어야하는 요소는 2가지이다 메뉴들의 width값과 left 값을 얻어야한다. 메뉴의 width값을 구하는 방법은 제이쿼리로 .width()를 사용하면 구할 수 있다. 메뉴의 left값을 구하는 방법은 제이쿼리로 .position().left를 사용하면 구할 수 있다. .position()은 top값과 left 값을 모두 구하기 때문에 left만 구해와야 한다. .position은 부모 요소에서의 상대적인 좌표값이다. 문서에서의 절대값을 얻고싶다면 .offset을 사용해야한다. 이제 마우스가 들어갔을 때와 나왔을때 메뉴에 addClass와 removeClass를 해서 active클래스를 조절해야 한다 그리고 active클래스가 부여된 요소의 widt..

형제(sibling)요소의 탐색 .siblings() 선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다 .next() 선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다. .nextAll() 선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다. .nextUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. .prev() 선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다. .prevAll() 선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다. .prevUntil() 선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택한다. 형제 요소 탐색 ..

기존요소의 내부에 추가 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. ex) $(target).append(source) 기존요소의 외부에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가한다. .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가한다. .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가한다. .insertAfter() 선택한 요소를 해당 요소의 뒤쪽에 추가한다. ex) $(target)..

처음 설정 git config --global user.name "유저 아이디" git config --global user.email "유저 이메일" 저장소 설정 git init 내보내기 현재 상태 git status 추가되거나 수정된 파일 모두 추가 git add . 내보낼때 사용할 저장할 이름 git commit -m "이름" 깃허브와 저장소 연결 git remote add origin 깃허브repository 주소 깃허브에 보내기 git push origin master 불러오기 깃허브와 저장소 연결 git remote add origin 깃허브repository 주소 깃허브에서 가져오기 git pull origin master