전국 대학생 Think 통일 콘텐츠 프리젠테이션 경연대회 본선

보호되어 있는 글입니다.

• format_list_bulleted 공모전/전국 대학생 think 통일 콘텐츠 프리젠테이션 경연대회
• · 2023. 7. 6.

[html5] 🔑 favicon 404 error message solving

favicon 404 에러 메시지가 뜰때 해결 하는 방법 Get http://127.0.0.1:5500/favicon.ico 404 (Not Found) option 1 넷빈 커넥터와 관련된 일종의 넷빈 버그일 수 있다. 코드나 프로젝트 설정에서 favicon.ico에 대해 찾을 수 없다. HTML 파이르이 헤드 section에 다음줄을 추가하면 문제를 해결할 수 있다.. 테스트 환경에서는 이 코드를 사용하지만, 프로덕션 환경에서는 이 코드를 제거한다. option 2 (이 옵션을 사용하는 편이 더 좋다) 이 정답이 맞지 않아서 다른 해결책을 찾았다. 가장 많은 표를 얻은 솔루션이 명시된 것 처럼, HTML 버전과 관련이 있을 수 있다: HTML5에 대해 문서의 유효성을 검사해야 하는 경우에 대신 이 방..

• format_list_bulleted ERROR
• · 2023. 6. 19.
• textsms

[SCSS] text-overflow - 넘치는 텍스트 표기

글자수 제한 및 잘린 문자 ...로 변환 text - overflow - 넘치는 텍스트 표기 *추가로 정리해야할 부분 -webkit-line-clamp , -webkit-box-orient, -moz-box-oreint / 줄바꿈 크로스 브라우징 개념 text-overflow는 white-space를 이용해 줄바꿈을 하지 않을 때 넘치는 텍스트 처리를 어떻게 할 것인지를 처리하는 속성이다. 속성 clip 넘치는 텍스트를 자름 ellipsis 말 줄임표로 잘린 텍스트가 있다고 표시 표시방법 그림 속성 설명 1. text-overflow: clip; div 너비를 고정시키고 텍스트를 길게 입력했을 때, overflow: hidden과 white-space: nowpre로 설정하게 되면, 넘치는 텍스트는 자르..

• format_list_bulleted STYLESHEET/SCSS
• · 2023. 3. 20.
• textsms

[jQuery] html(), text(), val() 구분

html(), text(), val() 특정 타겟의 내용(값)을 뽑아오고 싶을때 사용하는 함수 매번 잘 이해하고 암기했다고 확신했는데, 작업할 때마다 다시 찾고있는 저를 발견하게되어 정리해 두게 되었습니다. 저만 그런건 아니죠 ~?? 저는 jQuery랑 javascript가 약간 머리속에서 섞여 있는 것 같습니다. 이후에는 자바스크립트에 대한 부분도 정리해 보려고 합니다. 일단 오늘은 jQuery에 대한 부분 먼저 한번 정리해보겠습니다. $('selector').html(); 셀렉터 태그 내에 존재하는 자식태그를 태그나 문자열 상관없이 그대로 읽어올 때 사용 셀렉터로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출 ▶ 태그 동적추가할 때 주로 사용되는 함수 Hello! // result He..

• format_list_bulleted jQuery/기본
• · 2023. 3. 17.
• textsms

[jQuery] 특정 영역 외 클릭 이벤트 e.target / e.currentTarget

특정 영역 외 클릭 이벤트 event.target / event.currentTarget 개발을 진행하면서, 커스텀 selectbox를 구현하거나, toggle 메뉴 위에 올라오는 서브 메뉴를 구현할 때, 외부 영역을 클릭하게 되면 닫히도록 구현을 해야했다. body를 사용해서 하면되지 않을까라고 생각했지만, 그럼 그에 해당하는 div 영역을 클릭했을 때에도 닫힐 것이다. 그래서 찾아보게 되었고, 정리해보자 event.target 이벤트가 발생한 요소를 반환 현재 이벤트가 발생한 요소의 속성들을 얻을 수 있으며, 만약 이벤트가 발생한 대상 id도 가져올 수 있다. $('.divBox').click(function(event){ console.log(event.taget); console.log(event..

• format_list_bulleted jQuery/기본
• · 2023. 3. 16.
• textsms

[라이브러리] Sortable - drag & drop (multiDrag)

MultiDrag MultiDrag Plugin 이 플러그인을 통해 사용자는 다른 리스트에 있는 항목을 선택하고 다른 한 항목으로 끌 수 있다. 일단 배치되면, 아이템들은 원래 순서대로 펼쳐지지만, 새로운 위치에서는 배치해준 그대로 나란히 펼쳐진다. multidrag는 사용자가 정렬 가능한 목록 내에서 한 번에 여러 항목을 선택하고 여러 목록 또는 동일한 목록 내에서 하나의 항목으로 끌 수 있다. Mount the Plugin 멀티 드래그는 정렬 가능한 JS의 플러그인이며, 정렬 가능한 모든 빌드에 포함되지는 않는다. 기본 Sortable.js 파일에서는 즉시 사용할 수 있지만, 모듈식 빌드에서는 기본적으로 마운트되지 않는다. 모듈식 빌드에서 마운트 하려면 다음코드를 사용하여야 한다. import { S..

• format_list_bulleted JavaScript/기본
• · 2023. 3. 15.
• textsms